.tetrix-wrap{background:#000;border-radius:16px;width:100%;max-width:720px;margin:0 auto;overflow:hidden;box-shadow:0 0 48px #00ff651a,0 4px 24px #0009}.tetrix-game-area{width:100%;position:relative}.tetrix-canvas{background:#000;width:100%;height:auto;display:block}.tetrix-overlay{background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 24px;display:flex;position:absolute;inset:0}.tetrix-title-big{color:#00ff65;text-shadow:0 0 20px #00ff65,0 0 50px #0a4;letter-spacing:10px;font-family:Courier New,Courier,monospace;font-size:3.8rem;font-weight:900}.tetrix-over{color:#f44;text-shadow:0 0 20px #f44,0 0 40px #a00}.tetrix-sub{color:#0c4;text-align:center;max-width:400px;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.7}.tetrix-legend{color:#062;text-align:center;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:2}.tetrix-score-display{color:#00ff65;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:700}.tetrix-btn{color:#00ff65;cursor:pointer;letter-spacing:4px;text-shadow:0 0 8px #00ff65;background:0 0;border:2px solid #00ff65;border-radius:8px;padding:14px 52px;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;transition:box-shadow .15s,background .15s;box-shadow:0 0 14px #00ff6540,inset 0 0 12px #00ff650d}.tetrix-btn:hover{background:#00ff6514;box-shadow:0 0 28px #00ff6580,inset 0 0 16px #00ff651a}.tetrix-hud{color:#093;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-family:Courier New,Courier,monospace;font-size:.95rem;display:flex;position:absolute;top:10px;left:14px;right:14px}.tetrix-hud strong{color:#00ff65}.tetrix-hud-level{color:#00ff65;text-shadow:0 0 8px #0a4;font-size:1rem;font-weight:700}.tetrix-bottom{background:#000;border-top:1px solid #020;flex-direction:column;align-items:center;gap:6px;padding:14px 20px 16px;display:flex}.tetrix-flash-area{align-items:center;min-height:1.5rem;display:flex}.tetrix-flash{font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;animation:.12s ease-out flashIn}.flash-ok{color:#00ff65;text-shadow:0 0 8px #00ff65}.flash-err{color:#f44}@keyframes flashIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tetrix-form{gap:10px;width:100%;max-width:380px;display:flex}.tetrix-input{color:#00ff65;text-align:center;caret-color:#00ff65;background:#010;border:2px solid #030;border-radius:8px;outline:none;flex:1;padding:10px 16px;font-family:Courier New,Courier,monospace;font-size:1.3rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.tetrix-input:focus{border-color:#0b4;box-shadow:0 0 10px #00bb444d}.tetrix-input::placeholder{color:#030;font-size:.85rem;font-weight:400}.tetrix-submit-btn{color:#000;cursor:pointer;background:#0a3;border:none;border-radius:8px;padding:10px 22px;font-size:1.3rem;font-weight:900;transition:background .12s}.tetrix-submit-btn:hover{background:#00ff65}