:root{--yellow: #f7c51e;--green: #2f4a2e;--neon: #5dff7f;--blue: #1f9ff0;--red: #e5432d;--gray: #c9ccce;--cream: #fbf3e6;--ink: #2b2624;--clay-tex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23fff' surfaceScale='2.6'%3E%3CfeDistantLight azimuth='225' elevation='58'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--radius: 22px;font-family:Fredoka,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--yellow);background-image:var(--clay-tex);background-blend-mode:soft-light;-webkit-tap-highlight-color:transparent}body.overlay-page{background:transparent}body.overlay-page.green{background:#00b140}body.dark{background-color:var(--green);color:var(--cream)}a{color:#0f6fb0}button,input,select,textarea{font-family:inherit;font-size:1rem;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.page{max-width:480px;margin:0 auto;padding:20px 16px calc(32px + env(safe-area-inset-bottom))}.page.wide{max-width:1100px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green);font-weight:700;font-size:1.6rem}.brand img{width:44px;height:44px;border-radius:14px;border:3px solid var(--green)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:8px}.topbar .muted-link{font-size:.95rem;color:var(--green);font-weight:500}.card{background:var(--cream);border-radius:var(--radius);padding:20px;box-shadow:0 6px #2b262440,inset 0 -4px #2b26240f;margin-bottom:16px}.card{color:var(--ink)}.card.green{background:var(--green);color:var(--cream)}.card.blue{background:var(--blue);color:#fff}.card.red{background:var(--red);color:#fff}.card h1,.card h2,.card h3{margin-top:0}h1{font-size:2rem;line-height:1.1;margin:0 0 8px}h2{font-size:1.4rem;margin:0 0 8px}p{line-height:1.45}.muted{opacity:.75}.center{text-align:center}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack>*+*{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;padding:14px 22px;font-weight:600;font-size:1.1rem;cursor:pointer;text-decoration:none;background:var(--green);color:var(--cream);box-shadow:0 6px #00000059;transition:transform .06s,box-shadow .06s;min-height:52px}.btn:active{transform:translateY(4px) scale(1.01,.97);box-shadow:0 2px #00000059}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.blue{background:var(--blue);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:transparent;color:inherit;box-shadow:none;border:3px solid currentColor}.btn.small{padding:8px 14px;min-height:38px;font-size:.95rem;border-radius:14px;box-shadow:0 4px #0000004d}label{display:block;font-weight:600;margin-bottom:6px}.input{width:100%;border:3px solid var(--ink);border-radius:16px;padding:12px 14px;background:#fff;font-size:1.15rem;color:var(--ink)}.input::placeholder{color:#8a817c}.code-input{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-size:2rem;font-weight:700}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.35}.check input{width:24px;height:24px;margin-top:1px;flex:none;accent-color:var(--green)}.error{background:var(--red);color:#fff;border-radius:14px;padding:10px 14px;font-weight:500}.note{background:#fff8;border-radius:14px;padding:10px 14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--ink);color:var(--cream);font-weight:600;font-size:.9rem}.pill.live{background:var(--red);color:#fff}.pill.live:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.big-number{font-size:5rem;font-weight:700;line-height:1;letter-spacing:-.02em}.countdown{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums}.countdown.urgent{color:var(--red);animation:pulse .6s infinite}.display{background:#fff;border:4px solid var(--ink);border-radius:18px;font-size:3.2rem;font-weight:700;text-align:center;padding:8px;min-height:84px;font-variant-numeric:tabular-nums}.display.placeholder{color:#bbb}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.key{border:0;border-radius:18px;background:#fff;font-size:1.8rem;font-weight:600;padding:14px 0;box-shadow:0 5px #00000040;cursor:pointer;min-height:62px}.key:active{transform:translateY(3px);box-shadow:0 2px #00000040}.key.alt{background:var(--gray)}.leaderboard{list-style:none;padding:0;margin:0}.leaderboard li{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:2px dashed #0002}.leaderboard li.me{font-weight:700}.leaderboard .rank{width:2em;display:inline-block;opacity:.6}.winner-card{text-align:center}.winner-card .name{font-size:1.8rem;font-weight:700}.confetti{font-size:3rem;animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.drop{animation:drop .45s cubic-bezier(.2,1.3,.5,1)}@keyframes drop{0%{transform:translateY(-30px);opacity:0}to{transform:none;opacity:1}}.avatar{width:120px;height:120px;border-radius:28px;border:4px solid var(--green);display:block;margin:0 auto 12px}.grid2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 860px){.grid2{grid-template-columns:1.2fr 1fr}}.heat{display:flex;align-items:flex-end;gap:3px;height:90px}.heat div{flex:1;background:var(--blue);border-radius:4px 4px 0 0;min-height:2px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:6px 4px;border-bottom:1px solid #0002}.legal{line-height:1.55}.legal h2{margin-top:24px}.footer{text-align:center;margin-top:24px;font-size:.9rem}.footer a{color:var(--green);margin:0 6px}.ov{font-family:Fredoka,system-ui,sans-serif;padding:24px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.ov-card{background:var(--cream);color:var(--ink);border:6px solid var(--green);border-radius:32px;padding:20px 26px;box-shadow:0 10px #00000059}.ov-join{display:flex;gap:20px;align-items:center}.ov-join img{width:170px;height:170px;border-radius:16px;background:#fff}.ov-code{font-size:4.2rem;font-weight:700;letter-spacing:.12em;color:var(--green);line-height:1}.ov-url{font-size:2rem;font-weight:600}.ov-big{font-size:5.5rem;font-weight:700;line-height:1}