:root{--bg: #0d0f12;--surface: #171a1f;--surface-high: #21252c;--line: #2c313a;--text: #f2f4f7;--muted: #98a1b0;--accent: #ffb020;--accent-ink: #241802;--running: #f0a500;--danger: #ff5d5d;--ok: #3ddc84;--price: clamp(2.5rem, 9vw, 7rem);--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;-webkit-user-select:none;user-select:none}#app{height:100dvh;display:flex;flex-direction:column}#app.busy{opacity:.55;pointer-events:none}h1{font-size:clamp(1.5rem,3vw,2.25rem);margin:0 0 .25em}.lede{color:var(--muted);margin:0 0 1.5rem}.centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:5vh 6vw;text-align:center}button{font:inherit;color:inherit;border:0;border-radius:var(--radius);cursor:pointer;min-height:64px;padding:0 1.5rem;background:var(--surface-high);transition:transform 60ms ease}button:active{transform:scale(.98)}.primary{background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:1.25rem}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.wide{width:min(520px,100%)}.code-input,.count-input{font:inherit;font-size:1.5rem;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;width:min(520px,100%);-webkit-user-select:text;user-select:text}.code-input:focus,.count-input:focus{outline:2px solid var(--accent)}.name-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:min(900px,100%);margin-bottom:1rem}.name-tile{min-height:120px;font-size:1.4rem;font-weight:600;background:var(--surface);border:1px solid var(--line)}.pin-pad{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(420px,100%)}.pin-title{margin:0;font-size:1.6rem}.pin-subtitle,.pin-message{color:var(--muted);margin:0;min-height:1.4em}.pin-message{color:var(--danger)}.pin-dots{display:flex;gap:.75rem;height:20px;align-items:center}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--line)}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.pin-key{min-height:76px;font-size:1.75rem;font-weight:600;background:var(--surface);border:1px solid var(--line)}.pin-key-muted{color:var(--muted)}.pin-key-go{background:var(--accent);color:var(--accent-ink);font-weight:700}.floor{flex:1;display:flex;flex-direction:column;min-height:0}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);flex:0 0 auto}.bar-who{font-weight:600;color:var(--muted)}.bar-actions{display:flex;gap:.5rem}.bar-actions button{min-height:48px;font-size:.95rem}.tiles{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:10px;padding:10px}.tile{border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;min-height:0;border:1px solid var(--line)}.tile-idle{background:var(--surface);color:var(--muted);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600}.tile-running{background:linear-gradient(160deg,var(--running),#d98b00);color:#1c1200;border-color:transparent;cursor:pointer}.tile-out{background:repeating-linear-gradient(45deg,#1a1d22,#1a1d22 12px,#14171b 12px 24px);color:var(--muted)}.tile-label{font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:600;opacity:.75;text-transform:uppercase;letter-spacing:.08em}.tile-price{font-size:var(--price);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.tile-elapsed{font-size:clamp(1rem,2.2vw,1.6rem);font-variant-numeric:tabular-nums;opacity:.8}.tile-out-reason{font-size:1.1rem}.sheet{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4vh 6vw;text-align:center;overflow-y:auto}.sheet-title{color:var(--muted);font-size:1.25rem;text-transform:uppercase;letter-spacing:.08em;margin:0}.sheet-price{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.method-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:min(520px,100%)}.method{flex:1 1 140px;min-height:72px;font-size:1.15rem;font-weight:600;background:var(--surface);border:1px solid var(--line)}.method-on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.reference-row{width:min(520px,100%)}.count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;width:min(900px,100%)}.count-row{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .75rem}.count-label{flex:1;text-align:left;font-variant-numeric:tabular-nums}.count-input{width:96px;font-size:1.15rem;padding:.5rem}.banner{flex:0 0 auto;padding:1rem 1.25rem;font-size:1.15rem;font-weight:600;text-align:center}.banner-error{background:var(--danger);color:#2a0000}.banner-info{background:var(--ok);color:#00230f}