.tetris-stage{--t-ink:#e9e5da;--t-muted:#a1a19e;max-width:1240px;margin:0 auto;padding:20px 24px 12px;color:var(--t-ink);font-family:Consolas,Courier New,monospace}.tetris-sidebar dt{display:flex;flex-wrap:wrap;gap:5px}.tetris-pc-toggle{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:20px}.tetris-pc-toggle input{accent-color:#84b3d3}.tetris-pc-toggle:has(input:disabled){color:#a1a19e}.tetris-stage *{box-sizing:border-box}.tetris-stage button{font:inherit;font-size:12px;border:1px solid #62605a;border-radius:3px;background:#292a29;color:#f2eee3;padding:10px 13px;cursor:pointer;box-shadow:none}.tetris-stage button:hover{background:#3e403f;border-color:#b9b7ac}.tetris-stage button:focus-visible,.tetris-stage summary:focus-visible{outline:2px solid #83bded;outline-offset:3px}.tetris-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.tetris-kicker{font-size:10px;letter-spacing:2px;color:#b0ae9f}.tetris-heading h1{font-size:32px;letter-spacing:-1.5px;color:#f2eee3;margin:8px 0}.tetris-heading p{color:var(--t-muted);font-size:13px;margin:0}.tetris-layout{display:grid;grid-template-columns:minmax(300px,1fr) 270px;gap:40px;align-items:start}.tetris-cabinet{min-width:0;background:#161817;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 16px;border:1px solid #3e403d;border-radius:8px}.tetris-bezel{padding:16px;background:#242725;border-radius:5px;box-shadow:0 0 0 1px #080908,0 6px 16px #0008;max-width:100%}.tetris-screen{position:relative;background:#000;max-width:100%;overflow:hidden;isolation:isolate}.tetris-screen canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.tetris-screen:focus-within{outline:1px solid #787e76;outline-offset:3px}.tetris-bezel-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;font-size:8px;color:#b1b0a1;letter-spacing:1px}.tetris-bezel-label b{font-weight:400;font-size:9px;color:#8e938a}.tetris-bezel-label i{display:inline-block;width:5px;height:5px;background:#f34e35;margin-right:4px;box-shadow:0 0 4px #ff4836}.tetris-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.tetris-sidebar section{border-top:1px solid #4b4d46;padding:20px 0}.tetris-sidebar h2{font-size:19px;line-height:1.35;letter-spacing:-.5px;margin:12px 0 24px;color:#eee9de}.tetris-sidebar dl{margin:0}.tetris-sidebar dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0}.tetris-sidebar dd{font-size:11px;color:#c4c4ba;margin:0}.tetris-stage kbd{display:inline-block;background:#303330;border:1px solid #555a52;border-bottom-width:3px;border-radius:3px;padding:4px 6px;min-width:23px;text-align:center;font:11px Consolas,monospace;color:#f1eadc}.tetris-sidebar p{font-size:11px;line-height:1.8;color:var(--t-muted);margin:16px 0 0}.tetris-settings label{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:12px}.tetris-settings input[type=range]{width:100%;accent-color:#84b3d3}.tetris-settings input[type=checkbox]{accent-color:#84b3d3;width:16px;height:16px}.tetris-sidebar details{border-top:1px solid #4b4d46;padding-top:17px;font-size:11px}.tetris-sidebar summary{cursor:pointer;color:#c9c7b9}.tetris-stage .tetris-binding{display:flex;justify-content:space-between;width:100%;margin:8px 0;align-items:center}.tetris-status{min-height:18px;text-align:center;font-size:11px;color:#bcbcb0;margin:20px 0 10px}.tetris-note{text-align:center;font-size:9px;letter-spacing:1px;color:#888b80;margin:16px 0}.tetris-exit{padding:16px;border:1px solid #cfa574;background:#282923;margin-top:15px;font-size:13px}.tetris-exit button{margin-right:8px}.tetris-cabinet:fullscreen{border:0;width:100%;height:100%;padding:16px;background:#101210}.tetris-cabinet:fullscreen .tetris-screen{width:auto;height:min(80vh,960px)}.tetris-screen.has-crt{border-radius:5%/4%;box-shadow:inset 0 0 16px #000}.has-crt canvas{filter:contrast(1.06) saturate(1.12) drop-shadow(1px 0 1px #ff303030) drop-shadow(-1px 0 1px #3080ff30)}.has-crt:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0002 0px,#0002 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 22px 4px #0008;border-radius:inherit}.has-noise:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.025;background:repeating-conic-gradient(#fff 0% 25%,#000 0% 50%) 0 0/3px 3px;animation:tetris-noise .2s steps(2) infinite}@keyframes tetris-noise{to{transform:translate(1px,-1px)}}@media(prefers-reduced-motion:reduce){.has-noise:before{animation:none}}@media(max-width:850px){.tetris-layout{grid-template-columns:1fr;gap:28px}.tetris-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tetris-sidebar details{grid-column:1/-1}.tetris-stage{padding:16px 12px}.tetris-heading h1{font-size:26px}.tetris-cabinet{padding:20px 0}.tetris-bezel{padding:10px}.tetris-heading{align-items:flex-start}.tetris-heading>button{white-space:nowrap}.tetris-sidebar h2{font-size:16px}}@media(max-width:420px){.tetris-sidebar{grid-template-columns:1fr}.tetris-heading{gap:10px}.tetris-heading h1{font-size:23px}.tetris-kicker{letter-spacing:1px}.tetris-stage{padding:12px 6px}.tetris-bezel-label{gap:8px}}body.tetris-standalone{margin:0;background:#1b1e1c;min-height:100vh}.tetris-standalone .tetris-stage{padding-top:32px}