.tetris-page{color:#4b303b;background:#faf6ee;min-height:100svh;padding:24px 30px 22px}.tetris-header{justify-content:space-between;align-items:center;gap:18px;max-width:1160px;margin:0 auto;display:flex}.tetris-back{align-items:center;gap:9px;min-height:44px;font-size:12px;text-decoration:none;display:inline-flex}.tetris-back:hover{color:#991a43;text-underline-offset:5px;text-decoration:underline}.tetris-intro{text-align:center;margin:20px auto 22px}.tetris-eyebrow{letter-spacing:.17em;color:#816571;align-items:center;gap:8px;font-size:9px;display:inline-flex}.tetris-intro h1{letter-spacing:-.045em;color:#7b1734;margin:10px 0 8px;font:43px/1.15 Bodoni Moda,Georgia,serif}.tetris-intro h1 i{letter-spacing:-.02em;font:600 48px/1 Caveat,cursive}.tetris-intro p{color:#7d6c72;margin:0;font-size:12px}.tetris-machine{--board-width:min(300px, calc((100svh - 330px) / 2));background:#f0e8dc;border:1px solid #d9c8b8;border-radius:20px;width:max-content;max-width:100%;margin:auto;padding:18px;box-shadow:0 5px #d8c7b7,0 20px 50px #59362412}.tetris-machine-top{justify-content:space-between;align-items:center;gap:12px;margin:0 2px 14px;display:flex}.tetris-machine-top>span:first-child{letter-spacing:.15em;color:#7b1734;font-size:13px;font-weight:700}.tetris-machine-top i{font:16px Arial,sans-serif}.tetris-status{letter-spacing:.08em;align-items:center;gap:5px;font-size:8px;display:flex}.tetris-status b{background:#b5a193;border-radius:50%;width:5px;height:5px}.tetris-status b[data-active=true]{background:#5f895e;box-shadow:0 0 0 3px #5f895e15}.tetris-game-layout{grid-template-columns:max(200px, var(--board-width)) 130px;gap:18px;display:grid}.tetris-arena{background:#261f2b;border:5px solid #4d3543;border-radius:8px;outline:none;align-self:start;position:relative;overflow:hidden}.tetris-arena:focus-visible{box-shadow:0 0 0 3px #d69e65}.tetris-board{aspect-ratio:1/2;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);width:100%;display:grid}.tetris-cell{border:1px solid #ffffff06;min-width:0;min-height:0}.tetris-block{background:var(--block);border:1px solid #00000025;border-radius:2px;box-shadow:inset 2px 2px #ffffff48,inset -2px -2px #0002}.block-I{--block:#6fc7cf}.block-O{--block:#f2cc71}.block-T{--block:#b192d8}.block-S{--block:#92c392}.block-Z{--block:#d8798c}.block-J{--block:#789fde}.block-L{--block:#e9a274}.tetris-cell.is-ghost{border:1px solid var(--block);opacity:.45;background:0 0;box-shadow:inset 0 0 0 1px #261f2b}.tetris-sidebar{flex-direction:column;gap:14px;min-width:0;padding-top:5px;display:flex}.tetris-sidebar>div>span{letter-spacing:.17em;color:#7d6470;font-size:8px;display:block}.tetris-score strong{letter-spacing:-.06em;color:#7b1734;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:5px;font-size:26px;display:block}.tetris-level{color:#fff7e7;background:#7b1734;border-radius:9px;padding:13px 14px}.tetris-sidebar>.tetris-level>span{color:#e9c9c9}.tetris-level strong{margin:3px 0 6px;font:47px/1.1 Bodoni Moda,Georgia,serif;display:block}.tetris-level small,.tetris-line-info small{font-size:9px;line-height:1.5;display:block}.tetris-level small{color:#f3dcd6}.tetris-line-info small{color:#7b636f;margin-top:7px}.tetris-line-info strong{margin:4px 0 8px;font-size:20px;display:block}.tetris-level-progress{-webkit-appearance:none;appearance:none;background:#ddcec2;border:0;border-radius:3px;width:100%;height:4px;display:block;overflow:hidden}.tetris-level-progress::-webkit-progress-bar{background:#ddcec2}.tetris-level-progress::-webkit-progress-value{background:#7b1734}.tetris-level-progress::-moz-progress-bar{background:#7b1734}.tetris-next>div{background:#e6dccf;border-radius:8px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex}.tetris-preview{--preview-cell:14px;grid-auto-rows:var(--preview-cell);align-self:center;width:max-content;display:grid}.tetris-preview i{min-height:14px}.tetris-sidebar .tetris-pause{background:#fbf7ef;border:1px solid #cbb8a8;gap:6px;height:auto;min-height:44px;margin-top:auto;font-size:11px}.tetris-speed{text-align:center;color:#876c78;margin-top:-7px;font-size:9px}.tetris-controls{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.tetris-controls .tetris-control{color:#6d394c;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fcf8f0;border:1px solid #cdb9a9;flex-direction:column;gap:3px;height:50px;box-shadow:0 3px #d3c0af}.tetris-control span{font-size:9px}.tetris-controls .control-drop{color:#fff9ed;background:#7b1734;border-color:#7b1734;box-shadow:0 3px #541126}.tetris-controls .tetris-control:active{box-shadow:none;transform:translateY(2px)}.tetris-instructions{color:#806974;flex-wrap:wrap;justify-content:center;gap:8px;margin:15px 0 0;font-size:9px;display:flex}.tetris-instructions span{white-space:nowrap}.tetris-instructions kbd{border:1px solid #d1c1b6;border-radius:3px;margin-right:2px;padding:2px 3px;font:9px Arial,sans-serif}.tetris-overlay{z-index:1;text-align:center;color:#fff7e7;background:#261f2bee;flex-direction:column;justify-content:center;align-items:center;padding:20px 14px;display:flex;position:absolute;inset:0}.tetris-overlay-star{color:#efc373;margin-bottom:17px;font:43px/1 Arial,sans-serif}.tetris-overlay h2{white-space:pre-line;letter-spacing:-.035em;margin:0 0 14px;font:29px/1.1 Bodoni Moda,Georgia,serif}.tetris-overlay p{color:#c3b5c2;max-width:200px;margin:0 0 23px;font-size:11px;line-height:1.65}.tetris-overlay .tetris-primary{color:#422938;cursor:pointer;background:#f1ce8f;height:auto;min-height:44px;padding:12px 19px;font-size:12px}.tetris-overlay .tetris-primary:hover{background:#f7dcad}.tetris-overlay .tetris-overlay-reset{color:#e1d0dc;cursor:pointer;min-height:44px;margin-top:5px;font-size:11px}.tetris-overlay .tetris-overlay-reset:hover{color:#fff7e7;background:#ffffff10}.tetris-footnote{text-align:center;color:#89747d;margin:22px 0 0;font-size:10px;line-height:1.5}.tetris-footnote span{color:#7b1734;margin-left:5px;font:600 19px Caveat,cursive}@media (max-width:600px){.tetris-page{padding:12px 12px 20px}.tetris-header{padding:0 5px}.tetris-header .wordmark{font-size:26px}.tetris-back{font-size:11px}.tetris-intro{margin:10px auto 17px}.tetris-eyebrow{font-size:8px}.tetris-intro h1{margin:8px 0;font-size:29px}.tetris-intro h1 i{font-size:35px}.tetris-intro p{font-size:10px}.tetris-machine{border-radius:14px;width:min(400px,100%);padding:12px}.tetris-machine-top{margin-bottom:10px}.tetris-machine-top>span:first-child{font-size:11px}.tetris-status{font-size:7px}.tetris-game-layout{grid-template-columns:minmax(0,1fr) 88px;gap:11px}.tetris-sidebar{gap:10px;padding-top:1px}.tetris-score strong{font-size:23px}.tetris-level{padding:9px}.tetris-level strong{font-size:36px}.tetris-level small{font-size:8px}.tetris-line-info strong{font-size:17px}.tetris-line-info small{font-size:8px}.tetris-next>div{gap:6px;padding:8px}.tetris-preview{--preview-cell:11px}.tetris-preview i{min-height:11px}.tetris-sidebar .tetris-pause{padding:5px;font-size:10px}.tetris-speed{display:none}.tetris-overlay{padding:14px 10px}.tetris-overlay h2{font-size:25px}.tetris-overlay-star{margin-bottom:12px;font-size:33px}.tetris-overlay p{margin-bottom:18px;font-size:10px}.tetris-controls{gap:6px}.tetris-instructions{gap:6px;line-height:1.8}.tetris-footnote{max-width:280px;margin:20px auto 0;font-size:9px}}@media (max-width:360px){.tetris-next>div .tetris-preview:nth-child(n+2){display:none}.tetris-game-layout{grid-template-columns:minmax(0,1fr) 76px;gap:8px}.tetris-sidebar{gap:8px}.tetris-overlay h2{font-size:22px}.tetris-sidebar .tetris-pause>svg{display:none}}@media (max-height:680px) and (min-width:601px){.tetris-intro{margin:6px auto 15px}.tetris-intro h1{font-size:32px}.tetris-intro h1 i{font-size:38px}.tetris-next>div{flex-direction:row;justify-content:center;gap:6px;padding:9px 4px}.tetris-preview{--preview-cell:8px}.tetris-preview i{min-height:8px}.tetris-sidebar{gap:10px}}