.game-switcher{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid #383838;overflow-x:auto;position:sticky;top:0;z-index:10;background:#212121f5;backdrop-filter:blur(12px);scrollbar-width:thin}.switcher-label{font-size:13px;color:#a0a0a0;margin-right:6px;white-space:nowrap}.game-switcher a{display:block;flex:0 0 auto;font-size:14px;line-height:1.2;padding:10px 14px;border:1px solid transparent;border-radius:7px;color:#b8b8b8;white-space:nowrap;transition:background .15s}.game-switcher a:hover{background:#303030;color:#f4f4f4}.game-switcher a[aria-current='page']{background:linear-gradient(#e5e5e5,#cdcdcd);border-color:#ececec;color:#292929;box-shadow:inset 0 1px #fff6,0 2px 3px #0004}.game-switcher a:focus-visible{outline:2px solid #dddddd;outline-offset:-2px}.extra-game{border:1px solid #3e3e3e;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-top:21px;font-size:14px;color:#b6b6b6;background:#252525}.extra-game b{font-weight:450;color:#f4f4f4}.blocks-preview{background:radial-gradient(ellipse at 50% 45%,#404040,#2d2d2d 75%);color:#d8d8d8}.preview-blocks{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:180px;aspect-ratio:1}.preview-blocks i{background:#ffffff03;border:1px solid #ffffff03;border-radius:2px}.preview-blocks i.filled{background:#afafaf;border-color:#ffffff2b;box-shadow:inset 0 1px #ffffff13}.preview-blocks i.purple{background:#a1a1a1}.preview-blocks i.gold{background:#aeaeae}.blocks-layout{grid-template-columns:minmax(220px,1fr) minmax(350px,450px);max-width:1010px}.blocks-stage{display:grid;grid-template-columns:minmax(0,250px) 78px;gap:12px;justify-content:center;margin-top:18px}.blocks-board-wrap{position:relative;padding:7px;background:#1b1b1b;border:1px solid #161616;border-radius:9px;box-shadow:inset 0 2px 5px #0006;min-width:0}.blocks-canvas{width:100%;height:auto;aspect-ratio:1 / 2;display:block;border-radius:3px}.next-piece{border:1px solid #444444;border-radius:8px;padding:11px 6px;background:#ffffff03}.next-piece p{font-size:12px;color:#a0a0a0;text-align:center;margin:0 0 10px}.next-canvas{display:block;width:100%;height:auto;aspect-ratio:1}.blocks-side-note{font-size:12px;line-height:1.8;color:#8d8d8d;text-align:center;margin-top:16px}.blocks-overlay{background:#212121f0}.blocks-overlay h2{font-size:27px}.blocks-overlay p{font-size:14px}.blocks-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.blocks-controls button{min-height:44px;min-width:44px;border:1px solid #484848;border-radius:8px;background:linear-gradient(#333333,#2a2a2a);font-size:18px;box-shadow:inset 0 1px #ffffff0a,0 2px 3px #0003;touch-action:manipulation}.blocks-controls .drop-button{font-size:14px;padding:0 14px;min-width:108px}.blocks-controls button:active{background:#484848}.blocks-control-hint{font-size:12px;color:#a0a0a0;text-align:center;line-height:1.8;margin:11px 0 0}.blocks-intro .rules-list li{display:flex;align-items:baseline}.blocks-intro .rules-list li span{flex-shrink:0}.blocks-intro .rules-list li b{font-weight:400}.blocks-note{font-size:13px;color:#a0a0a0;line-height:1.8;margin-top:20px}.blocks-status{font-size:13px;color:#a0a0a0;line-height:1.7;min-height:23px}
@media(max-width:760px){.game-switcher{gap:3px;padding:11px 0}.game-switcher a{padding:9px 10px;font-size:13px}.switcher-label{display:none}.blocks-stage{grid-template-columns:minmax(0,250px) 68px;gap:9px}.blocks-overlay{padding:16px}.blocks-overlay h2{font-size:24px}.blocks-overlay .solid-button{min-height:43px;font-size:13px;padding:0 12px;gap:12px}.blocks-intro .rules-list{display:none}.blocks-intro .blocks-note{display:none}.extra-game{padding:17px;font-size:13px;gap:10px}.preview-blocks{width:158px}.blocks-control-hint{font-size:12px}.blocks-panel{padding:15px}.blocks-side-note{font-size:12px}.blocks-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.game-switcher a{transition:none}}