:root{--basement: #241820;--wall: #3a2430;--vinyl: #ff8fb3;--chrome: #c5d5dc;--toner: #c4a3e8;--mahogany: #9b2d4a;--bleach: #f3ead4;--neon: #ff4f97;--copper: #c4784a;--gold: #e8d38a;--paper: #f6efe6;--mute: #9a8890;--line: rgba(255, 143, 179, .18);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 70% at 80% -10%,rgba(255,79,151,.16),transparent 50%),radial-gradient(90% 50% at 10% 110%,rgba(196,163,232,.12),transparent 46%),var(--basement);color:var(--paper);font-family:Zen Maru Gothic,Hiragino Sans,sans-serif}#app{width:min(440px,100%);margin:0 auto;padding:12px 12px calc(20px + env(safe-area-inset-bottom));display:grid;gap:10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{display:flex;gap:10px;align-items:center}.mark{width:46px;height:46px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffd0de,var(--vinyl) 58%,#c44a72);color:#3a1420;font-family:Yomogi,cursive;font-size:22px;border-radius:46% 54% 48% 52%;box-shadow:0 0 0 3px #ff8fb340}.eyebrow{margin:0;color:var(--toner);font-size:11px;letter-spacing:.18em}h1,h2{margin:0;font-family:Yomogi,cursive;font-weight:400;letter-spacing:.04em}h1{font-size:clamp(20px,6vw,26px);line-height:1.2}.stats{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill,.ghost,.card button,.hire,.start,.again{font-family:inherit}.pill,.ghost{border:1px solid var(--line);background:#241820c7;color:var(--paper);border-radius:999px;padding:6px 10px;font-size:12px}.pill.gold{color:var(--gold);border-color:#e8d38a73;font-family:IBM Plex Mono,monospace}.ghost{cursor:pointer}.stage{display:grid;gap:10px}.salon-wrap{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#5a3344}#floor{display:block;width:100%;height:min(62vh,580px);touch-action:none}.hud-float{position:absolute;top:10px;right:10px;display:flex;gap:6px;pointer-events:none}.ticket{background:#1a1218b8;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px;color:var(--bleach)}.controls{padding:0 10px 12px}.status{margin:0 0 8px;min-height:2.4em;color:var(--bleach);font-size:13px;line-height:1.5}.history{display:flex;gap:6px;list-style:none;margin:0 0 10px;padding:0;min-height:1.6em}.hist{font-size:11px;padding:2px 8px;border-radius:999px;background:#c4a3e829}.hist.perfect{color:var(--gold)}.hist.good{color:var(--vinyl)}.hist.miss{color:var(--neon)}.hint{margin:0 0 8px;color:var(--mute);font-size:12px;line-height:1.5}.roster{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;-webkit-overflow-scrolling:touch}.chip{flex:0 0 auto;display:grid;grid-template-columns:12px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid var(--line);background:#2a1c24;color:var(--paper);border-radius:12px;padding:8px 10px;text-align:left;cursor:pointer;touch-action:none}.chip.is-on{border-color:#e8d38ab3;box-shadow:0 0 0 1px #e8d38a59}.chip .dot{grid-row:1 / span 2;width:12px;height:12px;border-radius:50%}.chip-name{font-size:13px}.chip-meta{grid-column:2;font-size:10px;color:var(--toner)}.start,.again,.hire{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:linear-gradient(180deg,#ffb3cc,var(--vinyl) 46%,#e45d88);color:#3a1420;font-family:Yomogi,cursive;font-size:22px;padding:14px 12px;border-radius:16px;box-shadow:0 8px #9b2d4a;cursor:pointer;touch-action:manipulation}.hire{width:100%;font-size:18px;margin-top:10px}.hire:disabled{opacity:.45;box-shadow:0 4px #5a3038}.train-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card.crew p{margin-bottom:8px}.shop-head.pad{margin-top:18px}.shop{background:#1a1218b3;border:1px solid var(--line);border-radius:18px;padding:14px 12px 12px}.shop-head p{margin:0}.shop-head h2{margin:2px 0 6px;font-size:22px}.shop-head .lede{color:var(--mute);font-size:12px;line-height:1.55}.cards{display:grid;gap:8px;margin-top:12px}.card{background:#2a1c24;border:1px solid var(--line);border-radius:14px;padding:10px 12px 12px}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card h3{margin:0;font-size:15px}.lv{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--toner)}.card p{margin:6px 0 10px;color:var(--mute);font-size:12px;line-height:1.55}.card button{width:100%;padding:10px;border:0;border-radius:12px;background:var(--gold);color:#2a1c10;font-size:14px;cursor:pointer}.card button:disabled{background:#3a3034;color:var(--mute)}.shop-foot{display:flex;gap:8px;margin-top:12px}.ghost.wide{flex:1;border-radius:8px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#100a0ec2;padding:16px}.modal.hidden{display:none}.sheet{width:min(22rem,92%);background:#2a1c24;border:1px solid var(--line);border-radius:18px;padding:22px 18px 16px;text-align:center}.sheet h2{margin:6px 0 10px;font-size:26px}.sheet p{margin:0 0 16px;color:var(--mute);font-size:14px;line-height:1.65}.sheet .big{font-family:IBM Plex Mono,monospace;font-size:40px;line-height:.95;color:var(--gold)}.soft{color:var(--vinyl)}button:focus-visible{outline:2px solid var(--toner);outline-offset:2px}@media(min-width:860px){#app{width:min(980px,100%);padding-top:18px}.stage{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}#floor{height:min(70vh,640px)}}@media(prefers-reduced-motion:reduce){.hire,.start,.again,.mark{transition:none}}