: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;height:100%;margin:0 auto;position:relative;overflow:hidden}.chrome{z-index:1;display:none;position:fixed}.brand{top:28px;left:32px}.brand img{height:30px;display:block}.legal{text-align:center;color:#ffffff73;font-size:12px;bottom:4px;left:0;right:0}@media (aspect-ratio>=3/4) and (width>=600px){body{background:radial-gradient(ellipse 50% 70% at 50% 100%, #f0542529, transparent 70%), radial-gradient(ellipse 70% 60% at 50% 40%, #142a40, var(--ink) 75%)}#root{padding:24px 0}.chrome{display:block}.stage{border-radius:28px;max-width:calc(56.25dvh - 27px);box-shadow:0 0 0 1px #ffffff14,0 24px 70px #0000008c}}.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}.icon-btn{pointer-events:auto;cursor:pointer;justify-content:center;width:52px;padding:0}.icon-btn: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{touch-action:pan-y;background:linear-gradient(#0d1b2a1a,#0d1b2a8c);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.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;margin:auto;padding:24px 20px 88px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000059}.card:after{content:"";z-index:-1;opacity:.7;background:var(--helix) center bottom / auto 100% repeat-x;height:96px;position:absolute;inset:auto 0 -14px}.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)}.actions{justify-content:center;align-items:center;gap:12px;display:flex}.cta{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cta:focus-visible{outline-offset:3px;border-radius:999px;outline:3px solid #fff}.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)}}.loading{background:#0d1b2a59;border-radius:999px;width:220px;padding:10px 0;font-weight:800;position:relative;overflow:hidden}.loading span{z-index:1;position:relative}.loading i{background:var(--cyan);transition:width .3s;position:absolute;inset:0 auto 0 0}.pool{font-size:13px}.best{font-size:15px}.badges{justify-content:center;gap:6px;display:flex}.badges i{background:#0d1b2a59;border-radius:999px;padding:3px 10px;font-size:14px;font-style:normal;font-weight:800}.board{text-align:left;font-size:14px}.board>span{text-align:center;opacity:.9;margin-bottom:4px;font-size:13px;display:block}.board ol{background:#0d1b2a4d;border-radius:12px;margin:0;padding:4px;list-style:none}.board li{border-radius:8px;grid-template-columns:2.5ch 1fr auto;gap:8px;padding:4px 8px;display:grid}.board li.you{background:#ffffff38;font-weight:800}.board b{font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board li>span:last-child{font-variant-numeric:tabular-nums}.count{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.count span{font:italic 900 120px/1 var(--font);color:#fff;text-shadow:0 6px #00000040,0 0 40px #f05425b3;animation:.7s ease-out both count}@keyframes count{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.92)}}.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,.count span{animation:none}}