*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;box-sizing:border-box}:root{--bg: #141821;--panel: #171c26;--line: #232a38;--ink: #c6ccda;--dim: #6d7689;--amber: #f5cc6b;--cyan: #2fa1b8;--wall: #576380;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 18px}html,body{margin:0;height:100%;overscroll-behavior:none;touch-action:manipulation;background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#wrap{display:grid;grid-template-rows:1fr auto;height:100%}#stage{position:relative;min-height:0}#board{width:100%;height:100%;display:block}#over{position:absolute;left:0;right:0;bottom:var(--s3);text-align:center;pointer-events:none;padding:0 var(--s3)}#status{margin:0;color:var(--amber);font-weight:600;text-shadow:0 1px 6px var(--bg),0 0 14px var(--bg)}#status:empty{display:none}#why{margin:var(--s1) 0 0;color:var(--dim);font-size:13px;text-shadow:0 1px 6px var(--bg)}#why:empty{display:none}#bar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel);min-height:52px}#bar .ident{min-width:0;flex:1;line-height:1.25}#tier{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}#name{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figs{text-align:right;line-height:1.2}.figs b{display:block;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.figs span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}button{font:inherit;font-weight:500;color:var(--ink);background:#222a38;border:1px solid #313a4c;border-radius:8px;padding:8px 13px;min-height:40px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}button:hover{background:#2a3444;border-color:#3c4760}button:active{background:#323d50}button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button[disabled]{opacity:.35;cursor:default}button[disabled]:hover{background:#222a38;border-color:#313a4c}button.on{background:#2f3b4e;border-color:var(--amber);color:var(--amber)}#sheet{position:fixed;inset:0;background:#0b0e14cc;display:flex;align-items:flex-end;justify-content:center;z-index:10}#sheet[hidden],button[hidden]{display:none}#skip{flex-basis:100%;border-color:#4a3f5c}.card{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px 14px 0 0;padding:var(--s4) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s3)}@media(min-height:520px){#sheet{align-items:center}.card{border-radius:14px;margin:var(--s4)}}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{margin:0;font-size:16px;letter-spacing:.04em}.set{display:flex;flex-direction:column;gap:var(--s2)}.label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.controls{display:flex;gap:var(--s2);flex-wrap:wrap}.controls button{flex:1;min-width:92px}.note{margin:0;color:var(--dim);font-size:12px}.note b{color:var(--ink)}.tip{margin:0;color:var(--dim);font-size:12px;line-height:1.5}#select{display:flex;flex-direction:column;gap:var(--s1)}#select[hidden]{display:none}#levels{text-align:left}#levels b{color:var(--ink);font-weight:700}#levels[aria-expanded=true]{border-color:var(--amber);color:var(--amber)}#levels[aria-expanded=true] b{color:var(--amber)}.tier-label:first-child{margin-top:0}.tier-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:var(--s2)}.tier-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px}.tier-row button{min-height:38px;min-width:0;padding:0;font-size:12px;font-variant-numeric:tabular-nums;border-radius:6px;background:#1b2230;border-color:#2a3344;color:var(--dim)}.tier-row button:hover:not([disabled]){background:#27303f;color:var(--ink)}.tier-row button.done{background:#1d3a42;border-color:var(--cyan);color:#9fdbe8}.tier-row button.skipped{background:#232c33;border-color:#3a4a52;color:#8fa2ab}.tier-row button.now{background:#3a3524;border-color:var(--amber);color:var(--amber);font-weight:700}.tier-row button[disabled]{opacity:.3}@media(max-height:420px){#bar{min-height:44px;padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}button{min-height:34px;padding:5px 10px}#over{bottom:var(--s2)}}