:root{--bg:#0d1510;--panel:#7851a9;--panel-btn:#8c6bb6;--panel-active:#2a4032;--accent:#7ecb5e;--text:#e9f4e7;--muted:#8fa894;--border:#2e4533}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{background:var(--bg);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Soko,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{width:100%;height:100%;position:relative}.selector{z-index:10;background:#16231a99;justify-content:center;display:flex;position:absolute;inset:0}.selector-panel{background:var(--panel);flex-direction:column;width:100%;max-width:640px;height:100%;display:flex;box-shadow:0 0 30px #0000008c}.selector header{flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.selector h2{color:var(--accent);letter-spacing:.08em;font-family:Soko Header,Soko,sans-serif;font-size:18px}.selector-progress{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;flex:1;font-size:13px;overflow:hidden}.selector-close{width:40px;height:40px;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;display:flex}.selector-close svg{width:20px;height:20px}.selector-bands{flex-wrap:wrap;flex:none;gap:8px;padding:0 16px 10px;display:flex}.band-btn{text-transform:uppercase;letter-spacing:.08em;color:var(--text);background:var(--panel-btn);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;border-radius:10px;flex:1;padding:8px 0;font-family:Soko Header,Soko,sans-serif;font-size:12px}.band-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selector-grid{overscroll-behavior:contain;touch-action:pan-y;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;padding:0 16px 16px;display:grid;overflow-y:auto}.tile{aspect-ratio:1;background-color:var(--panel);color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background-size:100% 100%;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-family:Soko,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;display:flex;position:relative;box-shadow:0 4px 8px #0006;container-type:inline-size}.tile:after{content:"";background:#0000004d;position:absolute;inset:0}.tile:not(.done):after{background:#0000008c}.tile.current:after{background:0 0}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-num,.tile-stars{z-index:1;position:relative}.tile-stars{color:#fff;letter-spacing:.12em;min-height:1em;font-size:clamp(8px,18cqw,16px)}.section-header{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;grid-column:1/-1;padding:14px 2px 0;font-family:Soko Header,Soko,sans-serif;font-size:12px}@media (orientation:landscape){.selector h2{font-size:21px}.selector-progress,.band-btn{font-size:15px}.tile{font-size:17px}.tile-stars{font-size:16px}.section-header{font-size:14px}}