.blocks-page{width:min(940px,calc(100% - 24px));margin:34px auto 60px}.blocks-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.blocks-heading h1{margin:3px 0;font-size:clamp(2.5rem,7vw,4.8rem);line-height:1}.blocks-heading p{margin:10px 0 0;color:var(--muted)}.blocks-layout{display:grid;grid-template-columns:minmax(280px,480px) 250px;justify-content:center;gap:22px}.blocks-stage{position:relative;width:min(100%,480px);aspect-ratio:1/1.55;max-height:680px;margin:auto;overflow:hidden;border:1px solid #334559;border-radius:18px;background:#070b12;box-shadow:0 30px 80px rgba(0,0,0,.35)}#tetris{width:100%;height:100%;object-fit:contain}.blocks-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:rgba(5,8,13,.8);backdrop-filter:blur(5px)}.blocks-overlay[hidden]{display:none}.blocks-overlay h2{margin:10px 0 6px;font-size:2rem}.blocks-overlay p{color:var(--muted)}.blocks-panel{display:grid;align-content:start;gap:14px}.score-box,.score-row>div,.next-box,.control-guide{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.score-box span,.score-row span,.next-box>span{display:block;color:var(--muted);font-size:.85rem;font-weight:800}.score-box strong{display:block;color:var(--gold2);font-size:2.4rem}.score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-row strong{font-size:1.5rem}.next-box{text-align:center}.next-box>span{text-align:left}#nextPiece{width:120px;height:120px;margin:auto}.control-guide h2{margin:0 0 10px;font-size:1rem}.control-guide p{margin:7px 0;color:var(--muted);font-size:.9rem}.control-guide kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-right:5px;border:1px solid #536277;border-bottom-width:3px;border-radius:5px;color:var(--text);background:#17202b;font:700 .8rem system-ui}.touch-controls{display:none;grid-template-columns:repeat(5,1fr);gap:7px;max-width:480px;margin:12px auto}.touch-controls button{min-height:52px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel2);font-size:1.2rem;font-weight:900;touch-action:manipulation}.touch-controls button:last-child{font-size:.72rem;color:var(--gold2)}@media(max-width:720px){.blocks-heading{align-items:start;flex-direction:column}.blocks-layout{grid-template-columns:1fr}.blocks-stage{max-width:390px}.blocks-panel{grid-template-columns:1fr 1fr;max-width:390px;margin:auto}.score-box,.score-row{grid-column:auto}.next-box{grid-row:span 2}.control-guide{display:none}.touch-controls{display:grid}.blocks-page .notice{max-width:390px;margin-inline:auto}.blocks-heading h1{font-size:2.8rem}}