.stage.svelte-l6frat{max-width:1280px;margin:0 auto;padding:28px 22px 60px}.stage.has-touch-controls.svelte-l6frat{padding-bottom:calc(210px + env(safe-area-inset-bottom))!important}.head.svelte-l6frat{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;margin-bottom:22px;padding-bottom:14px;display:flex}.title.svelte-l6frat{margin:4px 0 0;font-size:clamp(30px,5.5vw,56px)}.head-r.svelte-l6frat{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mode-toggle.svelte-l6frat{border:1px solid var(--line-2);display:flex}.mode-opt.svelte-l6frat{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);cursor:pointer;padding:6px 14px;font-size:11px;text-decoration:none;display:block}.mode-opt.svelte-l6frat:not(.active):hover{color:var(--fg)}.mode-opt.active.svelte-l6frat{background:var(--accent);color:var(--accent-ink)}.mode-opt.svelte-l6frat+.mode-opt:where(.svelte-l6frat){border-left:1px solid var(--line-2)}.game.svelte-l6frat{grid-template-columns:clamp(72px,20vw,200px) minmax(0,1fr) clamp(72px,20vw,200px);justify-content:center;align-items:start;gap:clamp(8px,2vw,20px);display:grid}.side.svelte-l6frat{flex-direction:column;gap:clamp(8px,1.5vw,14px);min-width:0;display:flex}.side.svelte-l6frat .card.dense:where(.svelte-l6frat),.side.svelte-l6frat .card.stats:where(.svelte-l6frat){padding:clamp(8px,2vw,14px) clamp(10px,2.2vw,16px)}.preview.svelte-l6frat{aspect-ratio:5/3;border:1px solid var(--line-2);background:#000;width:100%;max-width:120px;height:auto;margin:8px auto 0;display:block}.stats.svelte-l6frat{flex-direction:column;gap:clamp(6px,1.2vw,10px);display:flex}.stat.svelte-l6frat{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.stat.svelte-l6frat b:where(.svelte-l6frat){font-family:var(--display);color:var(--fg);text-align:right;overflow-wrap:anywhere;min-width:0;font-size:clamp(14px,2.6vw,18px)}@media (width<=480px){.stat.svelte-l6frat{flex-direction:column;align-items:flex-start;gap:1px}}.board-wrap.svelte-l6frat{flex-direction:column;align-items:center;min-width:0;display:flex}.board.svelte-l6frat{border:2px solid var(--fg);box-shadow:8px 8px 0 0 var(--accent);touch-action:none;background:#000;padding:4px;position:relative}.playfield.svelte-l6frat{aspect-ratio:1/2;width:clamp(140px,42vh,360px);max-width:100%;height:auto;display:block}.popups.svelte-l6frat{pointer-events:none;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.popup.svelte-l6frat{text-align:center;animation:1.1s ease-out forwards svelte-l6frat-pop}.popup.svelte-l6frat .pt:where(.svelte-l6frat){letter-spacing:.04em;font-size:30px}.popup.svelte-l6frat .ps:where(.svelte-l6frat){opacity:.9;margin-top:4px;font-size:14px}.popup.clear.svelte-l6frat{color:var(--accent)}.popup.tetris.svelte-l6frat{color:var(--accent);animation-name:svelte-l6frat-pop-big}.popup.level.svelte-l6frat{color:#fff}@keyframes svelte-l6frat-pop{0%{opacity:0;transform:scale(.4)translateY(20px)}18%{opacity:1;transform:scale(1.15)translateY(0)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1)translateY(-26px)}}@keyframes svelte-l6frat-pop-big{0%{opacity:0;transform:scale(.3)translateY(24px)}20%{opacity:1;transform:scale(1.35)translateY(0)}35%{transform:scale(1.05)}78%{opacity:1}to{opacity:0;transform:scale(1)translateY(-30px)}}.overlay.svelte-l6frat{z-index:8;background:#000000e0;flex-direction:column;align-items:center;display:flex;position:absolute;inset:4px;overflow:hidden auto}.o-card.svelte-l6frat{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(8px,3vw,14px);width:100%;min-width:0;margin:auto 0;padding:clamp(10px,4vw,24px);display:flex}.o-label.svelte-l6frat{font-family:var(--mono);letter-spacing:.22em;color:var(--accent);font-size:clamp(8px,2vw,11px)}.o-label.danger.svelte-l6frat{color:var(--danger)}.o-title.svelte-l6frat{color:var(--fg);font-size:clamp(22px,9vw,42px)}.o-stats.svelte-l6frat{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:center;gap:clamp(8px,5vw,22px);width:100%;padding:12px 0;display:flex}.o-stats.svelte-l6frat div:where(.svelte-l6frat){flex-direction:column;align-items:center;gap:4px;display:flex}.o-stats.svelte-l6frat b:where(.svelte-l6frat){font-family:var(--display);font-size:clamp(15px,5vw,22px)}.level-select.svelte-l6frat{justify-content:center;align-items:center;gap:clamp(10px,4vw,20px);display:flex}.level-select.svelte-l6frat .btn:where(.svelte-l6frat){min-width:40px;padding:6px 10px}.level-select.svelte-l6frat .btn:where(.svelte-l6frat):disabled{opacity:.3;cursor:default}.level-pick.svelte-l6frat{flex-direction:column;align-items:center;gap:2px;min-width:48px;display:flex}.level-pick.svelte-l6frat b:where(.svelte-l6frat){font-size:clamp(20px,6vw,28px)}.legend.svelte-l6frat{border-top:1px solid var(--line-2);font-family:var(--mono);letter-spacing:.16em;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;padding-top:16px;font-size:10px;display:flex}.legend.svelte-l6frat kbd:where(.svelte-l6frat){font-family:var(--mono);background:var(--bg);border:1px solid var(--line-2);color:var(--fg);margin-right:4px;padding:2px 6px}@media (pointer:coarse){.legend-keys.svelte-l6frat{display:none}}@media (height<=500px){.stage.svelte-l6frat{padding-top:6px;padding-bottom:8px}.head.svelte-l6frat{margin-bottom:6px;padding-bottom:6px}.head.svelte-l6frat .label:where(.svelte-l6frat){display:none}.title.svelte-l6frat{margin-top:0;font-size:clamp(20px,4vw,28px)}.legend.svelte-l6frat{display:none}.side.svelte-l6frat{max-height:calc(100vh - 114px);overflow-y:auto}.playfield.svelte-l6frat{max-width:100%;width:clamp(64px,50vh - 63px,360px)!important}}