:root{--cb-font-display: "Archivo Expanded", "Archivo", system-ui, sans-serif;--cb-font-heavy: "Archivo Black", "Archivo", system-ui, sans-serif;--cb-font-body: "Archivo", system-ui, -apple-system, sans-serif;--cb-pink: #ff2d9b;--cb-pink-bright: #ff3d8a;--cb-cyan: #2de2e6;--cb-cyan-light: #67f5f9;--cb-cyan-pale: #eafdfd;--cb-yellow: #ffe94e;--cb-yellow-warm: #ffc93c;--cb-yellow-pale: #fff36b;--cb-orange: #ff6b35;--cb-orange-soft: #ff7a3d;--cb-purple: #b14eff;--cb-sky-0: #090315;--cb-sky-1: #1c0a3a;--cb-sky-2: #3a1078;--cb-sky-3: #180a30;--cb-sky-4: #0c0524;--cb-ink: #170a2e;--cb-white-warm: #fff8fb;--cb-tagline: #9ad7ff;--cb-grad-sun: linear-gradient(180deg, #fff36b 0%, #ffc93c 35%, #ff7a3d 62%, #ff2d9b 100%);--cb-grad-title: linear-gradient(90deg, #2de2e6 0%, #ff2d9b 32%, #ffe94e 64%, #ff6b35 100%);--cb-grad-sky: linear-gradient(180deg, #090315 0%, #1c0a3a 55%, #3a1078 72%, #180a30 74%, #0c0524 100%);--cb-player-1: #ff2d9b;--cb-player-2: #2de2e6;--cb-player-3: #ffe94e;--cb-player-4: #ff6b35;--cb-player-5: #b14eff}@keyframes cb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cb-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes cb-wave{0%,to{transform:rotate(8deg)}50%{transform:rotate(-34deg)}}@keyframes cb-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}@keyframes cb-cheer{0%,to{transform:rotate(-28deg)}50%{transform:rotate(-44deg)}}@keyframes cb-spark{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes cb-think{0%,to{opacity:0;transform:translateY(2px) scale(.8)}40%,70%{opacity:1;transform:translateY(-4px) scale(1)}}@keyframes cb-lean{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes cb-sunPulse{0%,to{filter:drop-shadow(0 0 26px rgba(255,80,150,.5)) brightness(1)}50%{filter:drop-shadow(0 0 42px rgba(255,80,150,.85)) brightness(1.12)}}@keyframes cb-gridRun{0%{background-position:0 0,0 0}to{background-position:0 40px,0 0}}@keyframes cb-twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes cb-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-110px);opacity:0}}@keyframes cb-btnPulse{0%,to{box-shadow:0 0 0 2px #ffffff80 inset,0 0 14px var(--cb-cyan)}50%{box-shadow:0 0 0 2px #ffffff80 inset,0 0 26px var(--cb-cyan)}}@keyframes cb-count{0%{stroke-dashoffset:0}to{stroke-dashoffset:264}}@keyframes cb-popUp{0%{opacity:0;transform:translateY(14px) scale(.7)}25%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-34px) scale(1)}}@keyframes cb-bannerPulse{0%,to{box-shadow:0 0 12px #b14eff66}50%{box-shadow:0 0 24px #b14effcc}}@keyframes cb-vsBeat{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes cb-spin{to{transform:rotate(360deg)}}@keyframes cb-stampIn{0%{transform:scale(0) rotate(-20deg);opacity:0}18%{transform:scale(1.15) rotate(6deg);opacity:1}30%,80%{transform:scale(1) rotate(0);opacity:1}to{opacity:1}}@keyframes cb-phase{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}@keyframes cb-fall{to{transform:translate(var(--dx),140px) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion: reduce){.cb-buddy *,.cb-sun,.cb-grid,.cb-stars span,.cb-btn,.cb-banner,.cb-vs,.cb-phase,.cb-spinner .cb-orbit,.cb-scorepop,.cb-stamp,.cb-chip{animation:none!important}}.cb-toon{font-family:var(--cb-font-heavy);font-weight:900;text-transform:uppercase;line-height:.9;color:#fff;-webkit-text-stroke:4px var(--cb-ink);paint-order:stroke fill;text-shadow:5px 6px 0 rgba(12,5,36,.55);letter-spacing:.5px;display:inline-block;margin:0}.cb-toon.read{text-transform:none;-webkit-text-stroke-width:2px;line-height:1.14;letter-spacing:0;text-shadow:3px 4px 0 rgba(12,5,36,.5)}.cb-toon.c-pink{color:var(--cb-pink)}.cb-toon.c-cyan{color:var(--cb-cyan)}.cb-toon.c-yellow{color:var(--cb-yellow)}.cb-toon.c-orange{color:var(--cb-orange)}.cb-toon.c-purple{color:var(--cb-purple)}.cb-toon.xxl{font-size:clamp(90px,18vw,280px);-webkit-text-stroke-width:6px}.cb-toon.xl{font-size:clamp(56px,9vw,130px);-webkit-text-stroke-width:5px}.cb-toon.lg{font-size:clamp(38px,6vw,80px)}.cb-toon.md{font-size:clamp(26px,3.6vw,50px);-webkit-text-stroke-width:3px}.cb-toon.sm{font-size:clamp(18px,2.2vw,30px);-webkit-text-stroke-width:2px;text-shadow:3px 4px 0 rgba(12,5,36,.5)}.tilt1{transform:rotate(-5deg)}.tilt2{transform:rotate(4deg)}.tilt3{transform:rotate(-2.5deg)}.tilt4{transform:rotate(6deg)}.tilt5{transform:rotate(-8deg)}@keyframes cb-wobble{0%,to{transform:rotate(var(--rot, 0deg))}50%{transform:rotate(calc(var(--rot, 0deg) + 1.5deg))}}.cb-toon.wobble{animation:cb-wobble 3.5s ease-in-out infinite}.cb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--cb-grad-sky)}.cb-backdrop.cb-inline{position:absolute}.cb-stars span{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:cb-twinkle 3s infinite}.cb-sun{position:absolute;left:50%;top:7%;width:min(300px,42vw);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#fff36b,#ffc93c 38%,#ff7a3d 64%,#ff2d9b);-webkit-mask:repeating-linear-gradient(#000 0 9px,transparent 9px 11px);mask:repeating-linear-gradient(#000 0 9px,transparent 9px 11px);filter:drop-shadow(0 0 30px rgba(255,80,150,.6));animation:cb-sunPulse 4s ease-in-out infinite}.cb-grid{position:absolute;top:60%;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(transparent 0 38px,#2de2e666 38px,#2de2e666 40px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,45,155,.4) 38px 40px);transform:perspective(260px) rotateX(68deg);transform-origin:top center;animation:cb-gridRun 1.1s linear infinite}.cb-backdrop.cb-calm .cb-grid{display:none}.cb-backdrop.cb-calm{opacity:.9}.cb-buddy{width:64px;height:auto;overflow:visible;filter:drop-shadow(0 0 7px var(--c))}.cb-buddy .cb-body,.cb-buddy .cb-head{fill:var(--c)}.cb-buddy .cb-bob{animation:cb-bob 2.6s ease-in-out infinite;transform-origin:50% 100%}.cb-buddy .cb-eye{animation:cb-blink 4.2s infinite;transform-origin:center;transform-box:fill-box}.cb-buddy .cb-arm{transform-origin:74px 52px}.cb-buddy.cb-wave .cb-arm{animation:cb-wave 1.1s ease-in-out infinite}.cb-buddy.cb-celebrate .cb-bob{animation:cb-jump .7s ease-in-out infinite}.cb-buddy.cb-celebrate .cb-arm,.cb-buddy.cb-celebrate .cb-arm2{animation:cb-cheer .7s ease-in-out infinite}.cb-buddy .cb-spark{opacity:0}.cb-buddy.cb-celebrate .cb-spark{animation:cb-spark .7s ease-in-out infinite}.cb-buddy .cb-qm{opacity:0;transform-origin:center}.cb-buddy.cb-think .cb-qm{animation:cb-think 2.2s ease-in-out infinite}.cb-buddy.cb-think .cb-bob{animation:cb-lean 2.2s ease-in-out infinite}.cb-crew{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.cb-chip{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:#ffffff0d;border:2px solid var(--c, var(--cb-cyan));box-shadow:0 0 12px -2px var(--c, var(--cb-cyan))}.cb-chip .cb-av{width:30px;height:30px;border-radius:50%;background:var(--c);position:relative;flex:0 0 auto;filter:drop-shadow(0 0 5px var(--c))}.cb-chip .cb-av:before,.cb-chip .cb-av:after{content:"";position:absolute;top:11px;width:3px;height:4px;border-radius:2px;background:var(--cb-ink)}.cb-chip .cb-av:before{left:9px}.cb-chip .cb-av:after{right:9px}.cb-chip .cb-nm{font-weight:700;font-size:13px}.cb-chip .cb-sc{font-family:var(--cb-font-display);font-style:italic;color:var(--cb-yellow);font-size:15px;filter:drop-shadow(0 0 6px rgba(255,233,78,.5))}.cb-chip.cb-host:before{content:"👑";font-size:14px}.cb-chip.cb-off{opacity:.4}.cb-chip.cb-done{box-shadow:0 0 16px var(--c)}.cb-chip.cb-done .cb-av:after,.cb-chip.cb-done .cb-av:before{background:var(--cb-ink)}.cb-btn{font-family:var(--cb-font-display);font-style:italic;font-size:20px;letter-spacing:1px;color:#06121a;background:linear-gradient(180deg,var(--cb-cyan-light),var(--cb-cyan));border:none;border-radius:14px;padding:14px 30px;cursor:pointer;position:relative;box-shadow:0 0 0 2px #ffffff80 inset,0 0 18px var(--cb-cyan);animation:cb-btnPulse 2.4s ease-in-out infinite;transition:transform .08s,filter .2s}.cb-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.cb-btn:active{transform:translateY(1px) scale(.98)}.cb-btn.cb-pink{background:linear-gradient(180deg,#ff7ac0,var(--cb-pink));box-shadow:0 0 0 2px #ffffff80 inset,0 0 18px var(--cb-pink);color:#2a0014}.cb-btn.cb-ghost{background:transparent;color:var(--cb-cyan);box-shadow:0 0 0 2px var(--cb-cyan) inset,0 0 14px #2de2e680;animation:none}.cb-btn:disabled{filter:grayscale(.6) brightness(.65);box-shadow:none;animation:none;cursor:not-allowed}.cb-answers{display:flex;flex-direction:column;gap:10px;width:100%}.cb-ans{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;cursor:pointer;font-family:var(--cb-font-heavy);font-size:clamp(16px,2vw,21px);color:#fff;-webkit-text-stroke:1px var(--cb-ink);paint-order:stroke fill;text-shadow:2px 2px 0 rgba(12,5,36,.4);text-align:left;line-height:1.12;transition:border-color .15s,background .15s,transform .1s}.cb-ans .cb-key{font-family:var(--cb-font-display);font-style:italic;color:var(--cb-purple);width:18px;text-align:center;flex:0 0 auto}.cb-ans:hover:not(:disabled){border-color:var(--cb-cyan);background:#2de2e614;transform:translate(3px)}.cb-ans.cb-sel{border-color:var(--cb-pink);background:#ff2d9b1f;box-shadow:0 0 14px #ff2d9b59}.cb-ans.cb-sel .cb-key{color:var(--cb-pink)}.cb-ans.cb-mine{opacity:.5;cursor:not-allowed}.cb-ans.cb-truth{border-color:var(--cb-yellow);background:#ffe94e1a;box-shadow:0 0 18px #ffe94e66}.cb-ans:disabled{cursor:not-allowed}.cb-input{width:100%;font-family:var(--cb-font-body);font-size:18px;padding:16px;border-radius:14px;border:2px solid rgba(103,245,249,.4);background:#0c052499;color:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.cb-input::placeholder{color:#ffffff73}.cb-input:focus{border-color:var(--cb-cyan);box-shadow:0 0 16px #2de2e666}.cb-textarea{min-height:110px;resize:none;line-height:1.4}.cb-code-input{font-family:var(--cb-font-display);font-weight:900;letter-spacing:10px;text-align:center;font-size:30px}.cb-room-pill{font-family:var(--cb-font-heavy);letter-spacing:4px;font-size:18px;color:var(--cb-cyan);border:2px solid var(--cb-cyan);border-radius:999px;padding:8px 22px;box-shadow:0 0 16px #2de2e659}.cb-ring{position:relative;width:96px;height:96px}.cb-ring svg{transform:rotate(-90deg)}.cb-ring .cb-track{fill:none;stroke:#ffffff14;stroke-width:8}.cb-ring .cb-prog{fill:none;stroke:var(--cb-cyan);stroke-width:8;stroke-linecap:round;stroke-dasharray:264;transition:stroke-dashoffset 1s linear,stroke .3s;filter:drop-shadow(0 0 5px var(--cb-cyan))}.cb-ring.cb-low .cb-prog{stroke:var(--cb-pink);filter:drop-shadow(0 0 6px var(--cb-pink))}.cb-ring .cb-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--cb-font-display);font-style:italic;font-size:30px;color:#fff}.cb-scorepop{font-family:var(--cb-font-display);font-style:italic;font-size:34px;color:var(--cb-yellow);filter:drop-shadow(0 0 10px rgba(255,233,78,.6));animation:cb-popUp 1.8s ease-out forwards}.cb-banner{font-family:var(--cb-font-display);font-style:italic;font-size:24px;padding:10px 26px;border-radius:12px;background:#0c052499;border:2px solid var(--cb-purple);color:#fff;letter-spacing:1px;box-shadow:0 0 16px #b14eff80;animation:cb-bannerPulse 1.6s ease-in-out infinite}.cb-vs{font-family:var(--cb-font-display);font-style:italic;font-size:44px;color:var(--cb-pink);filter:drop-shadow(0 0 12px var(--cb-pink));animation:cb-vsBeat 1s ease-in-out infinite}.cb-bubble{position:relative;background:#fff;color:#1a0b2e;font-size:14px;font-weight:600;padding:10px 14px;border-radius:14px;max-width:220px;line-height:1.35}.cb-bubble:after{content:"";position:absolute;left:22px;bottom:-9px;border:6px solid transparent;border-top-color:#fff;border-bottom:0}.cb-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:14px}.cb-ico{aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:#ffffff0a;border:1px solid var(--cb-line, rgba(255, 255, 255, .08));cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s}.cb-ico svg{width:34px;height:34px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:filter .2s}.cb-ico:hover{transform:translateY(-3px) scale(1.06);border-color:currentColor}.cb-ico:hover svg{filter:drop-shadow(0 0 7px currentColor)}.cb-spinner{width:54px;height:54px}.cb-spinner circle{fill:none;stroke-width:6;stroke-linecap:round}.cb-spinner .cb-orbit{stroke:var(--cb-cyan);stroke-dasharray:90 200;animation:cb-spin 1.1s linear infinite;transform-origin:center;filter:drop-shadow(0 0 5px var(--cb-cyan))}.cb-stamp{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:4px solid var(--c);box-shadow:0 0 18px var(--c);animation:cb-stampIn 1.6s ease-in-out both}.cb-stamp svg{width:42px;height:42px;stroke:var(--c);fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.cb-phase{font-family:var(--cb-font-display);font-style:italic;font-size:30px;letter-spacing:1px;background:linear-gradient(90deg,var(--cb-cyan),var(--cb-pink),var(--cb-yellow));-webkit-background-clip:text;background-clip:text;color:transparent;animation:cb-phase 1.3s ease-in-out infinite}.cb-confetti{position:absolute;width:8px;height:12px;border-radius:2px;top:50%;left:50%;pointer-events:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--cb-font-body);color:#fff;background:var(--cb-sky-4)}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.scatter{position:absolute;transform:rotate(var(--rot, 0deg))}.logo{width:100%;height:auto;display:block;filter:drop-shadow(0 0 22px rgba(255,45,155,.4))}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:3vh 4vw;text-align:center}.lobby-logo{width:min(440px,40vw);transform:none}.join-row{display:flex;gap:48px;align-items:center;justify-content:center;flex-wrap:wrap}.code-card{text-align:center}.code-card .label{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--cb-cyan-pale);opacity:.85}.code-card .code{font-family:var(--cb-font-display);font-weight:900;font-size:clamp(64px,13vw,150px);letter-spacing:8px;text-shadow:0 0 24px var(--cb-cyan),0 0 48px rgba(45,226,230,.5)}.code-card .join-hint{color:var(--cb-tagline);opacity:.85}.qr-label{font-family:var(--cb-font-heavy);letter-spacing:2px;text-transform:uppercase;font-size:14px;color:var(--cb-cyan-pale)}.roster{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:1000px}.status{color:var(--cb-tagline);font-size:18px}.lobby-error{position:absolute;bottom:2vh;left:0;right:0;text-align:center}.qr-card{display:flex;flex-direction:column;align-items:center;gap:8px}.qr{width:clamp(150px,16vw,240px);height:clamp(150px,16vw,240px);border-radius:16px;background:#fff;padding:10px;box-shadow:0 0 28px #2de2e673}.cb-ans{background:#0c0524c7;font-size:clamp(15px,1.35vw,21px)}.col{position:absolute;top:15vh;bottom:9vh;width:31vw;display:flex;flex-direction:column;justify-content:center;gap:16px}.col-left{left:2.5vw;align-items:flex-start}.col-right{right:2.5vw;align-items:flex-end}.col .cb-ans{width:100%}.question{line-height:1.08}.reveal-row{align-items:center}.reveal-row .reveal-mark{flex:0 0 auto;width:42px;display:grid;place-items:center}.reveal-row .reveal-mark .cb-stamp{width:40px;height:40px;border-width:3px}.reveal-row .reveal-mark .cb-stamp svg{width:20px;height:20px}.reveal-row .reveal-body{flex:1}.reveal-row .meta{font-size:12px;color:var(--cb-tagline);margin-top:3px}.reveal-row .cb-scorepop{margin-left:auto;font-size:22px}.confetti-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.error{color:#ff7b7b;font-weight:700;font-size:18px}