:root{--night: #07110e;--turf: #16351f;--lime: #c8ff4a;--sodium: #ffb43a;--hot: #ff4d8d;--ice: #7ef0d8;--paper: #f3f0e4;--steel: #9aa8a3;--ink: #04100c;--line: rgba(200, 255, 74, .16);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(900px 420px at 70% -10%,rgba(255,180,58,.12),transparent 50%),radial-gradient(700px 380px at 8% 110%,rgba(200,255,74,.08),transparent 46%),var(--night);color:var(--paper);font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif}#app{width:min(1180px,100%);margin:0 auto;padding:18px 16px 32px;display:grid;gap:14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;gap:12px;align-items:center}.mark{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(160deg,var(--lime),#7cbc22);color:var(--ink);font-family:Mochiy Pop One,sans-serif;font-size:20px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);box-shadow:0 0 22px #c8ff4a47}.eyebrow{margin:0;color:var(--sodium);font-size:11px;letter-spacing:.2em}h1,h2{margin:0;font-family:Mochiy Pop One,sans-serif;font-weight:400;letter-spacing:.03em}h1{font-size:clamp(22px,4vw,30px);line-height:1.2}.stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill,.ghost,.card button,.swing,.start,.again{font-family:inherit}.pill,.ghost{border:1px solid var(--line);background:#04100c9e;color:var(--paper);border-radius:999px;padding:6px 12px;font-size:13px}.pill.gold{color:var(--sodium);border-color:#ffb43a66}.ghost{cursor:pointer}.ghost:hover{border-color:var(--lime)}.stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.72fr);gap:16px;align-items:start}.cage-wrap{position:relative;background:#06140f;border:3px solid rgba(154,168,163,.35);box-shadow:0 18px 40px #0006;overflow:hidden}#lane{display:block;width:100%;height:min(58vh,540px);background:#07110e}.hud-float{position:absolute;top:12px;left:12px;display:flex;gap:8px;pointer-events:none}.ticket{background:var(--sodium);color:var(--ink);padding:4px 10px 5px;font-family:Teko,sans-serif;font-size:18px;letter-spacing:.04em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.controls{display:grid;gap:8px;padding:10px 12px 12px;background:#0c1a14;border-top:1px solid var(--line)}.status{margin:0;min-height:1.4em;color:var(--steel);font-size:13px}.actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.swing,.start,.again,.card button{border:0;cursor:pointer;font-weight:700}.swing,.start,.again{min-height:52px;letter-spacing:.14em;font-size:16px;background:var(--lime);color:var(--ink);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%)}.swing:disabled,.start:disabled,.again:disabled,.card button:disabled,.ghost:disabled{opacity:.35;cursor:default}.history{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.hist{font-family:Teko,sans-serif;font-size:15px;padding:2px 7px;border:1px solid var(--line);color:var(--steel)}.hist.homer{color:var(--ink);background:var(--sodium);border-color:var(--sodium)}.hist.triple,.hist.double{color:var(--lime)}.hist.foul{color:var(--hot)}.shop{background:#101c16;border:1px solid var(--line);padding:14px 12px 12px;box-shadow:0 18px 40px #00000047}.shop-head h2{font-size:18px}.shop-head p{margin:6px 0 12px;color:var(--steel);font-size:12px;line-height:1.6}.cards{display:grid;gap:10px}.card{padding:10px;background:#04100c73;border:1px dashed rgba(255,180,58,.28)}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card h3{margin:0;font-size:15px}.lv{font-family:Teko,sans-serif;font-size:16px;color:var(--lime)}.card p{margin:6px 0 10px;color:var(--steel);font-size:12px;line-height:1.55}.card button{width:100%;padding:9px 10px;background:var(--sodium);color:var(--ink);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-size:14px;letter-spacing:.04em}.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:#04100cb8;padding:16px}.modal.hidden{display:none}.sheet{width:min(26rem,92%);background:#122018;border:1px solid var(--line);padding:22px 20px 18px;text-align:center}.sheet h2{margin:6px 0 10px;font-size:26px}.sheet p{margin:0 0 16px;color:var(--steel);font-size:14px;line-height:1.65}.sheet .big{font-family:Teko,sans-serif;font-size:56px;line-height:.9;color:var(--lime)}button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(max-width:860px){.stage{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.stats{justify-content:flex-start}#lane{height:46vh}.actions{grid-template-columns:1fr}.swing,.start,.again{clip-path:none}}@media(prefers-reduced-motion:reduce){.swing,.mark{transition:none}}