:root{--orange:#f05425;--orange-deep:#c93d14;--ink:#0d1b2a;--gold:#f5b400;--cyan:#1fbcd6;--font:"Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--ink);font-family:var(--font);color:#fff;overscroll-behavior:none}button{font:inherit}.stage{touch-action:none;-webkit-user-select:none;user-select:none;max-width:56.25dvh;height:100%;margin:0 auto;position:relative;overflow:hidden}.sky{background:linear-gradient(#2f9fe0 0%,#6cc0ef 30%,#b4e0f7 48%,#cfe9f7 56%)}.hud{inset:max(12px, env(safe-area-inset-top)) 12px auto;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.hud .right{gap:8px;display:flex}.pill{color:#fff;height:48px;font:italic 800 28px/1 var(--font);font-variant-numeric:tabular-nums;background:#0d1b2acc;border:2px solid #ffffff26;border-radius:14px;align-items:center;gap:8px;padding:0 16px 0 12px;display:flex;transform:skew(-8deg)}.pill>*{transform:skew(8deg)}.pill small{opacity:.8;font-size:16px}.coin{background:radial-gradient(circle at 35% 35%, #ffe680, var(--gold) 60%, #c98400);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 10px #ffc80099,inset 0 0 0 2px #e0a000}.coin svg{width:20px;height:20px}.pause{pointer-events:auto;cursor:pointer;justify-content:center;width:52px;padding:0}.pause:focus-visible{outline:3px solid var(--orange)}.toast{background:var(--orange);text-align:center;border-radius:14px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:700;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}}.overlay{cursor:pointer;background:linear-gradient(#0d1b2a1a,#0d1b2a8c);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.card{background:linear-gradient(160deg, var(--orange), var(--orange-deep));text-align:center;isolation:isolate;border-radius:22px;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000059}.card:after{content:"";z-index:-1;opacity:.16;background:radial-gradient(circle at 12% 30%,#fff 14px,#0000 15px),radial-gradient(circle at 34% 55%,#fff 10px,#0000 11px),radial-gradient(circle at 70% 25%,#fff 16px,#0000 17px),radial-gradient(circle at 90% 60%,#fff 11px,#0000 12px),linear-gradient(#fff,#fff) 12% 30px/3px 60px no-repeat,linear-gradient(#fff,#fff) 70% 26px/3px 60px no-repeat;height:80px;position:absolute;inset:auto -10px -24px}.card .logo{height:34px;margin:0 auto}.eyebrow{letter-spacing:.02em;opacity:.9;font-size:13px;font-weight:700}.card h1{font:italic 900 44px/1 var(--font);text-shadow:0 3px #0003}.stats{justify-content:center;gap:28px;display:flex}.stats b{font:italic 900 36px/1 var(--font);display:block}.stats span{opacity:.85;font-size:13px}.won{background:#ffffff2e;border-radius:12px;padding:8px;font-weight:700}.tagline{font:italic 800 18px/1.2 var(--font)}.cta span{background:var(--cyan);letter-spacing:.02em;border-radius:999px;padding:10px 26px;font-size:18px;font-weight:800;animation:1.6s ease-in-out infinite pulse;display:inline-block;box-shadow:0 4px #0000002e}@keyframes pulse{50%{transform:scale(1.05)}}.pool{font-size:13px}.pool>div{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.pool i{background:#0d1b2a59;border-radius:8px;padding:2px 8px;font-style:normal;font-weight:700}.pool i.out{opacity:.45;text-decoration:line-through}.hint{opacity:.85;font-size:13px}.who{opacity:.9;font-size:13px}.link{color:#fff;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.login{touch-action:auto;justify-content:center;align-items:center;padding:16px;display:flex}.login form{text-align:left;flex-direction:column;gap:10px;display:flex}.login label{font-size:14px;font-weight:700}.field{height:52px;color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.field span{color:#59616b;font-weight:700}.field input{min-width:0;font:700 20px var(--font);color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1}.field:focus-within{outline:3px solid var(--ink)}.btn{background:var(--cyan);color:#fff;cursor:pointer;border:0;border-radius:999px;height:52px;font-size:18px;font-weight:800}.btn:disabled{opacity:.6}.btn:focus-visible{outline:3px solid #fff}.error{background:#0d1b2a80;border-radius:10px;padding:8px;font-weight:700}.pill.bump{animation:.25s ease-out bump}@keyframes bump{40%{transform:skew(-8deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){.pill.bump,.cta span,.toast{animation:none}}
