@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:#f5ede10f;--card-line:#f5ede124;--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{min-height:100%;color:var(--ink);background:radial-gradient(1200px 800px at 50% -10%, #0f4535 0%, var(--bg) 60%);-webkit-tap-highlight-color:transparent;margin:0;padding:0}button{font:inherit;cursor:pointer}.btn{font-family:var(--font-display);color:var(--btn-ink);background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:16px;padding:18px 26px;font-size:1.1rem;font-weight:600;transition:transform 80ms,box-shadow .2s,opacity .2s;box-shadow:0 10px 30px #00bd0059}.btn:active{transform:translateY(2px)scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--big{padding:22px 34px;font-size:1.4rem}.btn--big span{opacity:.7;font-size:.9rem;font-weight:500}.btn--ghost{color:var(--ink);border:2px solid var(--card-line);box-shadow:none;background:0 0}.btn--danger{color:#e5554f;border-color:#e5554f80}.btn--danger:hover{background:#e5554f1f;border-color:#e5554f}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px;display:flex}.brand-logo{width:clamp(120px,22vw,170px);height:auto;margin-bottom:6px}.wordmark{letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,9vw,5rem);font-weight:700;line-height:.95}.wordmark span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.tagline{color:var(--muted);margin:0 0 20px;font-size:1.15rem}.landing-actions{flex-direction:column;gap:20px;width:min(420px,100%);display:flex}.join-box{gap:10px;display:flex}.code-field{text-align:center;text-transform:uppercase;letter-spacing:.3em;border:2px solid var(--card-line);background:var(--card);color:var(--ink);border-radius:16px;flex:0 0 120px;padding:14px 8px;font-size:1.3rem;font-weight:800}.code-field:focus{border-color:var(--accent);outline:none}.join-box .btn{flex:1}.pill{background:var(--card);border:1px solid var(--card-line);color:var(--muted);border-radius:999px;padding:6px 16px;font-weight:600;display:inline-block}.center-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.stage-body{overflow:hidden}.stage{flex-direction:column;height:100vh;padding:3vh 3vw;display:flex;overflow:hidden}.stage-actions{z-index:20;gap:12px;display:flex;position:fixed;bottom:3vh;right:3vw}.stage-actions:empty{display:none}.stage-header{justify-content:space-between;align-items:center;margin-bottom:2vh;display:flex}.stage-header .brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;display:flex}.stage-header .brand-mark{width:auto;height:1.7rem}.stage-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2vh;min-height:0;display:flex;overflow:hidden}.round-counter{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:700}.prompt-big{text-align:center;max-width:20ch;margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1}.prompt-kind{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:800}.lobby-grid{grid-template-columns:auto 1fr;align-items:center;gap:5vw;width:100%;max-width:1100px;display:grid}.qr-card{text-align:center;color:#1a1030;background:#fff;border-radius:24px;padding:22px}.qr-card img{width:260px;height:260px;margin:0 auto;display:block}.qr-card .code{letter-spacing:.2em;margin-top:10px;font-size:2.6rem;font-weight:700}.qr-card .hint{color:#6b6790;font-weight:600}.roster{flex-wrap:wrap;align-content:flex-start;gap:16px;display:flex}.roster-chip{background:var(--card);border:1px solid var(--card-line);border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-weight:700;animation:.3s pop;display:flex}.roster-chip .av{border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.3rem;display:grid}.timer-ring{--pct:1;background:conic-gradient(var(--accent) calc(var(--pct) * 360deg), #ffffff1a 0);border-radius:50%;place-items:center;width:90px;height:90px;font-size:1.8rem;font-weight:900;display:grid;position:relative}.timer-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:8px}.timer-ring span{position:relative}.answered-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.answered-av{opacity:.28;filter:grayscale(.6);border:3px solid #0000;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.6rem;transition:all .3s;display:grid}.answered-av.locked{opacity:1;filter:none;border-color:var(--good);animation:.25s pop}.nudge{color:var(--accent-2);font-size:1.2rem;font-weight:700}.web{width:min(70vh,90vw);height:min(70vh,90vw)}.web--reveal{flex-shrink:1;width:min(46vh,62vw);height:min(46vh,62vw);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:1200px;animation:.7s forwards draw}.web-node-bg{stroke:#ffffff80;stroke-width:3px}.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:6px;filter:drop-shadow(0 0 12px var(--accent-2))}.web-node--open .web-node-bg{stroke-dasharray:8 8;animation:6s linear infinite spin-dash}.groups{flex-wrap:wrap;justify-content:center;gap:14px;max-width:1000px;display:flex}.group-card{background:var(--card);border:1px solid var(--card-line);text-align:center;border-radius:18px;padding:14px 20px;animation:.35s pop}.group-card .val{font-size:1.6rem;font-weight:700}.group-card .who{color:var(--muted);margin-top:6px;font-weight:600}.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);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:800}.finale-title{text-align:center;margin:0;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:700}.finale-title span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.awards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.award{background:var(--card);border:1px solid var(--card-line);text-align:center;border-radius:18px;padding:16px 24px}.award .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.award .name{margin-top:6px;font-size:1.4rem;font-weight:700}.phone-body{overflow-x:hidden}.phone{flex-direction:column;gap:18px;max-width:560px;min-height:100vh;margin:0 auto;padding:22px;display:flex}@media (width>=620px){.phone{padding:40px 28px}}.ptimer{align-items:center;gap:12px;display:flex}.ptimer-track{background:#f5ede11f;border-radius:999px;flex:1;height:10px;overflow:hidden}.ptimer-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;border-radius:999px;height:100%;transition:transform .25s linear,background .3s;transform:scaleX(1)}.ptimer-fill.low{background:linear-gradient(90deg,#e5554f,#ff8efb)}.ptimer-secs{font-family:var(--font-display);text-align:right;min-width:2.5ch;color:var(--muted);font-size:1.1rem;font-weight:700}.phone h2{margin:0;font-size:1.6rem}.field{border:2px solid var(--card-line);background:var(--card);width:100%;color:var(--ink);border-radius:16px;padding:16px;font-size:1.2rem}.field:focus{border-color:var(--accent);outline:none}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.avatar-opt{aspect-ratio:1;background:var(--card);border:3px solid #0000;border-radius:14px;place-items:center;font-size:1.7rem;display:grid}.avatar-opt.sel{border-color:var(--ink);transform:scale(1.06)}.check-row{color:var(--muted);align-items:center;gap:12px;display:flex}.check-row input{width:22px;height:22px}.big-input-area{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.phone-prompt{font-size:1.7rem;font-weight:700;line-height:1.15}.sync-bar{align-items:center;gap:14px;width:min(560px,80vw);display:flex}.sync-bar-label,.sync-pct{font-family:var(--font-display);color:var(--muted);white-space:nowrap;font-weight:700}.sync-track{background:#f5ede11f;border-radius:999px;flex:1;height:14px;overflow:hidden}.sync-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.sync-bar.full .sync-bar-label,.sync-bar.full .sync-pct{color:var(--good)}.sync-bar.full .sync-fill{background:var(--good);box-shadow:0 0 18px var(--good)}.phone-sub{text-align:center;font-family:var(--font-display);color:var(--accent-2);font-size:1rem;font-weight:700}.choice-btns{flex-direction:column;gap:14px;display:flex}.choice-btns .btn{padding:26px;font-size:1.5rem}.num-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.num-grid .btn{padding:20px 0;font-size:1.5rem}.locked-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.locked-badge{font-size:4rem}.result-big{text-align:center;font-size:2rem;font-weight:700}.you-av{border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto;font-size:2.4rem;display:grid}.spotlight-banner{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#1a1030;text-align:center;border-radius:16px;padding:14px;font-weight:800}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes spin-dash{to{stroke-dashoffset:32px}}.mode-toggle{flex-direction:column;gap:12px;display:flex}.mode-opt{text-align:left;border:2px solid var(--card-line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:16px;padding:16px 20px;transition:border-color .15s,background .15s,transform .12s}.mode-opt:hover{border-color:var(--accent-2)}.mode-opt.sel{border-color:var(--accent);background:linear-gradient(135deg,#00bd002e,#6be3ff24);box-shadow:0 0 0 3px #00bd0026}.mode-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.mode-desc{color:var(--muted);margin-top:2px;font-size:1rem}.swatch{vertical-align:middle;border:2px solid #ffffff40;border-radius:8px;width:26px;height:26px;display:inline-block}.swatch--big{border-radius:12px;width:48px;height:48px;box-shadow:0 0 24px #ffffff8c}.chroma-status{justify-content:center;align-items:center;gap:16px;display:flex}.lives{gap:8px;display:flex}.life{background:var(--good);width:16px;height:16px;box-shadow:0 0 10px var(--good);border-radius:50%;transition:all .3s}.life.spent{border:2px solid var(--card-line);box-shadow:none;background:0 0}.chroma-legend{justify-content:center;gap:14px;display:flex}.seq-tracker{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.seq-dot{border:2px solid var(--card-line);background:0 0;border-radius:50%;width:13px;height:13px}.seq-dot.done{background:var(--good);border-color:var(--good)}.seq-dot.current{border-color:var(--accent-2);animation:1s ease-in-out infinite seq-pulse}@keyframes seq-pulse{0%,to{transform:scale(1);box-shadow:0 0 #6be3ff80}50%{transform:scale(1.25);box-shadow:0 0 0 5px #6be3ff00}}.seq-label{text-align:center;font-family:var(--font-display);color:var(--muted);font-size:1rem;font-weight:700}.chroma-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.swatch-btn{aspect-ratio:1;cursor:pointer;border:4px solid #0000;border-radius:16px;padding:0;transition:transform .12s,border-color .15s,box-shadow .15s}.swatch-btn:active{transform:scale(.92)}.swatch-btn.sel{border-color:var(--ink);box-shadow:0 0 0 3px var(--bg), 0 0 22px #ffffff80;transform:scale(1.06)}.howto-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.howto-emoji{font-size:clamp(2.6rem,8vh,5rem);line-height:1}.howto-title{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:700}.howto-rules{text-align:left;flex-direction:column;gap:12px;width:100%;margin:6px 0 0;padding:0;list-style:none;display:flex}.howto-rules li{background:var(--card);border:1px solid var(--card-line);border-radius:14px;padding:12px 16px 12px 44px;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.3;position:relative}.howto-rules li:before{content:"→";color:var(--accent);font-weight:800;position:absolute;left:16px}.mind-status{justify-content:center;align-items:center;gap:16px;display:flex}.mind-pile{font-family:var(--font-display);color:var(--accent-2);text-shadow:0 0 40px #6be3ff59;font-size:clamp(4rem,16vh,10rem);font-weight:900;line-height:1}.mind-players{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.mind-player{flex-direction:column;align-items:center;gap:6px;transition:opacity .3s;display:flex}.mind-player.done{opacity:.35}.mind-player .av{border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.7rem;display:grid}.mind-count{font-family:var(--font-display);color:var(--muted);font-size:1.1rem;font-weight:700}.mind-table{text-align:center;color:var(--muted);font-size:1.1rem;line-height:1.2}.mind-table b{font-family:var(--font-display);color:var(--accent-2);font-size:3.4rem;display:block}.mind-hand{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mind-card{border:2px solid var(--card-line);background:var(--card);min-width:52px;font-family:var(--font-display);text-align:center;opacity:.5;border-radius:14px;padding:12px 10px;font-size:1.5rem;font-weight:700}.mind-card.next{opacity:1;border-color:var(--accent);color:var(--accent);box-shadow:0 0 18px #00bd0059}