:root{--felt: #163322;--felt-deep: #0e2118;--lacquer: #14110e;--panel: #1c1914;--ivory: #f3e6c4;--dauber: #c43b3b;--gold: #e0b84a;--muted: #9aaf9a;--line: rgba(224, 184, 74, .22);--magnet: #7ec8c0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 15% 0%,rgba(196,59,59,.12),transparent 40%),radial-gradient(ellipse at 80% 100%,rgba(22,51,34,.9),transparent 50%),var(--lacquer);color:var(--ivory);font-family:Hiragino Sans,Noto Sans CJK JP,Yu Gothic,sans-serif}#app{max-width:1180px;margin:0 auto;padding:18px 16px 28px}.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.eyebrow{margin:0 0 4px;letter-spacing:.2em;font-size:11px;color:var(--gold)}h1{margin:0;font-family:Shippori Mincho,Yu Mincho,serif;font-size:clamp(26px,4vw,36px)}.ver{margin:4px 0 0;font-size:12px;letter-spacing:.14em;color:#e0b84a9e}.lede{margin:6px 0 0;color:var(--muted);font-size:13px}.purse{display:flex;align-items:baseline;gap:8px;border:1px solid var(--line);padding:8px 14px;background:#1c1914cc}#points{font-size:34px;line-height:1;color:var(--gold)}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}.hall{position:relative;background:linear-gradient(180deg,#1a3a28,var(--felt-deep));border:1px solid rgba(224,184,74,.28);padding:14px;box-shadow:inset 0 0 40px #00000059;overflow:hidden}.hall.flash-hit{animation:hall-flash .38s ease}.hall.flash-reach{animation:hall-reach .7s ease}.hall.flash-bingo{animation:hall-bingo .85s ease}.ball-row{display:flex;gap:8px;min-height:54px;margin-bottom:12px;flex-wrap:wrap}.ball{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#1a100c;background:radial-gradient(circle at 30% 30%,#fff4d6,#e0b84a 55%,#8a6a18);box-shadow:0 4px #6a5010}.ball.fresh{outline:2px solid #fff}.headers,.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.headers span{text-align:center;font-family:Shippori Mincho,serif;color:var(--gold);letter-spacing:.12em}.cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:1px solid rgba(243,230,196,.18);background:#0a16108c;color:var(--ivory);font-size:18px;cursor:default}.cell.marked{background:var(--dauber);box-shadow:inset 0 0 0 6px #140a0840}.cell.free{background:#2a5a38;font-size:12px}.cell.magnet{outline:2px solid var(--magnet)}.cell.line{box-shadow:inset 0 0 0 3px var(--gold)}.cell.close{box-shadow:inset 0 0 0 2px #e0b84a61}.cell.reach{box-shadow:inset 0 0 0 2px #e0b84ab3,0 0 12px #e0b84a47;animation:reach-breathe 1.15s ease-in-out infinite}.cell.hot{background:#e0b84a33;outline:2px dashed var(--gold);outline-offset:-3px}.cell.hot.marked{outline:none}.cell.just-hit{animation:daub .42s ease}.cell.fresh-line{animation:line-win .7s ease}.progress{margin:12px 0 0;padding:8px 10px;border:1px solid rgba(224,184,74,.22);background:#08120c73}.progress-lead{margin:0 0 6px;color:var(--gold);font-family:Shippori Mincho,Yu Mincho,serif;letter-spacing:.08em;font-size:15px}.progress ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.progress li{display:grid;grid-template-columns:4.2em 1fr auto;align-items:center;gap:8px;color:var(--muted);font-size:12px}.progress li em{font-style:normal;color:var(--ivory)}.progress li.is-reach,.progress li.is-reach em,.progress li.is-reach b{color:var(--gold)}.progress li.is-close em{color:#d8c58a}.pips{display:flex;gap:4px}.pips i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(243,230,196,.28);background:transparent}.pips i.on{background:var(--dauber);border-color:#8a2424}.pips i.need{background:var(--gold);border-color:#8a6a18;animation:pip-need 1.15s ease-in-out infinite}@keyframes reach-breathe{0%,to{box-shadow:inset 0 0 0 2px #e0b84a8c,0 0 8px #e0b84a29}50%{box-shadow:inset 0 0 0 2px #f3e6c4f2,0 0 16px #e0b84a73}}@keyframes pip-need{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.25);opacity:1}}@keyframes daub{0%{transform:scale(1.18);filter:brightness(1.35)}55%{transform:scale(.94)}to{transform:scale(1);filter:none}}@keyframes line-win{0%{box-shadow:inset 0 0 0 3px #fff4d6,0 0 #e0b84a99}to{box-shadow:inset 0 0 0 3px var(--gold),0 0 18px #e0b84a00}}@keyframes hall-flash{0%{box-shadow:inset 0 0 40px #00000059,0 0 0 2px #f3e6c48c}to{box-shadow:inset 0 0 40px #00000059}}@keyframes hall-reach{0%,to{box-shadow:inset 0 0 40px #00000059}40%{box-shadow:inset 0 0 50px #7ec8c047,0 0 0 2px #7ec8c0b3}}@keyframes hall-bingo{0%{box-shadow:inset 0 0 0 8px #e0b84acc}to{box-shadow:inset 0 0 40px #00000059}}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.burst i{position:absolute;left:50%;top:42%;width:7px;height:7px;border-radius:50%;margin:-3px;animation:spark .7s ease-out forwards}@keyframes spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.fanfare{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;pointer-events:none;z-index:4;font-family:Shippori Mincho,Yu Mincho,serif;font-size:clamp(40px,7vw,68px);letter-spacing:.18em;text-shadow:0 4px 0 #4a3810,0 0 28px rgba(224,184,74,.55);animation:fanfare-pop 1.15s ease forwards}.fanfare[hidden]{display:none}.fanfare.reach-call{color:#9ee8e0;text-shadow:0 4px 0 #163832,0 0 28px rgba(126,200,192,.55)}.fanfare.bingo-call{color:#fff4d6}@keyframes fanfare-pop{0%{opacity:0;transform:scale(.72) translateY(8px)}12%{opacity:1;transform:scale(1.08) translateY(0)}78%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1) translateY(-6px)}}@media(prefers-reduced-motion:reduce){.cell.reach,.pips i.need,.cell.just-hit,.cell.fresh-line,.hall.flash-hit,.hall.flash-reach,.hall.flash-bingo,.burst i,.fanfare{animation:none}.fanfare:not([hidden]){opacity:1}}.actions{display:flex;gap:8px;margin-top:12px}.spin,.ghost,.card button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer}.spin{flex:1;border:0;padding:12px;background:linear-gradient(#e8c56a,#9a7420);color:#1a1208;font-size:20px;letter-spacing:.06em;font-family:Shippori Mincho,serif}.spin:disabled,.card button:disabled,.ghost:disabled{opacity:.4;cursor:not-allowed}.status{color:var(--muted);font-size:13px;min-height:2.4em}.shop{border:1px solid var(--line);background:#1c1914bf;padding:14px}.shop h2{margin:0;font-family:Shippori Mincho,serif}.shop-lead,.blurb,.shop-foot{color:var(--muted);font-size:13px}.cards{display:grid;gap:10px;margin-top:12px}.card{border:1px solid var(--line);padding:10px;background:#0e0c0a73}.card header{display:flex;justify-content:space-between}.card h3{margin:0;font-size:15px}.lv{color:var(--gold);font-size:12px}.card button,.ghost{border:1px solid #8a6a18;background:#e0b84a1a;color:var(--ivory);padding:8px 10px}.card button{width:100%}.shop-foot{display:flex;gap:8px;margin-top:12px}.ghost{flex:1}.row-pick{display:flex;gap:4px;margin:8px 0}.row-pick button{flex:1;border:1px solid var(--line);background:transparent;color:var(--ivory);padding:6px 0;cursor:pointer}.row-pick button.on{outline:2px solid var(--magnet)}@media(max-width:860px){.layout{grid-template-columns:1fr}}