:root{--ink:#11111f;--muted:rgba(17,17,31,.68);--hot-pink:#ff3df2;--electric-blue:#00c8ff;--laser-lime:#b6ff00;--party-orange:#ff8a00;--toy-purple:#7c3cff;--cat-yellow:#ffd938;--surface:rgba(255,255,255,.92);--shadow:7px 7px 0 var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:"Bricolage Grotesque","Space Grotesk",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 16% 14%,rgba(255,61,242,.42) 0 8%,transparent 22%),radial-gradient(circle at 86% 10%,rgba(182,255,0,.38) 0 7%,transparent 22%),linear-gradient(180deg,#fff0fb 0%,#def8ff 43%,#78e36b 44%,#2bb54b 100%);color:var(--ink);touch-action:none}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle,var(--cat-yellow) 0 3px,transparent 4px),radial-gradient(circle,var(--electric-blue) 0 2px,transparent 3px),radial-gradient(circle,var(--hot-pink) 0 2px,transparent 3px);background-size:58px 70px,84px 90px,112px 80px;animation:float 18s linear infinite;z-index:2}@keyframes float{to{transform:translate3d(0,90px,0)}}#game{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1}.topbar{position:fixed;z-index:10;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;pointer-events:none}.cup-title,.scoreboard,.balls-left{border:3px solid var(--ink);background:var(--surface);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:9px 12px;font-weight:950;text-transform:uppercase;letter-spacing:.035em}.cup-title{justify-self:start;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard{justify-self:center;display:flex;align-items:center;gap:7px;font-size:1.05rem}.scoreboard b{font-size:1.3rem}.versus{font-size:.7rem;color:var(--muted)}.balls-left{justify-self:end}.panel{position:fixed;z-index:20;left:50%;top:50%;width:min(92vw,440px);transform:translate(-50%,-50%);border:4px solid var(--ink);border-radius:30px;background:var(--surface);box-shadow:var(--shadow);padding:26px;text-align:center}.panel.hidden{display:none}.pill{display:inline-flex;background:var(--laser-lime);border:3px solid var(--ink);border-radius:999px;padding:7px 12px;font-weight:950;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);margin-bottom:12px}.pill.danger{background:var(--hot-pink);color:white}.panel h1,.panel h2{font-size:clamp(2rem,8vw,3.5rem);line-height:.9;margin:8px 0 12px;text-transform:uppercase}.panel p{font-weight:750;line-height:1.35;color:var(--muted)}button,.toy-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:3px solid var(--ink);border-radius:999px;padding:12px 18px;background:var(--electric-blue);color:var(--ink);font-weight:950;text-decoration:none;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);cursor:pointer;margin:8px 4px}button:active,.toy-link:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.toy-link{background:var(--cat-yellow)}small{display:block;margin-top:10px;color:var(--muted);font-weight:750}.hint{position:fixed;z-index:12;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(17,17,31,.84);color:white;border-radius:999px;padding:10px 14px;font-weight:950;letter-spacing:.02em;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}@media(max-width:620px){.topbar{grid-template-columns:1fr auto}.cup-title{display:none}.balls-left{font-size:.78rem;padding:8px 10px}.scoreboard{font-size:.9rem;padding:8px 10px}.panel{padding:22px}.hint{font-size:.82rem;white-space:nowrap}}