@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg: #082f24;--bg-2: #0f4535;--ink: #f5ede1;--muted: #93a89f;--accent: #00bd00;--accent-2: #6be3ff;--good: #8df01f;--card: rgba(245, 237, 225, .06);--card-line: rgba(245, 237, 225, .14);--btn-ink: #082f24;--font-display: "Fredoka", "Segoe UI", system-ui, sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}.wordmark,.finale-title,.prompt-big,.phone-prompt,.stage-header .brand,.phone h2,.result-big,.qr-card .code,.group-card .val,.award .name{font-family:var(--font-display)}html,body{margin:0;padding:0;min-height:100%;color:var(--ink);background:radial-gradient(1200px 800px at 50% -10%,#0f4535 0%,var(--bg) 60%);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.btn{border:none;border-radius:16px;padding:18px 26px;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--btn-ink);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px #00bd0059;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(2px) scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--big{font-size:1.4rem;padding:22px 34px}.btn--big span{font-weight:500;opacity:.7;font-size:.9rem}.btn--ghost{background:transparent;color:var(--ink);border:2px solid var(--card-line);box-shadow:none}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}.brand-logo{width:clamp(120px,22vw,170px);height:auto;margin-bottom:6px}.wordmark{font-size:clamp(2.4rem,9vw,5rem);line-height:.95;margin:0;font-weight:700;letter-spacing:-.02em}.wordmark span{display:block;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:1.15rem;margin:0 0 20px}.landing-actions{display:flex;flex-direction:column;gap:20px;width:min(420px,100%)}.join-box{display:flex;gap:10px}.code-field{flex:0 0 120px;text-align:center;text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-size:1.3rem;border-radius:16px;border:2px solid var(--card-line);background:var(--card);color:var(--ink);padding:14px 8px}.code-field:focus{outline:none;border-color:var(--accent)}.join-box .btn{flex:1}.pill{display:inline-block;background:var(--card);border:1px solid var(--card-line);border-radius:999px;padding:6px 16px;color:var(--muted);font-weight:600}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.stage-body{overflow:hidden}.stage{height:100vh;padding:3vh 3vw;display:flex;flex-direction:column;overflow:hidden}.stage-actions{position:fixed;bottom:3vh;right:3vw;z-index:20;display:flex;gap:12px}.stage-actions:empty{display:none}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh}.stage-header .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.3rem;letter-spacing:-.01em}.stage-header .brand-mark{height:1.7rem;width:auto}.stage-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;min-height:0;overflow:hidden}.round-counter{color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}.prompt-big{font-size:clamp(2rem,5vw,4rem);font-weight:700;text-align:center;max-width:20ch;line-height:1.1;margin:0}.prompt-kind{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:1rem}.lobby-grid{display:grid;grid-template-columns:auto 1fr;gap:5vw;align-items:center;width:100%;max-width:1100px}.qr-card{background:#fff;padding:22px;border-radius:24px;text-align:center;color:#1a1030}.qr-card img{width:260px;height:260px;display:block;margin:0 auto}.qr-card .code{font-size:2.6rem;font-weight:700;letter-spacing:.2em;margin-top:10px}.qr-card .hint{color:#6b6790;font-weight:600}.roster{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start}.roster-chip{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--card-line);border-radius:999px;padding:8px 18px 8px 8px;font-weight:700;animation:pop .3s ease}.roster-chip .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem}.timer-ring{--pct: 1;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.8rem;background:conic-gradient(var(--accent) calc(var(--pct) * 360deg),rgba(255,255,255,.1) 0);position:relative}.timer-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--bg)}.timer-ring span{position:relative}.answered-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.answered-av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;opacity:.28;filter:grayscale(.6);transition:all .3s ease;border:3px solid transparent}.answered-av.locked{opacity:1;filter:none;border-color:var(--good);animation:pop .25s ease}.nudge{color:var(--accent-2);font-weight:700;font-size:1.2rem}.web{width:min(70vh,90vw);height:min(70vh,90vw)}.web--reveal{width:min(46vh,62vw);height:min(46vh,62vw);flex-shrink:1;min-height:0}.groups{max-height:26vh;overflow:hidden}.web-edge{stroke:var(--accent);opacity:var(--o, .5);stroke-linecap:round}.web-edge--new{stroke:var(--good);opacity:1;filter:drop-shadow(0 0 8px var(--good));stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw .7s ease forwards}.web-node-bg{stroke:#ffffff80;stroke-width:3}.web-node-emoji{font-size:42px}.web-node-name{fill:var(--ink);font-size:26px;font-weight:700}.web-node--spot .web-node-bg{stroke:var(--accent-2);stroke-width:6;filter:drop-shadow(0 0 12px var(--accent-2))}.web-node--open .web-node-bg{stroke-dasharray:8 8;animation:spin-dash 6s linear infinite}.groups{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:1000px}.group-card{background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:14px 20px;text-align:center;animation:pop .35s ease}.group-card .val{font-size:1.6rem;font-weight:700}.group-card .who{color:var(--muted);font-weight:600;margin-top:6px}.group-card--match{border-color:var(--good);box-shadow:0 0 24px #34d39940}.group-card--solo{border-color:var(--accent-2)}.group-card--solo .tag{color:var(--accent-2);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.finale-title{font-size:clamp(2.2rem,6vw,4.5rem);font-weight:700;text-align:center;margin:0}.finale-title span{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.awards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.award{background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:16px 24px;text-align:center}.award .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.award .name{font-size:1.4rem;font-weight:700;margin-top:6px}.phone-body{overflow-x:hidden}.phone{min-height:100vh;padding:22px;display:flex;flex-direction:column;gap:18px}.phone h2{font-size:1.6rem;margin:0}.field{width:100%;border-radius:16px;border:2px solid var(--card-line);background:var(--card);color:var(--ink);padding:16px;font-size:1.2rem}.field:focus{outline:none;border-color:var(--accent)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-opt{aspect-ratio:1;border-radius:14px;border:3px solid transparent;display:grid;place-items:center;font-size:1.7rem;background:var(--card)}.avatar-opt.sel{border-color:var(--ink);transform:scale(1.06)}.check-row{display:flex;align-items:center;gap:12px;color:var(--muted)}.check-row input{width:22px;height:22px}.big-input-area{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px}.phone-prompt{font-size:1.7rem;font-weight:700;line-height:1.15}.choice-btns{display:flex;flex-direction:column;gap:14px}.choice-btns .btn{padding:26px;font-size:1.5rem}.num-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.num-grid .btn{padding:20px 0;font-size:1.5rem}.locked-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.locked-badge{font-size:4rem}.result-big{font-size:2rem;font-weight:700;text-align:center}.you-av{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:2.4rem;margin:0 auto}.spotlight-banner{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#1a1030;border-radius:16px;padding:14px;font-weight:800;text-align:center}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes spin-dash{to{stroke-dashoffset:32}}