@import"https://fonts.cdnfonts.com/css/proxima-nova";:root{--teal: #4ECDC4;--coral: #FF6B6B;--navy: #0f0f1a;--card: #1a1a2e;--yellow: #FFE66D;--white: #f0f4ff;--muted: rgba(240, 244, 255, .4)}.landing-page *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.landing-page{background:var(--navy);color:var(--white);font-family:Outfit,sans-serif;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.landing-page #bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.landing-page .bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.03) 1px,transparent 1px);background-size:56px 56px;animation:gridDrift 28s linear infinite;pointer-events:none;z-index:1}.landing-page .stars,.landing-page .stars-med,.landing-page .stars-lg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.landing-page .stars{background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1px 1px at 25% 42%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 47% 8%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 62% 30%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 78% 55%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 90% 18%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 15% 72%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 35% 88%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 55% 65%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 70% 82%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 85% 92%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 5% 48%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 42% 35%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 95% 70%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.4) 50%,transparent 100%);animation:twinkle1 4s ease-in-out infinite alternate}.landing-page .stars-med{background-image:radial-gradient(1.5px 1.5px at 18% 25%,rgba(78,205,196,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 52% 48%,rgba(255,230,109,.4) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 73% 12%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 8% 85%,rgba(255,107,107,.4) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 88% 40%,rgba(78,205,196,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 78%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 65% 92%,rgba(255,230,109,.3) 50%,transparent 100%);animation:twinkle2 5s ease-in-out infinite alternate}.landing-page .stars-lg{background-image:radial-gradient(2px 2px at 22% 38%,rgba(78,205,196,.6) 50%,transparent 100%),radial-gradient(2px 2px at 60% 20%,rgba(255,230,109,.5) 50%,transparent 100%),radial-gradient(2px 2px at 82% 68%,rgba(255,107,107,.5) 50%,transparent 100%),radial-gradient(2px 2px at 45% 90%,rgba(255,255,255,.6) 50%,transparent 100%);animation:twinkle3 6s ease-in-out infinite alternate}@keyframes twinkle1{0%{opacity:.4}to{opacity:1}}@keyframes twinkle2{0%{opacity:.3}to{opacity:.8}}@keyframes twinkle3{0%{opacity:.5}to{opacity:1}}.landing-page .page{position:relative;z-index:2;width:100%;max-width:420px;padding:0 24px 52px;display:flex;flex-direction:column;align-items:center}.landing-page .hero{display:flex;flex-direction:column;align-items:center;gap:20px;padding:52px 0 40px}.landing-page .pieces-stage{width:272px;height:96px;position:relative;overflow:visible}.landing-page .piece-teal-el,.landing-page .piece-coral-el{position:absolute;top:0;will-change:transform,opacity}.landing-page .piece-teal-el{left:0}.landing-page .piece-coral-el{right:0}.landing-page #hero-flash{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:28px;pointer-events:none;opacity:0}.landing-page #impact-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;pointer-events:none;z-index:10}.landing-page #sparkle-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;pointer-events:none;z-index:9}.landing-page .logo{display:inline-flex;align-items:center;gap:8px;font-family:Proxima Nova,Avenir Next,Avenir,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.7rem;font-weight:700;line-height:1;letter-spacing:.01em;animation:fadeUp .5s .15s ease both}.landing-page .logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.landing-page .logo .clique{color:var(--teal)}.landing-page .logo .sep{color:#ffe66d;font-weight:400;font-size:1.9rem;margin:0 4px}.landing-page .logo .clash{color:var(--coral)}.landing-page .tagline{font-size:.95rem;color:var(--muted);text-align:center;line-height:1.5;max-width:220px;letter-spacing:.02em;margin-top:-6px;animation:fadeUp .5s .22s ease both}.landing-page .actions{width:100%;display:flex;flex-direction:column;gap:12px;animation:fadeUp .5s .3s ease both}.landing-page .btn-host{width:100%;padding:19px;border-radius:18px;border:none;font-family:Proxima Nova,Avenir Next,Avenir,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.45rem;font-weight:700;color:var(--navy);background:var(--teal);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;box-shadow:0 6px 28px #4ecdc44d}.landing-page .btn-host:hover{transform:translateY(-2px);box-shadow:0 10px 36px #4ecdc473}.landing-page .btn-host:active{transform:scale(.97)}.landing-page .btn-host:disabled{opacity:.6;cursor:not-allowed}.landing-page .divider{display:flex;align-items:center;gap:12px;width:100%}.landing-page .divider-line{flex:1;height:1px;background:#f0f4ff1a}.landing-page .divider-text{font-size:.7rem;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.landing-page .join-row{display:flex;gap:10px;width:100%}.landing-page .code-input{flex:1;background:var(--card);border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;font-family:Proxima Nova,Avenir Next,Avenir,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.45rem;font-weight:600;color:var(--white);outline:none;letter-spacing:.2em;text-transform:uppercase;caret-color:var(--coral);transition:border-color .2s,background .2s}.landing-page .code-input::-moz-placeholder{color:#f0f4ff33;font-weight:400;font-size:1rem;letter-spacing:.05em;text-transform:none}.landing-page .code-input::placeholder{color:#f0f4ff33;font-weight:400;font-size:1rem;letter-spacing:.05em;text-transform:none}.landing-page .code-input:focus{border-color:#ff6b6b73;background:#ff6b6b0d}.landing-page .btn-join{padding:16px 22px;border-radius:14px;border:1.5px solid rgba(255,107,107,.35);background:#ff6b6b1a;font-family:Proxima Nova,Avenir Next,Avenir,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;color:var(--coral);cursor:pointer;transition:all .18s ease;white-space:nowrap}.landing-page .btn-join:hover{background:#ff6b6b2e;border-color:#ff6b6b8c}.landing-page .btn-join:active{transform:scale(.96)}.landing-page .btn-join:disabled{opacity:.3;cursor:not-allowed}.landing-page .btn-open-as-tv{margin-top:10px;width:100%;background:transparent;border:1.5px dashed rgba(78,205,196,.45);color:#f0f4ffc7;font-family:Inter,sans-serif;font-size:.92rem;font-weight:600;letter-spacing:.01em;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.landing-page .btn-open-as-tv:hover,.landing-page .btn-open-as-tv:active{background:#4ecdc414;border-color:#4ecdc4b3;color:#f0f4ff}.landing-page .btn-open-as-tv:disabled{opacity:.32;cursor:not-allowed}.landing-page .footer{margin-top:36px;font-size:1rem;color:#f0f4ff2e;text-align:center;animation:fadeUp .5s .36s ease both}.landing-page .footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:6px;white-space:nowrap}.landing-page .footer-help-link{color:#ffe66d99;text-decoration:none;transition:color .2s ease}.landing-page .footer-help-link:hover{color:#ffe66d}.landing-page .footer-legal{margin-top:6px;font-size:.78rem;color:#f0f4ff1a}.rv-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.rv-canvas{width:100%;height:100%;display:block}.rv-clique-group{background:#4ecdc40e;border:1.5px solid rgba(78,205,196,.2);border-radius:20px;padding:16px 12px 14px;position:relative;overflow:hidden;animation:rvFadeUp .4s ease both}.rv-clique-group.snapped-state{animation:rvSnapPulse .7s ease}.rv-snap-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:radial-gradient(ellipse at 50% 44%,rgba(78,205,196,.65) 0%,rgba(78,205,196,.22) 42%,transparent 68%);pointer-events:none;opacity:0;z-index:0}.rv-snap-glow.fire{animation:rvGlowBurst .65s ease forwards}.rv-piece-chain{display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}.rv-chain-piece{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform,opacity;transform:translate(var(--start-x, -200px)) rotate(var(--start-rot, -25deg));opacity:0;transition:transform .95s cubic-bezier(0,0,.2,1),opacity .3s ease}.rv-chain-piece.landed{transform:translate(0) rotate(0);opacity:1}.rv-match-tag{margin-top:9px;text-align:center;opacity:0;pointer-events:none;position:relative;z-index:1}.rv-match-tag.show{animation:rvTagSlideIn .35s ease forwards;pointer-events:auto}.rv-match-tag-inner{display:inline-flex;align-items:center;gap:5px;background:#4ecdc421;border:1px solid rgba(78,205,196,.28);border-radius:20px;padding:4px 14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:800;color:var(--teal);letter-spacing:.01em}.rv-score-row{margin-top:9px;display:flex;justify-content:center;gap:12px;opacity:0;pointer-events:none;position:relative;z-index:1}.rv-score-row.show{animation:rvScoreReveal .4s .1s ease forwards;pointer-events:auto}.rv-piece-score{display:inline-flex;align-items:center;gap:4px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;opacity:0;animation:rvScoreReveal .4s ease forwards}.rv-piece-score.clique{color:var(--teal)}.rv-piece-score.clash{color:var(--coral)}.rv-you-badge{font-family:Outfit,sans-serif;font-size:.58rem;font-weight:800;background:#4ecdc42e;border:1px solid rgba(78,205,196,.35);color:var(--teal);border-radius:10px;padding:1px 6px;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}.rv-clash-group{background:#ff6b6b0a;border:1.5px solid rgba(255,107,107,.13);border-radius:20px;padding:16px 12px 14px;transition:opacity .3s ease}.rv-clash-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.rv-clash-piece{display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform,opacity;transform:translate(var(--start-x, 0)) rotate(var(--start-rot, 0deg));opacity:0;transition:none}.rv-clash-piece.approach{transform:translate(0) rotate(0);opacity:1;transition:transform .5s cubic-bezier(.55,0,1,.45),opacity .25s ease}.rv-clash-piece.recoil{transform:translate(var(--recoil-x, 35px)) rotate(var(--recoil-rot, 5deg));opacity:1;transition:transform .15s cubic-bezier(0,0,.2,1)}.rv-clash-piece.settle{transform:translate(0) rotate(0);opacity:1;transition:transform .18s cubic-bezier(.55,0,1,.45)}.rv-clash-piece.recoil-small{transform:translate(var(--recoil-small-x, 18px)) rotate(0);opacity:1;transition:transform .12s cubic-bezier(0,0,.2,1)}.rv-clash-piece.final{transform:translate(0) rotate(0);opacity:1;transition:transform .14s ease-out}.rv-clash-answer{display:inline-flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:800;color:#ff6b6b;text-align:center;max-width:140px;margin-top:4px;padding:4px 14px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.35);border-radius:20px;letter-spacing:.01em;white-space:normal;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.5)}@keyframes rvFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rvGlowBurst{0%{opacity:0;transform:scale(.55)}30%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.25)}}@keyframes rvSnapPulse{0%,to{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 8px #4ecdc438,0 0 32px 4px #4ecdc44d}}@keyframes rvTagSlideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes rvScoreReveal{0%{opacity:0;transform:translateY(7px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.rv-popular-star{display:inline-block;margin-left:.4em;font-size:1em;vertical-align:baseline;text-shadow:0 0 6px rgba(255,213,79,.6)}.player-join{--teal: #4ECDC4;--coral: #FF6B6B;--navy: #0f0f1a;--card: #16213e;--card2: #1c2748;--yellow: #FFE66D;--white: #f0f4ff;--muted: rgba(240, 244, 255, .38);--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .11)}.player-join{height:100%;background:var(--navy);color:var(--white);font-family:Outfit,sans-serif;overflow:hidden;display:flex;align-items:center;justify-content:center}.player-join .bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.03) 1px,transparent 1px);background-size:56px 56px;animation:gridDrift 28s linear infinite;pointer-events:none;z-index:0}@keyframes gridDrift{to{transform:translate(56px,56px)}}.player-join .shell{position:relative;z-index:1;width:100%;max-width:390px;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.player-join .header{flex-shrink:0;padding:16px 20px 12px;display:flex;flex-direction:column;align-items:center;gap:0;border-bottom:1px solid var(--border)}.player-join .logo-block{display:block;text-align:center;flex-shrink:0}.player-join .logo-text{display:inline-flex;align-items:center;gap:6px;font-family:Fredoka,sans-serif;font-size:1.45rem;font-weight:700;line-height:1;margin-bottom:7px}.player-join .logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.player-join .logo-text .clique{color:var(--teal)}.player-join .logo-text .sep{color:var(--muted);font-weight:400;font-size:1.1rem;margin:0 2px}.player-join .logo-text .clash{color:var(--coral)}.player-join .header-step{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px}.player-join .main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.player-join .main::-webkit-scrollbar{display:none;width:0}.player-join .bottom-action{flex-shrink:0;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,rgba(15,15,26,.98) 28px)}.player-join .card{background:var(--card);border-radius:14px;border:1px solid var(--border);padding:16px}.player-join .section-label{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:Outfit,sans-serif}.player-join .input-wrap{position:relative;width:100%}.player-join .input-field{width:100%;padding:14px 16px;background:var(--card2);border:1.5px solid var(--border-soft);border-radius:12px;color:var(--white);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none}.player-join .input-field::-moz-placeholder{color:var(--muted);font-weight:400}.player-join .input-field::placeholder{color:var(--muted);font-weight:400}.player-join .input-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #4ecdc41f}.player-join .input-field.code-field{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-align:center;padding:14px 16px 12px;color:var(--teal)}.player-join .input-field.code-field::-moz-placeholder{color:var(--muted);font-size:1.2rem;letter-spacing:.15em;font-weight:400}.player-join .input-field.code-field::placeholder{color:var(--muted);font-size:1.2rem;letter-spacing:.15em;font-weight:400}.player-join .code-confirmed{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);opacity:0;transition:opacity .25s}.player-join .code-confirmed.visible{opacity:1}.player-join .btn-primary{width:100%;padding:16px;border-radius:14px;border:none;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;color:var(--navy);background:var(--teal);cursor:pointer;box-shadow:0 4px 22px #4ecdc447;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,opacity .18s;-webkit-appearance:none}.player-join .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4ecdc461}.player-join .btn-primary:active:not(:disabled){transform:scale(.97)}.player-join .btn-primary:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--pulse-color, rgba(78, 205, 196, .55))}70%{box-shadow:0 0 0 14px var(--pulse-color, rgba(78, 205, 196, 0))}to{box-shadow:0 0 0 0 var(--pulse-color, rgba(78, 205, 196, 0))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes countPop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.player-join .step{display:none;flex-direction:column;flex:1;min-height:0}.player-join .step.active{display:flex;animation:fadeUp .32s ease both}.player-join .step-1 .main{flex:0 0 auto}.player-join .s1-hero{padding:36px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.player-join .s1-logo{display:flex;align-items:center;gap:2px;margin-bottom:8px}.player-join .s1-heading{font-family:Fredoka,sans-serif;font-size:1.9rem;font-weight:700;line-height:1.15}.player-join .s1-sub{font-size:.9rem;font-weight:600;color:var(--muted);max-width:240px}.player-join .s1-form{padding:0 20px;display:flex;flex-direction:column;gap:16px}.player-join .s1-field{display:flex;flex-direction:column;gap:8px}.player-join .s2-header-info{padding:20px 20px 0;display:flex;flex-direction:column;gap:4px}.player-join .s2-heading{font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:700}.player-join .s2-playing-as{font-size:.82rem;font-weight:600;color:var(--muted)}.player-join .s2-playing-as span{color:var(--white);font-weight:800}.player-join .s2-body{padding:16px 20px;display:flex;flex-direction:column;gap:20px}.player-join .emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.player-join .emoji-tile{aspect-ratio:1;background:var(--card2);border:2px solid transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none}.player-join .emoji-tile:active{transform:scale(.9)}.player-join .emoji-tile.selected{border-color:var(--teal);background:#4ecdc41f;animation:popIn .28s cubic-bezier(.34,1.56,.64,1) both}.player-join .emoji-tile.taken{opacity:.28;cursor:not-allowed;pointer-events:none}.player-join .emoji-tile.taken:after{content:"taken";position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.42rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:Outfit,sans-serif}.player-join .color-grid{display:flex;flex-wrap:wrap;gap:10px}.player-join .color-swatch{width:38px;height:38px;border-radius:100px;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s,box-shadow .15s;flex-shrink:0;outline:2px solid transparent;outline-offset:2px}.player-join .color-swatch:active{transform:scale(.88)}.player-join .color-swatch.selected{outline-color:var(--white);animation:popIn .25s cubic-bezier(.34,1.56,.64,1) both}.player-join .color-swatch.selected:after{content:"";width:13px;height:13px;background:#ffffffe6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-join .color-swatch.selected .swatch-check{display:block}.player-join .swatch-check{display:none;width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.player-join .color-swatch.taken{opacity:.22;cursor:not-allowed;pointer-events:none}.player-join .color-swatch.taken:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;background:#0f0f1a8c}.player-join .s3-body{flex:1;padding:0 20px 20px;display:flex;flex-direction:column;align-items:center;gap:0}.player-join .s3-avatar-section{padding:32px 0 20px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:float 3.2s ease-in-out infinite}.player-join .s3-avatar-ring{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;animation:pulse-ring 2.4s ease-out infinite;--pulse-color: rgba(78, 205, 196, .5);position:relative}.player-join .s3-player-name{font-family:Fredoka,sans-serif;font-size:1.45rem;font-weight:700;color:var(--white)}.player-join .s3-you-in{width:100%;background:#4ecdc414;border:1px solid rgba(78,205,196,.2);border-radius:14px;padding:14px 16px;text-align:center;margin-bottom:16px}.player-join .s3-you-in-label{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:700;color:var(--teal);margin-bottom:2px}.player-join .s3-you-in-sub{font-size:.8rem;font-weight:600;color:var(--muted)}.player-join .s3-code-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.player-join .s3-code-eyebrow{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:Outfit,sans-serif}.player-join .s3-game-code{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;color:var(--teal);letter-spacing:.18em}.player-join .s3-players-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:16px}.player-join .s3-count-circle{width:48px;height:48px;flex-shrink:0;background:var(--card2);border-radius:12px;display:flex;align-items:center;justify-content:center}.player-join .s3-count-num{font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:700;color:var(--teal);transition:transform .2s}.player-join .s3-count-num.pop{animation:countPop .35s ease both}.player-join .s3-players-label{display:flex;flex-direction:column;gap:2px}.player-join .s3-players-main{font-size:.92rem;font-weight:600;color:var(--white)}.player-join .s3-players-note{font-size:.72rem;font-weight:600;color:var(--muted)}.player-join .s3-waiting-dots{display:flex;gap:7px;align-items:center;margin-bottom:8px}.player-join .s3-waiting-dots span{width:8px;height:8px;background:var(--teal);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite;opacity:.4}.player-join .s3-waiting-dots span:nth-child(2){animation-delay:.2s}.player-join .s3-waiting-dots span:nth-child(3){animation-delay:.4s}.player-join .s3-waiting-label{font-size:.78rem;font-weight:600;color:var(--muted);text-align:center}:root{--teal: #4ECDC4;--coral: #FF6B6B;--navy: #0f0f1a;--card: #1a1a2e;--card2: #20203a;--yellow: #FFE66D;--white: #f0f4ff;--muted: rgba(240, 244, 255, .4);--border: rgba(240, 244, 255, .07)}.lobby-bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.lobby-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.03) 1px,transparent 1px);background-size:56px 56px;animation:lobbyGridDrift 28s linear infinite;pointer-events:none;z-index:1}@keyframes lobbyGridDrift{to{transform:translate(56px,56px)}}.lobby{position:relative;z-index:2;width:100vw;height:100dvh;display:grid;grid-template-columns:480px 1fr;grid-template-rows:1fr}.lobby-left-panel{display:flex;flex-direction:column;padding:40px 36px;border-right:1px solid var(--border);background:#0f0f1a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;align-items:center;text-align:center}.lobby-left-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(78,205,196,.05) 0%,transparent 70%);pointer-events:none}.lobby-logo-row{display:block;text-align:center;animation:lobbyFadeUp .4s .05s ease both}.lobby-logo-text{display:inline-flex;align-items:center;gap:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;margin-bottom:10px}.lobby-logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.lobby-logo-text .c{color:var(--teal);font-style:italic}.lobby-logo-text .sep{color:var(--muted);font-weight:500;font-size:.9rem;margin:0 2px;font-family:Outfit,sans-serif;font-style:normal;letter-spacing:.04em}.lobby-logo-text .cl{color:var(--coral);font-style:normal}.lobby-session-meta{display:flex;flex-direction:column;gap:10px;margin-top:28px;align-items:center;animation:lobbyFadeUp .4s .12s ease both}.lobby-mode-pill{display:inline-flex;align-items:center;gap:7px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.2);border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);width:-moz-fit-content;width:fit-content}.lobby-mode-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:lobbyPulse 1.8s ease infinite}@keyframes lobbyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.lobby-session-stats{display:flex;gap:16px}.lobby-stat{display:flex;flex-direction:column;gap:2px}.lobby-stat-val{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;color:var(--white);letter-spacing:-.02em}.lobby-stat-lbl{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lobby-stat-divider{width:1px;background:var(--border);align-self:stretch}.lobby-code-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:lobbyFadeUp .4s .2s ease both}.lobby-code-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.lobby-code-display{position:relative;display:flex;gap:10px;margin-bottom:16px}.lobby-code-char{width:72px;height:88px;background:var(--card2);border:1.5px solid rgba(78,205,196,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;font-size:2.8rem;font-weight:800;color:var(--white);letter-spacing:-.03em;position:relative;box-shadow:0 0 #4ecdc400;animation:lobbyCodeGlow 3s ease-in-out infinite}.lobby-code-char:after{content:"";position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:24px;height:2px;border-radius:2px;background:#4ecdc459}@keyframes lobbyCodeGlow{0%,to{box-shadow:0 0 #4ecdc400,0 4px 20px #00000059;border-color:#4ecdc42e}50%{box-shadow:0 0 18px 2px #4ecdc41f,0 4px 20px #00000059;border-color:#4ecdc459}}.lobby-code-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;margin:14px auto;background:#fffffff2;border-radius:12px;box-shadow:0 6px 20px #00000059}.lobby-code-qr img{display:block}.lobby-code-qr-caption{font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;color:#0f0f1a;letter-spacing:.02em}.lobby-code-join-url{display:flex;align-items:center;gap:8px;background:#f0f4ff0a;border:1px solid var(--border);border-radius:12px;padding:10px 16px}.lobby-code-join-url .url-icon{font-size:.9rem;opacity:.5}.lobby-code-join-url .url-text{font-size:.78rem;color:var(--muted)}.lobby-code-join-url .url-text strong{color:var(--white);font-weight:700}.lobby-code-join-url .url-text .url-code{color:var(--teal);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em}.lobby-tv-url-pill{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;border-radius:999px;background:#4ecdc414;border:1.5px solid rgba(78,205,196,.35);color:var(--white);font-family:Inter,sans-serif;font-size:.78rem;cursor:pointer;transition:background .15s,border-color .15s;max-width:100%}.lobby-tv-url-pill:hover,.lobby-tv-url-pill:active{background:#4ecdc424;border-color:#4ecdc48c}.lobby-tv-url-pill .lobby-tv-url-icon{font-size:.95rem;flex-shrink:0}.lobby-tv-url-pill .lobby-tv-url-text{font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lobby-tv-url-pill .lobby-tv-url-action{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--teal);letter-spacing:.02em}.lobby-toast{position:absolute;bottom:24px;left:24px;right:24px;background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;transform:translateY(120%);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.lobby-toast.show{transform:translateY(0);opacity:1}.lobby-toast-emoji{font-size:1.4rem}.lobby-toast-text{flex:1}.lobby-toast-text .t-name{font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;color:var(--white)}.lobby-toast-text .t-sub{font-size:.7rem;color:var(--muted)}.lobby-toast-dot{width:8px;height:8px;border-radius:50%}.lobby-right-panel{display:flex;flex-direction:column;padding:28px 40px 16px}.lobby-right-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;animation:lobbyFadeUp .4s .08s ease both}.lobby-players-label{display:flex;align-items:baseline;gap:10px}.lobby-players-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;color:var(--white);letter-spacing:-.02em}.lobby-players-count{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lobby-players-count .cnt{color:var(--teal);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.lobby-btn-start{padding:13px 28px;border-radius:10px;border:none;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);background:var(--teal);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,opacity .2s ease;box-shadow:0 6px 28px #4ecdc44d;position:relative;overflow:hidden}.lobby-btn-start:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.lobby-btn-start:hover{transform:translateY(-2px);box-shadow:0 10px 36px #4ecdc473}.lobby-btn-start:active{transform:scale(.96)}.lobby-btn-start.needs-more{background:var(--card2);color:var(--muted);box-shadow:none;border:1.5px solid var(--border);cursor:not-allowed;font-size:.78rem;letter-spacing:.05em;font-family:Outfit,sans-serif;font-weight:600;text-transform:uppercase}.lobby-btn-start.needs-more:hover{transform:none;box-shadow:none}.lobby-player-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;min-height:0;overflow:visible;padding-bottom:24px}.lobby-player-card{background:transparent;border:none;overflow:visible;position:relative;transition:transform .3s ease,filter .3s ease}.lobby-player-card.filled{transform:scale(.75) translateY(14px);opacity:0;animation:lobbyCardIn .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lobbyCardIn{to{transform:scale(1) translateY(0);opacity:1}}.lobby-player-card.filled:hover{transform:translateY(-4px);filter:brightness(1.1)}.lobby-player-card svg{width:100%;height:100%;overflow:visible;display:block}.lobby-player-slot{background:transparent;border:none;overflow:visible}.lobby-min-hint{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--muted);margin-top:14px;animation:lobbyFadeUp .4s .35s ease both}.lobby-min-hint .hint-icon{font-size:.75rem;opacity:.6}@keyframes lobbyFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lobby-left-divider{height:1px;background:var(--border);margin:24px 0;width:100%;animation:lobbyFadeUp .4s .16s ease both}.phone-header-actions{display:flex;justify-content:center;align-items:center;gap:8px;padding:2px 12px 6px;flex-wrap:wrap}.phone-header-actions .pha-mute,.phone-header-actions .pha-end-game{font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;gap:6px;line-height:1}.phone-header-actions .pha-mute{background:#0f172a99;border:1px solid rgba(255,255,255,.2);color:#f0f4ffb3}.phone-header-actions .pha-mute.active{background:#4ecdc42e;border-color:#4ecdc4;color:#4ecdc4}.phone-header-actions .pha-mute-label{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.phone-header-actions .pha-end-game{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.45);color:#ff8b8b}.phone-header-actions .pha-end-game:hover,.phone-header-actions .pha-end-game:active{background:#ff6b6b33;border-color:#ff6b6b;color:#ffeaea}.player-game-shell{--teal: #4ECDC4;--coral: #FF6B6B;--navy: #0f0f1a;--card: #16213e;--card2: #1c2748;--yellow: #FFE66D;--white: #f0f4ff;--muted: rgba(240, 244, 255, .38);--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .11);width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--white);font-family:Outfit,sans-serif;overflow:hidden}.player-game-shell .connecting-msg{font-family:Outfit,sans-serif;font-size:.9rem;color:#f0f4ff59}.player-game-shell .bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.03) 1px,transparent 1px);background-size:56px 56px;animation:pgGridDrift 28s linear infinite;pointer-events:none;z-index:0}@keyframes pgGridDrift{to{transform:translate(56px,56px)}}.player-game-shell .shell{position:relative;z-index:1;width:100%;max-width:390px;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.player-game-shell .header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid var(--border)}.player-game-shell .header-logo{display:inline-flex;align-items:center;gap:4px;font-family:Proxima Nova,Avenir Next,Avenir,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.82rem;font-weight:700;line-height:1;letter-spacing:.01em;margin-bottom:2px}.player-game-shell .header-logo svg{flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.player-game-shell .header-logo .hl-clique{color:var(--teal)}.player-game-shell .header-logo .hl-sep{color:#ffe66d;font-weight:400;font-size:.72rem;margin:0 1px}.player-game-shell .header-logo .hl-clash{color:var(--coral)}.player-game-shell .round-label{font-family:Outfit,sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.player-game-shell .round-pips{display:flex;gap:4px;align-items:center}.player-game-shell .pip{width:6px;height:6px;border-radius:50%;background:var(--border-soft);transition:background .3s}.player-game-shell .pip.done{background:var(--teal);opacity:.5}.player-game-shell .pip.active{background:var(--teal);width:14px;border-radius:3px}.player-game-shell .pip.todo{background:var(--border-soft)}.player-game-shell .main{flex:1;overflow-y:auto;padding:0 20px 16px}.player-game-shell .main::-webkit-scrollbar{display:none}.player-game-shell .bottom-action{flex-shrink:0;padding:12px 20px 16px;border-top:1px solid var(--border)}.player-game-shell .btn-primary{width:100%;padding:16px;border-radius:14px;border:none;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;color:var(--navy);background:var(--teal);cursor:pointer;box-shadow:0 4px 22px #4ecdc466;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s}.player-game-shell .btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 28px #4ecdc48c;background:#6edad4}.player-game-shell .btn-primary:active:not(:disabled){transform:scale(.98)}.player-game-shell .btn-primary:disabled{cursor:not-allowed;box-shadow:none;transform:none}.player-game-shell .btn-urgent{background:var(--coral);box-shadow:0 4px 22px #ff6b6b59;color:var(--white)}@keyframes pgFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pgPulse{0%,to{opacity:1}50%{opacity:.35}}.player-game-shell .muted-status{text-align:center;font-family:Outfit,sans-serif;font-weight:600;font-size:.86rem;color:var(--muted);padding:10px 0}.host-end-game-btn{position:fixed;top:10px;right:10px;z-index:10001;border:1px solid rgba(255,107,107,.5);background:#ff6b6b29;color:#ffd4d4;border-radius:10px;padding:8px 11px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.host-end-game-btn:hover{background:#ff6b6b42}.end-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.end-confirm-dialog{background:#1a1a2e;border:1px solid rgba(255,107,107,.35);border-radius:18px;padding:28px 24px 22px;width:min(88vw,340px);text-align:center;box-shadow:0 8px 40px #0009}.end-confirm-icon{font-size:2.2rem;margin-bottom:8px}.end-confirm-title{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:800;color:#ffd4d4;margin:0 0 10px}.end-confirm-body{font-family:Inter,sans-serif;font-size:.82rem;color:#fff9;margin:0 0 22px;line-height:1.5}.end-confirm-actions{display:flex;gap:10px}.end-confirm-cancel,.end-confirm-ok{flex:1;padding:11px 0;border-radius:10px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none}.end-confirm-cancel{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.12)}.end-confirm-cancel:hover{background:#ffffff21}.end-confirm-ok{background:#ff6b6bd9;color:#fff}.end-confirm-ok:hover{background:#ff6b6b}.answering-main{display:flex;flex-direction:column;gap:0;padding-top:16px;flex:0 1 auto}.answering-main .category-chip{display:inline-flex;align-items:center;gap:6px;background:var(--card2);border:1px solid var(--border-soft);border-radius:20px;padding:5px 12px;font-family:Outfit,sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;align-self:center;margin-bottom:14px;animation:pgFadeUp .4s ease both}.answering-main .prompt-wrap{text-align:center;margin-bottom:16px;animation:pgFadeUp .4s .08s ease both}.answering-main .prompt-text{font-family:Inter,sans-serif;font-size:1.85rem;font-weight:800;color:var(--white);line-height:1.25}.answering-main .prompt-blank{display:inline-block;position:relative;color:var(--teal);min-width:160px;border-bottom:3px solid var(--teal);margin-left:6px;padding-bottom:2px;vertical-align:bottom}.answering-main .prompt-blank:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:var(--teal);border-radius:2px;box-shadow:0 0 10px #4ecdc480}.answering-main .input-wrap{animation:pgFadeUp .4s .15s ease both}.answering-main .answer-input{width:100%;padding:18px 20px;border-radius:16px;border:2px solid var(--border-soft);background:var(--card2);color:var(--white);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;outline:none;transition:border-color .2s,box-shadow .2s;caret-color:var(--teal);resize:none}.answering-main .answer-input::-moz-placeholder{color:var(--muted);font-weight:400}.answering-main .answer-input::placeholder{color:var(--muted);font-weight:400}.answering-main .answer-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #4ecdc41f}.answering-main .answer-input.urgent{border-color:var(--coral);box-shadow:0 0 0 4px #ff6b6b1f,0 0 0 2px #ff6b6b33;animation:inputUrgentBorder .7s ease-in-out infinite}.answering-main .answer-input.input-pending{opacity:.45;cursor:not-allowed}.btn-primary.btn-pending{background:#ffffff14!important;color:#ffffff59!important;box-shadow:none!important;opacity:1}.btn-primary.btn-ready{background:#4ecdc42e!important;color:#4ecdc4d9!important;box-shadow:none!important;opacity:1}@keyframes inputUrgentBorder{0%,to{box-shadow:0 0 0 4px #ff6b6b1f}50%{box-shadow:0 0 0 4px #ff6b6b47}}.answering-main .char-counter{text-align:right;margin-top:7px;font-family:Outfit,sans-serif;font-weight:600;font-size:.78rem;color:var(--muted);transition:color .2s}.answering-main .char-counter.near-limit{color:var(--coral)}.solo-locked-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#4ecdc414;border:2px solid rgba(78,205,196,.3);border-radius:18px;padding:24px 20px;text-align:center;animation:popIn .4s .1s cubic-bezier(.34,1.56,.64,1) both}.solo-locked-icon{font-size:1.6rem}.solo-locked-answer{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800;color:var(--teal)}.solo-locked-sub{font-size:.82rem;font-weight:600;color:var(--muted);letter-spacing:.02em}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.player-game-shell .timer{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;color:var(--white);line-height:1;min-width:2.5rem;text-align:right;transition:color .3s}.player-game-shell .timer.urgent{animation:timerUrgent .7s ease-in-out infinite}@keyframes timerUrgent{0%,to{color:var(--coral)}50%{color:#ff6b6b66}}.choice-grid{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:1rem}.choice-btn{width:100%;padding:1.1rem 1rem;background:#4ecdc414;border:2px solid rgba(78,205,196,.35);border-radius:14px;color:#f0f4ff;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.choice-btn:hover:not(:disabled){background:#4ecdc429;border-color:#4ecdc499}.choice-btn:active:not(:disabled){transform:scale(.98)}.choice-btn:disabled{opacity:.55;cursor:not-allowed}.choice-btn.selected{background:#4ecdc447;border-color:#4ecdc4;opacity:1}.choice-locked-sub{margin-top:.75rem;font-size:.9rem;color:#f0f4ff99;text-align:center}.skip-prompt-btn{margin-top:1rem;align-self:center;padding:.55rem 1.1rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.4);border-radius:8px;cursor:pointer;transition:background .15s ease,transform .05s ease}.skip-prompt-btn:hover{background:#fbbf2438}.skip-prompt-btn:active{transform:scale(.97)}.an-status{margin-top:16px;padding:12px 14px;background:#4ecdc40a;border:1px solid rgba(78,205,196,.18);border-radius:12px;display:flex;flex-direction:column;gap:8px}.an-footer-hint{margin-top:16px;font-size:.75rem;color:#f0f4ff73;text-align:center;font-style:italic}.brand-mark{display:inline-flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-weight:700;font-size:.95rem;line-height:1;color:var(--white, #ffffff);-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-mark .bm-clique{color:#4ecdc4}.brand-mark .bm-sep{color:#ffffff8c;font-weight:600;font-size:.85rem;margin:0 1px}.brand-mark .bm-clash{color:#ff6b6b}.brand-mark-row{display:flex;justify-content:center;padding:12px 0 8px}.wt-mock{display:flex;flex-direction:column;gap:22px;padding:28px 20px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.wt-mock-round-label{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff8c}.wt-mock-locked-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 18px;background:#4ecdc40f;border:1.5px solid rgba(78,205,196,.3);border-radius:18px}.wt-mock-locked-icon{font-size:2rem;line-height:1}.wt-mock-locked-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.wt-mock-locked-answer{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#4ecdc4;text-align:center;line-height:1.2}.wt-mock-locked-sub{font-size:.82rem;color:#f0f4ff8c;text-align:center}.wt-mock-tracker{display:flex;flex-direction:column;gap:10px;padding:14px;background:#f0f4ff08;border:1px solid rgba(240,244,255,.08);border-radius:14px}.wt-mock-tracker-head{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#f0f4ffd9}.wt-mock-tracker-head strong{color:#4ecdc4}.wt-mock-tracker-dot{width:8px;height:8px;border-radius:50%;background:#4ecdc4;animation:wt-pulse 1.6s ease infinite}@keyframes wt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.wt-mock-tracker-status{font-weight:600}.wt-mock-tracker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center}.wt-mock-tracker-piece{display:flex;justify-content:center;align-items:center;transition:opacity .2s ease,filter .2s ease}.wt-mock-tracker-piece.off{opacity:.32;filter:grayscale(.5)}.wt-mock-tracker-piece.on{opacity:1;filter:none;animation:wt-snap .32s ease-out}@keyframes wt-snap{0%{transform:scale(.92);opacity:.3}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.wt-mock-footer{margin-top:auto;text-align:center;font-size:.95rem;font-weight:600;color:#f0f4ff8c}.wt-mock-footer-hint{margin-top:auto;text-align:center;font-size:.85rem;color:#f0f4ff73;font-style:italic}.gr-tv-advance{display:flex;justify-content:center;margin-top:32px}.gr-tv-advance-btn{background:#4ecdc4;color:#0f0f1a;border:none;border-radius:10px;padding:10px 32px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease}.gr-tv-advance-btn:hover{background:#5ed8d0;transform:scale(1.03)}.gr-tv-advance-btn:active{transform:scale(.98)}.gr-tv-panel{position:relative;display:flex;flex-direction:column;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:20px 28px;animation:grFadeIn .5s ease both}.gr-tv-countdown-corner{position:absolute;top:16px;right:20px}.gr-hero-score{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 0}.gr-hero-label{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;color:#f0f4ffb3;letter-spacing:.08em;text-transform:uppercase}.gr-hero-number{font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:800;color:#4ecdc4;line-height:1;letter-spacing:-.02em}.gr-hero-outof{font-family:Outfit,sans-serif;font-size:.75rem;color:#f0f4ff99}.gr-hero-tagline{font-family:Outfit,sans-serif;font-size:.72rem;font-style:italic;color:#f0f4ff80;margin-top:2px}.gr-pair-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gr-pair-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border-radius:12px;background:#f0f4ff0a;border:2px solid rgba(240,244,255,.08)}.gr-pair-card-clique{border-color:#4ecdc480;background:#4ecdc414}.gr-pair-card-clash{border-color:#ff6b6b80;background:#ff6b6b14}.gr-pair-card-label{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#f0f4ffb3}.gr-pair-card-names{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;color:#f0f4ff}.gr-pair-card-score{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:1}.gr-pair-card-clique .gr-pair-card-score{color:#4ecdc4}.gr-pair-card-clash .gr-pair-card-score{color:#ff6b6b}.gr-axes-heading{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#f0f4ff99;text-align:center;margin:0 0 2px;padding-top:6px;border-top:1px solid rgba(240,244,255,.1)}.gr-axes-secondary{gap:4px}.gr-axes-secondary .gr-axis-row{font-size:.8rem}.gr-phone-panel{display:flex;flex-direction:column;gap:20px;width:100%;padding:24px 20px 32px;animation:grFadeIn .4s ease both}@keyframes grFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gr-tv-header{display:flex;align-items:center;justify-content:space-between}.gr-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#f0f4ff;margin:0;letter-spacing:.04em;text-align:center}.gr-phone-panel .gr-title{font-size:1.3rem;text-align:center;color:#4ecdc4}.gr-countdown-ring{flex-shrink:0}.gr-axes-section{display:flex;flex-direction:column;gap:10px}.gr-axis-row{display:grid;grid-template-columns:160px 1fr 120px;align-items:center;gap:12px}.gr-axis-phone{grid-template-columns:110px 1fr 90px;gap:8px}.gr-axis-uncertain{opacity:.4}.gr-axis-name{font-family:Outfit,sans-serif;font-size:.9rem;color:#f0f4ffb3;text-align:right}.gr-axis-track{position:relative;height:10px;border-radius:5px;overflow:visible}.gr-axis-bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0f4ff14;border-radius:5px}.gr-axis-center-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#f0f4ff33}.gr-axis-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#4ecdc4;border:2px solid #f0f4ff;transform:translate(-50%,-50%);box-shadow:0 0 8px #4ecdc499;transition:left .4s ease}.gr-axis-pole{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:#4ecdc4}.gr-axis-uncertain .gr-axis-pole{color:#f0f4ff80;font-weight:400;font-style:italic}.gr-uncertain-note{font-size:.78rem;color:#f0f4ff59;margin-top:4px;padding:0 4px;font-style:italic}.gr-pairs-section{display:flex;flex-direction:column;gap:10px;padding:20px 24px;background:#ffffff0a;border:1px solid rgba(240,244,255,.07);border-radius:12px}.gr-pair-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gr-pair-heading{font-family:Pacifico,cursive;font-size:.9rem;min-width:140px}.gr-pair-top .gr-pair-heading{color:#4ecdc4}.gr-pair-bottom .gr-pair-heading{color:#ff6b6b}.gr-pair-names{font-family:Outfit,sans-serif;font-weight:700;color:#f0f4ff;font-size:1rem}.gr-pair-score{font-family:Outfit,sans-serif;color:#f0f4ff80;font-size:.85rem}.gr-personal-section{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:#4ecdc412;border:1px solid rgba(78,205,196,.2);border-radius:12px}.gr-personal-heading{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#4ecdc4;text-transform:uppercase}.gr-personal-poles{font-family:Outfit,sans-serif;font-size:.95rem;color:#f0f4ffcc}.gr-personal-role{font-family:Pacifico,cursive;font-size:1.1rem;color:#f0f4ff;line-height:1.3}.gr-personal-match{font-family:Outfit,sans-serif;font-size:.85rem;color:#f0f4ff8c}.gr-continue-btn{display:block;width:100%;padding:15px 24px;background:#4ecdc4;color:#0f0f1a;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04em;border:none;border-radius:10px;cursor:pointer;transition:opacity .15s ease,transform .1s ease;margin-top:4px}.gr-continue-btn:hover{opacity:.9}.gr-continue-btn:active{transform:scale(.98)}.reveal-content{display:flex;flex-direction:column;gap:12px;padding-top:16px}.reveal-content .reveal-prompt{text-align:center;padding:2px 0 4px}.reveal-content .reveal-prompt-text{font-family:Inter,sans-serif;font-size:1.18rem;font-weight:700;color:var(--muted)}.reveal-content .sec-divider{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:800;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.reveal-content .sec-divider span{flex-shrink:0}.reveal-content .sec-divider:before,.reveal-content .sec-divider:after{content:"";flex:1;height:1px;background:currentColor;opacity:.18}.reveal-content .sec-divider.clique-div{color:var(--teal)}.reveal-content .sec-divider.clash-div{color:var(--coral)}.reveal-content .verdict-card{border-radius:18px;padding:14px 22px;text-align:center;animation:popIn .45s .65s cubic-bezier(.34,1.56,.64,1) both}.reveal-content .verdict-card.v-clash{background:#ff6b6b14;border:2px solid rgba(255,107,107,.3)}.reveal-content .v-icon{font-size:1.5rem;display:block;margin-bottom:2px}.reveal-content .v-title{font-family:Inter,sans-serif;font-size:1.22rem;font-weight:800;line-height:1.1}.reveal-content .verdict-card.v-clash .v-title{color:var(--coral)}.reveal-content .v-sub{font-size:.82rem;font-weight:600;color:var(--muted);margin-top:3px}.reveal-content .v-pts{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;margin-top:4px}.reveal-content .verdict-card.v-clash .v-pts{color:var(--coral)}@keyframes popIn{0%{transform:scale(.72);opacity:0}68%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.solo-reveal{display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.solo-reveal--in{opacity:1;transform:translateY(0)}.solo-verdict-card{border-radius:18px;padding:16px 20px;text-align:center;animation:popIn .45s .15s cubic-bezier(.34,1.56,.64,1) both}.solo-verdict--match{background:#4ecdc41a;border:2px solid rgba(78,205,196,.35)}.solo-verdict--clash{background:#ff6b6b14;border:2px solid rgba(255,107,107,.3)}.solo-verdict-eyebrow{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted, rgba(255, 255, 255, .55));margin-bottom:6px}.solo-verdict-answer{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:800;color:var(--fg);margin-bottom:4px}.solo-verdict-label{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.solo-verdict-label--match{color:var(--teal)}.solo-verdict-label--clash{color:var(--coral)}.solo-verdict-sub{font-size:.8rem;color:var(--muted);margin-top:2px}.solo-verdict-pts{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;color:var(--teal);margin-top:4px}.solo-verdict-pts--clash{color:var(--coral)}.solo-top10{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px}.solo-top10-title{font-family:Outfit,sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;text-align:center}.solo-top10-list{display:flex;flex-direction:column;gap:4px}.solo-top10-item{display:flex;align-items:center;gap:10px;padding:3px 6px 3px 4px;border-radius:10px;opacity:0;animation:slideInRow .3s ease forwards}.solo-top10-item--match{background:#4ecdc41a;border:1px solid rgba(78,205,196,.25)}@keyframes slideInRow{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.solo-top10-answer{flex:1;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;color:#f0f4ff8c;text-transform:capitalize}.solo-top10-item--match .solo-top10-answer{color:var(--teal);font-weight:700}.solo-top10-you{font-family:Outfit,sans-serif;font-size:.58rem;font-weight:800;letter-spacing:.1em;color:var(--teal);background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:4px;padding:1px 5px}.solo-next-btn{opacity:0;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.reveal-lb{display:flex;flex-direction:column;gap:10px;animation:pgFadeUp .35s ease both;padding-top:4px}.reveal-lb-divider{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:800;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.reveal-lb-divider:before,.reveal-lb-divider:after{content:"";flex:1;height:1px;background:currentColor;opacity:.2}.reveal-lb-list{display:flex;flex-direction:column;gap:4px}.reveal-lb-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);opacity:0;animation:slideInRow .3s ease forwards}.reveal-lb-row.me{background:#4ecdc414;border-color:#4ecdc438}.reveal-lb-badge{font-size:1rem;flex-shrink:0;width:24px;text-align:center}.reveal-lb-emoji{font-size:1.1rem;flex-shrink:0}.reveal-lb-name{flex:1;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;color:#f0f4ffbf}.reveal-lb-row.me .reveal-lb-name{color:var(--teal);font-weight:700}.reveal-lb-score{font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;flex-shrink:0}.reveal-next-btn{width:100%;opacity:0;animation:popIn .4s .1s cubic-bezier(.34,1.56,.64,1) forwards}.reveal-lb-waiting{text-align:center;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:var(--muted);padding:6px 0 2px}.rv-mock-footer-hint{margin-top:auto;font-size:.75rem;color:#f0f4ff73;text-align:center;font-style:italic}.between-main{display:flex;flex-direction:column;gap:20px;padding-top:24px}.between-main .round-complete-heading{text-align:center;animation:pgFadeUp .35s ease both}.between-main .round-complete-heading h2{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800;color:var(--white)}.between-main .round-complete-heading p{font-family:Outfit,sans-serif;font-weight:600;font-size:.85rem;color:var(--muted);margin-top:4px}.between-main .leaderboard{display:flex;flex-direction:column;gap:8px;animation:pgFadeUp .35s .1s ease both}.between-main .lb-title{font-family:Outfit,sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.between-main .lb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.between-main .lb-piece{display:flex;flex-direction:column;align-items:center;gap:2px;animation:pgFadeUp .35s ease both}.between-main .lb-piece-svg{width:100%;aspect-ratio:100 / 118}.between-main .lb-piece-svg svg{width:100%;height:100%;overflow:visible;display:block}.between-main .lb-piece-score{font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;text-align:center}.between-main .my-rank-note{text-align:center;background:var(--card2);border:1px dashed var(--border-soft);border-radius:12px;padding:12px 16px;font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;color:var(--muted);animation:pgFadeUp .35s .2s ease both}.between-main .my-rank-note span{color:var(--teal);font-weight:800}.between-main .next-round-msg{text-align:center;animation:pgFadeUp .35s .25s ease both;padding:0 0 4px}.between-main .next-round-btn{width:100%}.bt-mock .next-round-btn{width:100%}.bt-mock-become-host{align-self:center;background:transparent;border:1px solid rgba(78,205,196,.45);color:#4ecdc4;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.04em;padding:10px 22px;border-radius:999px;cursor:pointer;transition:background .15s,transform .1s;margin-top:12px}.bt-mock-become-host:hover:not(:disabled){background:#4ecdc41a}.bt-mock-become-host:disabled{opacity:.55;cursor:not-allowed}.bt-mock-become-host:active:not(:disabled){transform:scale(.97)}.pf-step-badge{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pf-survey-main{display:flex;flex-direction:column;gap:16px;padding-top:20px}.pf-heading{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:var(--white);line-height:1.3;animation:pgFadeUp .3s ease both}.pf-subheading{margin:4px 0 0;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:500;line-height:1.35;color:#f0f4ff8c;animation:pgFadeUp .3s .05s ease both}.pf-error{background:#ff6b6b24;border:1px solid rgba(255,107,107,.4);border-radius:10px;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;color:#ffd4d4;animation:pgFadeUp .2s ease both}.pf-empty{font-family:Outfit,sans-serif;font-size:.88rem;color:var(--muted);text-align:center;padding:32px 0}.pf-prompt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;animation:pgFadeUp .35s .05s ease both}.pf-prompt-btn{width:100%;text-align:left;background:var(--card);border:1.5px solid var(--border-soft);border-radius:12px;padding:14px 16px;cursor:pointer;color:var(--white);font-family:Outfit,sans-serif;transition:border-color .15s,background .15s,transform .12s;display:flex;flex-direction:column;gap:4px}.pf-prompt-btn:hover:not(:disabled){background:var(--card2);border-color:#4ecdc473;transform:translateY(-1px)}.pf-prompt-btn:active:not(:disabled){transform:scale(.98)}.pf-prompt-btn.selected{border-color:var(--teal);background:#4ecdc41a}.pf-prompt-btn.loading{opacity:.55;cursor:not-allowed}.pf-prompt-btn:disabled{cursor:not-allowed}.pf-prompt-text{font-size:.92rem;font-weight:600;line-height:1.4}.pf-prompt-mode-badge{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--teal);opacity:.75}.pf-skip-btn{width:100%;padding:14px;border-radius:12px;border:1.5px solid var(--border-soft);background:transparent;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.pf-skip-btn:hover:not(:disabled){border-color:#ffffff40;color:var(--white)}.pf-skip-btn:disabled{cursor:not-allowed;opacity:.45}.pf-done-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;text-align:center;animation:pgFadeUp .4s ease both}.pf-done-icon{animation:pgFadeUp .35s ease both}.pf-done-heading{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--teal);margin:0}.pf-done-sub{font-family:Outfit,sans-serif;font-size:.88rem;font-weight:500;color:var(--muted);margin:0;animation:pgPulse 2.5s ease-in-out infinite}.pf-prompt-num{display:inline-block;min-width:22px;margin-right:8px;color:#f0f4ff66;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.pf-prompt-btn.selected .pf-prompt-num{color:var(--teal)}.ended-main{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0 2rem;animation:pgFadeUp .5s ease both}.ended-verdict{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem}.ended-trophy{font-size:3.5rem;line-height:1;animation:endedBounce .6s ease both}.ended-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#f0f4ff;margin:0}.ended-subtitle{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.06em;color:#f0f4ff73;text-transform:uppercase}.ended-my-score{margin-top:.5rem;display:flex;align-items:baseline;gap:.4rem}.ended-score-num{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:900;color:#4ecdc4;line-height:1}.ended-score-label{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:#f0f4ff80}.ended-leaderboard{width:100%}.ended-lb-title{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f0f4ff73;margin-bottom:.75rem;text-align:center}.ended-lb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ended-lb-piece{display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:pgFadeUp .35s ease both}.ended-lb-piece-svg{width:100%;aspect-ratio:100 / 118}.ended-lb-piece-score{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:#f0f4ffb3}.ended-hint{font-family:Outfit,sans-serif;font-size:.78rem;color:#f0f4ff4d;margin-top:.5rem;animation:endedPulse 2s ease-in-out infinite}@keyframes endedBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes endedPulse{0%,to{opacity:.3}50%{opacity:.6}}.ed-mock-archetype{display:flex;flex-direction:column;gap:12px;width:100%}.ed-mock-legal{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}.ed-mock-legal-link{font-size:.78rem;font-weight:700;color:#4ecdc4d9;text-decoration:none}.ed-mock-legal-copy{font-size:.7rem;color:#f0f4ff66}.ed-mock-btn--rate{background:#ffe66d1a;color:#ffe66d;border:1px solid rgba(255,230,109,.45)}.ed-mock-btn--rate:hover,.ed-mock-btn--rate:active{background:#ffe66d2e;border-color:#ffe66db3}.ed-mock-host-wait{text-align:center;font-size:.92rem;font-style:italic;color:#f0f4ff8c;padding:12px}.hh-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0a0a14b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;animation:hh-fadein .18s ease-out}@keyframes hh-fadein{0%{opacity:0}to{opacity:1}}.hh-card{width:100%;max-width:380px;background:#161629;border:1.5px solid rgba(78,205,196,.3);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff;text-align:center;animation:hh-popin .22s cubic-bezier(.34,1.56,.64,1)}@keyframes hh-popin{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.hh-icon{font-size:2.6rem;line-height:1}.hh-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.hh-title{font-size:1.3rem;font-weight:700;line-height:1.3}.hh-title strong{color:#4ecdc4}.hh-sub{font-size:.92rem;color:#f0f4ffa6}.hh-sub strong{color:#ffe66d;font-variant-numeric:tabular-nums}.hh-actions{display:flex;gap:10px;width:100%;margin-top:8px}.hh-btn{flex:1;padding:14px 16px;border:none;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .1s,background .15s}.hh-btn:active{transform:scale(.97)}.hh-btn--reject{background:#f0f4ff14;color:#f0f4ffd9;border:1px solid rgba(240,244,255,.14)}.hh-btn--reject:hover{background:#f0f4ff1f}.hh-btn--approve{background:#4ecdc4;color:#0a0a14}:root{--teal: #4ECDC4;--coral: #FF6B6B;--navy: #0f0f1a;--card: #16213e;--card2: #1c2748;--yellow: #FFE66D;--white: #f0f4ff;--muted: rgba(240, 244, 255, .38);--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .11);--lock-bg: rgba(255, 255, 255, .03);--lock-border: rgba(255, 255, 255, .06)}.hs-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.03) 1px,transparent 1px);background-size:56px 56px;animation:hsGridDrift 28s linear infinite;pointer-events:none;z-index:0}@keyframes hsGridDrift{to{transform:translate(56px,56px)}}.hs-shell{position:relative;z-index:1;width:100%;max-width:390px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;margin:0 auto;background:var(--navy);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hs-logo{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px 10px;border-bottom:1px solid var(--border);font-family:Proxima Nova,Avenir Next,Avenir,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:.01em}.hs-logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.hs-logo-clique{color:var(--teal)}.hs-logo-sep{color:var(--yellow);font-size:1.15rem;font-weight:500}.hs-logo-clash{color:var(--coral)}.hs-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.hs-back-btn{width:36px;height:36px;border-radius:10px;background:var(--card);border:1px solid var(--border-soft);color:var(--muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.hs-back-btn:hover{color:var(--white);background:var(--card2)}.hs-header-text{flex:1}.hs-header-eyebrow{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1}.hs-header-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;color:var(--white);line-height:1.1}.hs-tier-badge{padding:5px 10px;border-radius:100px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.hs-tier-badge.social{background:#4ecdc41f;color:var(--teal);border:1px solid rgba(78,205,196,.25)}.hs-tier-badge.bonded{background:#ffe66d1f;color:var(--yellow);border:1px solid rgba(255,230,109,.25)}.hs-tier-badge.free{background:#ffffff0f;color:var(--muted);border:1px solid var(--border)}.hs-tier-badge.enterprise{background:#ff6b6b1f;color:var(--coral);border:1px solid rgba(255,107,107,.25)}.hs-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 8px;display:flex;flex-direction:column;gap:24px}.hs-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.hs-section-label{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hs-section-note{font-size:.62rem;font-weight:600;color:var(--muted)}.hs-section-note .cap{color:var(--teal);font-weight:800}.hs-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs-mode-card{position:relative;border-radius:12px;padding:14px 12px;border:1.5px solid var(--border-soft);background:transparent;cursor:pointer;text-align:left;width:100%;transition:all .15s ease;display:flex;flex-direction:column;gap:6px;color:var(--white)}.hs-mode-card:hover:not(.locked){background:#ffffff08}.hs-mode-card.active{border-color:#4ecdc473;background:#4ecdc412}.hs-mode-card.locked{background:var(--lock-bg);border-color:var(--lock-border);cursor:default;opacity:.7}.hs-mode-icon{font-size:1.3rem;line-height:1}.hs-mode-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:700;color:var(--white);line-height:1.2}.hs-mode-card.locked .hs-mode-name{color:var(--muted)}.hs-mode-desc{font-size:.65rem;color:var(--muted);line-height:1.35}.hs-mode-check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--teal);border:none;display:none;align-items:center;justify-content:center}.hs-mode-check:after{content:"✓";font-size:.6rem;color:#0f0f1a;font-weight:800}.hs-mode-card.active .hs-mode-check{display:flex}.hs-lock-badge{position:absolute;top:10px;right:10px;background:#ffffff12;border:1px solid var(--border-soft);border-radius:6px;padding:2px 6px;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:3px}.hs-upgrade-nudge{margin-top:6px;padding:10px 12px;border-radius:10px;background:#4ecdc40d;border:1px solid rgba(78,205,196,.12);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:background .15s}.hs-upgrade-nudge:hover{background:#4ecdc417}.hs-upgrade-nudge-text{font-size:.7rem;font-weight:600;color:var(--muted);line-height:1.3}.hs-upgrade-nudge-text strong{color:var(--teal);font-weight:800}.hs-upgrade-nudge-arrow{font-size:.75rem;color:var(--teal);flex-shrink:0}.hs-play-config-list{display:flex;flex-direction:column;gap:6px}.hs-play-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;border:1.5px solid var(--border-soft);background:transparent;cursor:pointer;width:100%;transition:all .15s;text-align:left;color:var(--white)}.hs-play-row:hover:not(.locked){background:#ffffff08}.hs-play-row.active{border-color:#4ecdc466;background:#4ecdc412}.hs-play-row.locked{background:var(--lock-bg);border-color:var(--lock-border);cursor:default;opacity:.6}.hs-play-radio{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid var(--border-soft);display:flex;align-items:center;justify-content:center;transition:border-color .15s}.hs-play-row.active .hs-play-radio{border-color:var(--teal)}.hs-play-radio-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);opacity:0;transition:opacity .15s}.hs-play-row.active .hs-play-radio-dot{opacity:1}.hs-play-info{flex:1}.hs-play-name{font-size:.88rem;font-weight:800;color:var(--white)}.hs-play-row.locked .hs-play-name{color:var(--muted)}.hs-play-desc{font-size:.68rem;color:var(--muted);margin-top:1px}.hs-play-lock{font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#ffffff0f;border:1px solid var(--border);padding:2px 7px;border-radius:5px;flex-shrink:0}.hs-rounds-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.hs-round-btn{padding:11px 4px;border-radius:9px;border:1.5px solid var(--border-soft);background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;transition:all .15s;position:relative}.hs-round-btn:hover:not(.locked){background:#ffffff0a;color:var(--white)}.hs-round-btn.active{border-color:#4ecdc466;background:#4ecdc41a;color:var(--teal)}.hs-round-btn.locked{opacity:.35;cursor:default}.hs-round-btn.locked:after{content:"🔒";position:absolute;top:-6px;right:-4px;font-size:.5rem;line-height:1}.hs-toggle-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.hs-toggle-row{display:flex;align-items:center;gap:14px;justify-content:space-between}.hs-toggle-info .hs-toggle-title{font-size:.9rem;font-weight:800;color:var(--white)}.hs-toggle-info .hs-toggle-sub{font-size:.68rem;color:var(--muted);margin-top:2px}.hs-toggle-switch{position:relative;width:46px;height:26px;flex-shrink:0;cursor:pointer}.hs-toggle-switch input{opacity:0;position:absolute;width:0;height:0}.hs-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#ffffff1a;border:1.5px solid var(--border-soft);transition:background .2s,border-color .2s}.hs-toggle-knob{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#ffffff61;transition:transform .2s,background .2s}.hs-toggle-switch input:checked~.hs-toggle-track{background:#4ecdc440;border-color:#4ecdc473}.hs-toggle-switch input:checked~.hs-toggle-knob{transform:translate(20px);background:var(--teal)}.hs-delay-wrap{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:none}.hs-delay-wrap.visible{display:block}.hs-delay-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.hs-delay-options{display:flex;gap:6px}.hs-delay-btn{flex:1;padding:9px 4px;border-radius:8px;border:1.5px solid var(--border-soft);background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:800;color:var(--muted);cursor:pointer;text-align:center;transition:all .15s}.hs-delay-btn:hover{color:var(--white)}.hs-delay-btn.active{border-color:#4ecdc466;background:#4ecdc41a;color:var(--teal)}.hs-voice-options-wrap{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:none;gap:12px;flex-direction:column}.hs-voice-options-wrap.visible{display:flex}.hs-voice-select-group{display:flex;flex-direction:column;gap:6px}.hs-voice-sub-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hs-voice-options{display:flex;flex-wrap:wrap;gap:6px}.hs-voice-btn{padding:7px 12px;border-radius:8px;border:1.5px solid var(--border-soft);background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s}.hs-voice-btn:hover{color:var(--white);border-color:#ffffff40}.hs-voice-btn.active{border-color:#4ecdc466;background:#4ecdc41a;color:var(--teal)}.hs-voice-preview-btn{align-self:flex-start;margin-top:2px;padding:8px 16px;border-radius:8px;border:1.5px solid rgba(78,205,196,.35);background:#4ecdc414;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:800;color:var(--teal);cursor:pointer;transition:all .15s}.hs-voice-preview-btn:hover:not(:disabled){background:#4ecdc426}.hs-voice-preview-btn.loading,.hs-voice-preview-btn:disabled{opacity:.5;cursor:default}.hs-voice-loading,.hs-voice-empty{font-size:.78rem;color:var(--text-muted, #888);padding:6px 2px}.hs-room-card-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.hs-room-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;border-radius:14px;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hs-room-header:hover{background:#ffffff08}.hs-room-header-left{display:flex;align-items:center;gap:8px}.hs-room-header-eyebrow{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hs-room-header-code{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.05rem;font-weight:700;color:var(--yellow);letter-spacing:.15em}.hs-room-chevron{font-size:.7rem;color:var(--muted);transition:transform .25s ease}.hs-room-chevron.open{transform:rotate(180deg)}.hs-room-body{max-height:0;overflow:hidden;transition:max-height .4s ease;border-top:0px solid var(--border)}.hs-room-body.open{max-height:1400px;border-top:1px solid var(--border)}.hs-room-body-inner{padding:16px;display:flex;flex-direction:column;align-items:center;gap:0}.hs-room-eyebrow{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffe66d99;margin-bottom:5px}.hs-room-code{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.28em;color:var(--yellow);line-height:1;text-indent:.28em;text-shadow:0 0 30px rgba(255,230,109,.25);margin-bottom:4px}.hs-room-url{font-size:.7rem;color:var(--muted);margin-bottom:16px}.hs-room-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;margin-bottom:18px}.hs-room-btn{padding:11px 6px;border-radius:10px;border:1.5px solid var(--border-soft);background:var(--card2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:800;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s}.hs-room-btn:hover{color:var(--white);background:#ffffff0f}.hs-room-btn .hs-room-btn-icon{font-size:1.1rem}.hs-room-btn.tv{border-color:#4ecdc440;color:var(--teal);background:#4ecdc40f}.hs-room-btn.tv:hover{background:#4ecdc41a}.hs-qr-divider{width:100%;height:1px;background:var(--border);margin-bottom:16px}.hs-qr-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.hs-qr-placeholder{background:#fff;padding:8px;border-radius:10px;display:inline-block;line-height:0;margin-bottom:8px}.hs-qr-hint{font-size:.68rem;color:var(--muted);text-align:center}.hs-scroll-end{height:16px;flex-shrink:0}.hs-bottom-bar{flex-shrink:0;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:#0f0f1ae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:10px}.hs-btn-save{width:100%;padding:15px;border-radius:14px;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;color:var(--navy);background:var(--teal);cursor:pointer;box-shadow:0 4px 22px #4ecdc447;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.hs-btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4ecdc461}.hs-btn-save:active{transform:scale(.97)}.hs-save-summary{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-size:.72rem;font-weight:600;color:var(--muted);text-align:center}.hs-save-summary strong{color:var(--white);font-weight:800}.hs-save-summary .sep{color:#ffffff26}.hs-toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%) translateY(12px);background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:100px;padding:8px 20px;font-size:.78rem;font-weight:800;color:var(--teal);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;z-index:50}.hs-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes hsFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 600px){.hs-shell{max-width:600px}.hs-header{padding:20px 28px}.hs-main{padding:24px 28px 8px;gap:28px}.hs-bottom-bar{padding:16px 28px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media (min-width: 1024px){.hs-shell{max-width:860px}.hs-header{padding:24px 36px}.hs-header-title{font-size:1.5rem}.hs-main{padding:32px 36px 12px;gap:32px}.hs-bottom-bar{padding:20px 36px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.hs-mode-grid{grid-template-columns:repeat(4,1fr)}.hs-play-config-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs-rounds-grid{grid-template-columns:repeat(8,1fr)}.hs-room-code{font-size:4rem}.hs-room-actions{grid-template-columns:repeat(3,minmax(0,180px));justify-content:center}.hs-delay-options{justify-content:flex-start}.hs-delay-btn{flex:0 0 80px}}.hs-avatar-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card, rgba(240, 244, 255, .04));border:1px solid rgba(240,244,255,.08);border-radius:14px}.hs-avatar-name{width:100%;padding:12px 14px;background:#f0f4ff0f;border:1px solid rgba(240,244,255,.1);border-radius:10px;color:#f0f4ff;font-family:inherit;font-size:1rem;font-weight:600;outline:none}.hs-avatar-name:focus{border-color:#4ecdc4}.hs-avatar-sublabel{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f0f4ff80}.hs-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hs-emoji-tile{aspect-ratio:1;background:#f0f4ff0a;border:2px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:transform .1s,border-color .15s,background .15s}.hs-emoji-tile:hover{background:#f0f4ff14}.hs-emoji-tile:active{transform:scale(.92)}.hs-emoji-tile.selected{border-color:#4ecdc4;background:#4ecdc424}.hs-color-grid{display:flex;flex-wrap:wrap;gap:8px}.hs-color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s,border-color .15s}.hs-color-swatch:active{transform:scale(.92)}.hs-color-swatch.selected{border-color:#ffffffd9;box-shadow:0 0 0 3px #4ecdc459}.hs-color-swatch svg{width:16px;height:16px}.hs-btn-save:disabled{opacity:.4;cursor:not-allowed}.help-page{min-height:100dvh;background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.help-bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,107,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.help-container{max-width:900px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.help-header{padding:2rem 0 1rem;text-align:center}.help-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2rem}.help-back-button:hover{border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 8px 20px #4ecdc433}.help-logo{display:inline-flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.7rem;font-weight:700;line-height:1;letter-spacing:.01em;margin-bottom:1.5rem;animation:helpFadeInUp .6s ease-out}.help-logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.help-logo-clique{color:#4ecdc4}.help-logo-sep{color:#ffe66d;font-weight:400;font-size:1.9rem;margin:0 4px}.help-logo-clash{color:#ff6b6b}.help-page-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#4ecdc4,#ffe66d,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:helpFadeInUp .8s ease-out}.help-page-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffff73;margin-bottom:3rem;animation:helpFadeInUp .8s ease-out .2s backwards}.help-section{margin-bottom:3rem;animation:helpFadeInUp .8s ease-out .4s backwards}.help-card{background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.help-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#4ecdc4,#ffe66d,#ff6b6b);transform:scaleX(0);transform-origin:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.help-card:hover{border-color:#4ecdc4;box-shadow:0 10px 30px #4ecdc41a}.help-card:hover:before{transform:scaleX(1)}.help-section-heading{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.help-subsection{font-size:1.25rem;font-weight:600;color:#4ecdc4;margin-top:1.5rem;margin-bottom:.75rem}.help-subsection:first-child{margin-top:0}.help-text{color:#e5e5e5;font-size:1rem;line-height:1.8;margin-bottom:1rem}.help-text:last-child{margin-bottom:0}.help-highlight{color:#4ecdc4;font-weight:600}.help-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.help-feature-item{background:#111;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.help-feature-item:hover{background:#1a1a1a;border-color:#4ecdc44d;transform:translateY(-2px)}.help-feature-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.help-feature-icon{width:6px;height:6px;background:linear-gradient(135deg,#4ecdc4,#ffe66d);border-radius:50%;flex-shrink:0}.help-feature-desc{color:#ffffff73;font-size:.9rem;line-height:1.6}.help-footer{text-align:center;padding:3rem 0 2rem}.help-footer-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#4ecdc4,#ffe66d);border:none;border-radius:50px;color:#0a0a0a;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #4ecdc44d}.help-footer-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}@keyframes helpFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.help-header{padding:1.5rem 0 1rem}.help-card{padding:1.5rem}.help-section-heading{font-size:1.5rem}.help-subsection{font-size:1.1rem}.help-features-grid{grid-template-columns:1fr}}.about-page{min-height:100dvh;background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.about-bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,107,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.about-container{max-width:900px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.about-header{padding:2rem 0 1rem;text-align:center;position:relative}.about-back-button{position:absolute;left:0;top:2rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.about-back-button:hover{border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 8px 20px #4ecdc433}.about-logo{display:inline-flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.7rem;font-weight:700;line-height:1;letter-spacing:.01em;margin-top:4rem;margin-bottom:1.5rem;animation:aboutFadeInUp .6s ease-out}.about-logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.about-logo-clique{color:#4ecdc4}.about-logo-sep{color:#ffe66d;font-weight:400;font-size:1.9rem;margin:0 4px}.about-logo-clash{color:#ff6b6b}.about-page-title{font-size:clamp(1.25rem,3vw,2rem);font-weight:800;background:linear-gradient(135deg,#4ecdc4,#ffe66d,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:aboutFadeInUp .8s ease-out}.about-page-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffff73;margin-bottom:3rem;animation:aboutFadeInUp .8s ease-out .2s backwards}.about-section{margin-bottom:3rem;animation:aboutFadeInUp .8s ease-out .4s backwards}.about-card{background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#4ecdc4,#ffe66d,#ff6b6b);transform:scaleX(0);transform-origin:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.about-card:hover{border-color:#4ecdc4;box-shadow:0 10px 30px #4ecdc41a}.about-card:hover:before{transform:scaleX(1)}.about-section-heading{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.about-subsection{font-size:1.1rem;font-weight:600;color:#4ecdc4;margin-top:1.5rem;margin-bottom:.75rem}.about-subsection:first-of-type{margin-top:0}.about-text{color:#e5e5e5;font-size:1rem;line-height:1.8;margin-bottom:1rem}.about-text:last-child{margin-bottom:0}.about-text--dim{color:#ffffff73;font-size:.95rem;margin-bottom:1.25rem}.about-highlight{color:#4ecdc4;font-weight:600}.about-link{color:#4ecdc4;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.about-link:hover{color:#ffe66d}.about-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.about-mode-item{background:#111;border:1px solid rgba(255,255,255,.07);border-top:3px solid var(--mode-color, #4ECDC4);border-radius:12px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.about-mode-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006}.about-mode-icon{font-size:1.5rem;margin-bottom:.5rem}.about-mode-name{font-weight:700;font-size:1rem;margin-bottom:2px}.about-mode-tag{font-size:.72rem;color:var(--mode-color, #4ECDC4);font-family:Courier New,monospace;margin-bottom:.75rem;opacity:.8}.about-mode-desc{color:#ffffff8c;font-size:.875rem;line-height:1.6;margin:0}.about-player-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.about-player-item{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1rem 1.25rem}.about-player-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.about-player-icon{font-size:1.2rem}.about-player-name{font-weight:700;font-size:1rem}.about-player-range{margin-left:auto;font-size:.8rem;color:#ffe66d;background:#ffe66d1f;padding:2px 8px;border-radius:20px}.about-player-desc{color:#ffffff8c;font-size:.875rem;line-height:1.6;margin:0}.about-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.about-feature-item{background:#111;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.125rem}.about-feature-title{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.about-feature-icon-emoji{font-size:1.1rem}.about-feature-desc{color:#ffffff73;font-size:.85rem;line-height:1.6;margin:0}.about-card--accent{border-color:#4ecdc440;background:#4ecdc40a}.about-formula{font-family:Courier New,monospace;font-size:.9rem;color:#ffe66d;background:#0006;border:1px solid rgba(255,230,109,.2);border-radius:8px;padding:.75rem 1rem;margin:1rem 0;text-align:center}.about-axes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.about-axis-item{background:#0000004d;border:1px solid rgba(78,205,196,.15);border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:3px}.about-axis-name{font-weight:700;font-size:.9rem;color:#4ecdc4}.about-axis-desc{font-size:.8rem;color:#ffffff73}.about-version-grid{display:flex;flex-direction:column;gap:.75rem}.about-version-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.about-version-row:last-child{border-bottom:none}.about-version-label{color:#ffffff80;font-size:.9rem}.about-version-value{color:#ffe66d;font-size:.9rem;font-weight:600}.about-footer{text-align:center;padding:3rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-footer-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#4ecdc4,#ffe66d);border:none;border-radius:50px;color:#0a0a0a;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #4ecdc44d}.about-footer-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.about-footer-copy{font-size:.8rem;color:#ffffff40;margin:0}@keyframes aboutFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-header{padding:1.5rem 0 1rem}.about-card{padding:1.5rem}.about-section-heading{font-size:1.5rem}}.cm-tv-mock{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:56px 64px;gap:28px}.cm-tv-mock .gr-mock-eyebrow{font-size:1.1rem;letter-spacing:.18em}.cm-tv-mock .gr-mock-hero-score{font-size:8rem;margin-top:-6px}.cm-tv-mock .gr-mock-hero-label{font-size:1.6rem;margin-top:0;margin-bottom:8px}.cm-tv-mock .gr-mock-pair-cards{gap:20px;max-width:900px;margin:0 auto}.cm-tv-mock .gr-mock-pair-card{padding:22px 18px;gap:8px;border-radius:18px;border-width:1.5px}.cm-tv-mock .gr-mock-pair-card-label{font-size:.95rem;letter-spacing:.18em}.cm-tv-mock .gr-mock-pair-card-names{font-size:1.4rem}.cm-tv-mock .gr-mock-pair-card-score{font-size:2.6rem}.cm-tv-mock .gr-mock-archetype-card{padding:32px 28px;gap:14px;border-radius:22px}.cm-tv-mock .gr-mock-archetype-card--compact{padding:20px 22px;max-width:900px;margin:0 auto}.cm-tv-mock .gr-mock-archetype-title{font-size:2.6rem;letter-spacing:-.03em}.cm-tv-mock .gr-mock-archetype-desc{font-size:1.25rem;line-height:1.4}.cm-tv-mock .gr-mock-archetype-title-sm{font-size:1.5rem}.cm-tv-mock .gr-mock-archetype-desc-sm{font-size:1.05rem;line-height:1.4}.cm-tv-mock .gr-mock-pair{gap:36px;padding:24px 16px}.cm-tv-mock .gr-mock-pair-archetype{font-size:1.3rem}.cm-tv-mock .gr-mock-pair-divider{font-size:3.6rem}.cm-tv-mock .gr-mock-axes{gap:12px;max-width:1100px;margin:0 auto;width:100%}.cm-tv-mock .gr-mock-section-label{font-size:1rem;letter-spacing:.18em}.cm-tv-mock .gr-mock-axis-row{grid-template-columns:200px 1fr 200px;gap:18px}.cm-tv-mock .gr-mock-axis-name{font-size:1.1rem}.cm-tv-mock .gr-mock-axis-track{height:12px;border-radius:6px}.cm-tv-mock .gr-mock-axis-fill{border-radius:6px}.cm-tv-mock .gr-mock-axis-label{font-size:1.1rem}.cm-tv-mock .gr-tv-countdown-corner{position:absolute;top:24px;right:24px}.cm-tv-mock .gr-tv-advance{display:flex;justify-content:center;margin-top:8px}.cm-tv-mock .gr-tv-advance-btn{padding:14px 28px;border-radius:14px;border:1px solid rgba(78,205,196,.5);background:#4ecdc41f;color:#4ecdc4;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;cursor:pointer}.cm-tv-mock .gr-tv-advance-btn:hover{background:#4ecdc433}.tv-page{--teal: #4ECDC4;--coral: #FF6B6B;--navy: #0f0f1a;--card: #1a1a2e;--card2: #1a1f2e;--yellow: #FFE66D;--white: #f0f4ff;--muted: rgba(240, 244, 255, .4);--border: rgba(240, 244, 255, .07);position:relative;width:100vw;height:100vh;background:var(--navy);color:var(--white);font-family:Outfit,sans-serif;overflow:hidden;display:flex;flex-direction:column}.tv-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.04) 1px,transparent 1px);background-size:72px 72px;animation:tvGridDrift 32s linear infinite;pointer-events:none;z-index:1}@keyframes tvGridDrift{to{transform:translate(72px,72px)}}.tv-page-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 18% 30%,rgba(78,205,196,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 45% at 85% 70%,rgba(255,107,107,.08) 0%,transparent 70%);pointer-events:none;z-index:1}.tv-header{position:relative;z-index:3;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;border-bottom:1px solid var(--border);background:#0f0f1a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:tvFadeUp .5s .05s ease both}.tv-header-left{display:flex;flex-direction:column;gap:4px}.tv-logo-row{display:block;animation:tvFadeUp .5s .08s ease both}.tv-logo-text{display:inline-flex;align-items:center;gap:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800;line-height:1;letter-spacing:-.02em}.tv-logo-piece{flex:0 0 auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.tv-logo-text .c{color:var(--teal);font-style:italic}.tv-logo-text .sep{color:var(--muted);font-weight:500;font-size:1.1rem;margin:0 4px;font-family:Outfit,sans-serif;font-style:normal;letter-spacing:.04em}.tv-logo-text .cl{color:var(--coral);font-style:normal}.tv-title{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--white)}.tv-meta{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tv-header-timer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 22px;background:#4ecdc424;border:2px solid rgba(78,205,196,.45);border-radius:14px;min-width:110px;box-shadow:0 0 24px #4ecdc42e;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.tv-header-timer.urgent{background:#ff6b6b29;border-color:#ff6b6b8c;box-shadow:0 0 28px #ff6b6b52;animation:tvUrgentPulse .6s ease-in-out infinite}.tv-header-timer-value{font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--teal);text-shadow:0 0 14px rgba(78,205,196,.5)}.tv-header-timer.urgent .tv-header-timer-value{color:var(--coral);text-shadow:0 0 14px rgba(255,107,107,.55)}.tv-header-timer-label{font-family:Outfit,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.tv-sim-btn{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;color:var(--navy);background:var(--teal);box-shadow:0 6px 22px #4ecdc452;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,opacity .2s ease}.tv-sim-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #4ecdc473}.tv-sim-btn:active:not(:disabled){transform:scale(.96)}.tv-sim-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.tv-sim-btn-advance{background:var(--coral);color:var(--white);box-shadow:0 6px 22px #ff6b6b52}.tv-sim-btn-advance:hover:not(:disabled){box-shadow:0 10px 30px #ff6b6b73}.tv-sim-btn-skip{background:#fbbf2429;color:#fbbf24;border:1.5px solid rgba(251,191,36,.45);box-shadow:0 4px 16px #fbbf242e}.tv-sim-btn-skip:hover:not(:disabled){background:#fbbf2442;box-shadow:0 8px 24px #fbbf2452}.tv-conn{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--border)}.tv-conn.online{color:var(--teal);background:#4ecdc41a;border-color:#4ecdc44d}.tv-conn.offline{color:var(--coral);background:#ff6b6b1a;border-color:#ff6b6b4d}.tv-main{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:16px;padding:14px 12px 20px;overflow:hidden}.tv-participants-strip{position:relative;z-index:3;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:10px 24px;min-height:64px;background:#0f0f1a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);animation:tvFadeUp .5s .1s ease both}.tv-strip-label{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:0 0 auto;margin-left:auto}.tv-strip-round{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:0 0 auto}.tv-strip-empty{font-family:Outfit,sans-serif;font-size:.85rem;color:var(--muted);font-style:italic}.tv-strip-viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 1.5%,#000 97%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 1.5%,#000 97%,transparent 100%)}.tv-strip-track{display:flex;align-items:center}.tv-participants-strip.is-scrolling .tv-strip-track{animation:tvStripScroll 20s linear infinite;will-change:transform}.tv-strip-set{list-style:none;margin:0;padding:0 60px;display:flex;align-items:center;gap:28px;min-width:100%;flex-shrink:0;justify-content:space-around;box-sizing:border-box}@keyframes tvStripScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.tv-strip-chip{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;border-radius:0;flex:0 0 auto}.tv-strip-chip-piece{width:44px;height:52px;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,filter .4s ease,transform .4s ease}.tv-strip-chip.pending .tv-strip-chip-piece{opacity:.32;filter:grayscale(.65)}.tv-strip-chip.submitted .tv-strip-chip-piece{opacity:1;filter:none;animation:tvPlayerLockIn .45s cubic-bezier(.34,1.56,.64,1)}.tv-strip-chip-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:var(--white);white-space:nowrap}.tv-strip-chip.pending .tv-strip-chip-name{color:var(--muted)}.tv-strip-chip-score{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;color:var(--teal);letter-spacing:-.02em}.tv-strip-chip.leader{position:relative}.tv-strip-chip.leader:before{content:"★";font-size:.7rem;color:var(--yellow);line-height:1;align-self:center}.tv-strip-chip.leader .tv-strip-chip-name,.tv-strip-chip.leader .tv-strip-chip-score{color:var(--yellow)}.tv-stage{position:relative;display:flex;flex-direction:column;min-height:0;animation:tvFadeUp .5s .12s ease both}.tv-stage-panel{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 32px;background:#1a1f2eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000052}.tv-stage-panel.tv-panel-answering{justify-content:flex-start;padding-top:48px}.tv-stage-panel.tv-panel-reveal{padding:18px 12px;gap:6px}.tv-stage-panel.tv-panel-reveal .tv-prompt{font-size:2.6rem;max-width:none}.tv-stage-panel.tv-panel-reveal .tv-reveal-fit-wrap{margin-top:24px}.tv-stage-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.tv-phase{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);position:relative;z-index:1}.tv-panel-countdown{justify-content:flex-start;padding-top:48px}.tv-countdown-number{font-family:Plus Jakarta Sans,sans-serif;font-size:8rem;font-weight:800;line-height:1;color:var(--white);letter-spacing:-.04em;text-shadow:0 0 50px rgba(78,205,196,.4);animation:tvCountdownPulse 1s ease-in-out infinite;position:relative;z-index:1}.tv-countdown-piece{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:tvCountdownPulse 1s ease-in-out infinite;filter:drop-shadow(0 12px 40px rgba(78,205,196,.28))}@keyframes tvCountdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.tv-countdown-caption{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);position:relative;z-index:1}.tv-panel-lobby{justify-content:flex-start;gap:clamp(8px,1.4vh,18px);padding:clamp(16px,3vh,36px) clamp(20px,3vw,44px)}.tv-stage-panel.tv-lobby-twin{display:grid;grid-template-columns:480px 1fr;grid-template-rows:1fr;gap:0;padding:0;align-items:stretch}.tv-stage-panel.tv-lobby-twin .lobby-left-panel,.tv-stage-panel.tv-lobby-twin .lobby-right-panel{width:100%;height:100%;min-height:0;box-sizing:border-box}.tv-stage-panel.tv-lobby-twin .lobby-right-panel{padding:20px 28px 14px}.tv-stage-panel.tv-lobby-twin .lobby-right-header{margin-bottom:14px}.tv-stage-panel.tv-lobby-twin .lobby-player-grid{gap:8px;padding-bottom:8px}.tv-stage-panel.tv-lobby-twin .lobby-player-card,.tv-stage-panel.tv-lobby-twin .lobby-player-slot{max-width:220px;aspect-ratio:100 / 118;justify-self:center;align-self:center}.tv-lobby-head{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.tv-lobby-count{font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800;color:var(--white);letter-spacing:-.02em}.tv-lobby-qr{position:absolute;top:22px;right:32px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#fffffff2;border-radius:14px;box-shadow:0 10px 32px #00000059;z-index:2}.tv-lobby-qr img{display:block}.tv-lobby-qr-caption{font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700;color:#0f0f1a;letter-spacing:.02em}.tv-lobby-grid{--player-count: 8;--grid-gap: clamp(8px, 1.2vw, 22px);--card-min: clamp(56px, calc((100vw - 120px) / var(--player-count) - var(--grid-gap)), 140px);width:100%;flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(var(--card-min),1fr));gap:var(--grid-gap);align-content:start;justify-content:center;position:relative;z-index:1;padding-top:8px;overflow:hidden}.tv-lobby-card{position:relative;aspect-ratio:100 / 118;max-width:140px;justify-self:center;transition:transform .3s ease,filter .3s ease}.tv-lobby-card.filled{transform:scale(.75) translateY(14px);opacity:0;animation:tvCardIn .45s cubic-bezier(.34,1.56,.64,1) forwards}.tv-lobby-card.tv-lobby-card-empty{border:2px dashed rgba(240,244,255,.18);border-radius:14px;background:#f0f4ff05;opacity:.6}@keyframes tvCardIn{to{transform:scale(1) translateY(0);opacity:1}}.tv-lobby-card svg{width:100%;height:100%;overflow:visible;display:block}.tv-prompt{font-family:Plus Jakarta Sans,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.2;color:var(--white);letter-spacing:-.02em;text-align:center;max-width:720px;position:relative;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.4)}.tv-timer-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.tv-timer-big{font-family:Plus Jakarta Sans,sans-serif;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--teal);text-shadow:0 0 24px rgba(78,205,196,.4);transition:color .3s ease,text-shadow .3s ease}.tv-timer-big.urgent{color:var(--coral);text-shadow:0 0 30px rgba(255,107,107,.5);animation:tvUrgentPulse .6s ease-in-out infinite}@keyframes tvUrgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.tv-timer-label{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tv-submit-progress-wrap{width:100%;max-width:600px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.tv-submit-progress-meta{display:flex;justify-content:space-between;align-items:baseline}.tv-submit-progress-meta span{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tv-submit-progress-meta strong{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;color:var(--white)}.tv-submit-progress-track{width:100%;height:8px;background:#f0f4ff0f;border-radius:999px;overflow:hidden}.tv-submit-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#6fd9d1);border-radius:999px;transition:width .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #4ecdc480}.tv-prompt-fill{display:inline-block;color:var(--teal);font-weight:900;text-shadow:0 0 22px rgba(78,205,196,.65),0 0 8px rgba(78,205,196,.5);padding:0 6px;animation:tvPromptFillPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes tvPromptFillPop{0%{opacity:0;transform:translateY(4px) scale(.85)}60%{transform:translateY(0) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}.tv-reveal-fit-wrap{width:100%;flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;position:relative;z-index:1}.tv-reveal-animation{display:flex;flex-direction:column;gap:36px;will-change:transform}.tv-reveal-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:48px;align-items:stretch;justify-content:center}.tv-reveal-row>.rv-clique-group,.tv-reveal-row>.tv-reveal-clash-slot,.tv-reveal-row>.tv-reveal-clash-slot>.rv-clash-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}.tv-reveal-clash-slot{display:flex;align-items:stretch;justify-content:center}.tv-reveal-count{font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800;color:var(--white);letter-spacing:-.02em;position:relative;z-index:1}.tv-ended-title{font-family:Plus Jakarta Sans,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;color:var(--white);position:relative;z-index:1;text-shadow:0 2px 16px rgba(0,0,0,.5)}.tv-ended-meta{display:flex;gap:28px;position:relative;z-index:1}.tv-ended-meta span{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tv-scoreboard{display:flex;flex-direction:column;gap:10px;padding:14px 14px 16px;background:#0f0f1a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;animation:tvFadeUp .5s .16s ease both;min-height:0;height:100%;overflow:hidden}.tv-players-list{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.tv-scoreboard-head{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--border)}.tv-no-players{font-size:.92rem;color:var(--muted);font-style:italic;padding:18px 6px;text-align:center}.tv-players-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tv-scoreboard-timer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 16px;background:#f0f4ff0a;border:1px solid var(--border);border-radius:14px}.tv-scoreboard-timer-value{font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;color:var(--teal);text-shadow:0 0 18px rgba(78,205,196,.35);line-height:1;transition:color .3s ease,text-shadow .3s ease}.tv-scoreboard-timer-value.urgent{color:var(--coral);text-shadow:0 0 18px rgba(255,107,107,.45);animation:tvUrgentPulse .6s ease-in-out infinite}.tv-scoreboard-timer-label{font-family:Outfit,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tv-player-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:5px 10px;background:#f0f4ff08;border:1px solid var(--border);border-radius:10px;transition:background .2s ease,border-color .2s ease}.tv-player-row:hover{background:#f0f4ff0f;border-color:#4ecdc433}.tv-player-piece{width:36px;height:42px;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,filter .4s ease,transform .4s ease}.tv-player-row.pending .tv-player-piece{opacity:.32;filter:grayscale(.65)}.tv-player-row.submitted .tv-player-piece{opacity:1;filter:none;animation:tvPlayerLockIn .45s cubic-bezier(.34,1.56,.64,1)}@keyframes tvPlayerLockIn{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.tv-player-row.submitted{background:linear-gradient(135deg,#4ecdc414,#f0f4ff08);border-color:#4ecdc440}.tv-player-name{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-player-score{font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;color:var(--teal);letter-spacing:-.02em}.tv-score-sync{font-family:Outfit,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding-top:8px;border-top:1px solid var(--border)}.tv-error{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:var(--coral);padding:12px 20px;border-radius:12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes tvFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tv-choice-grid{display:grid;gap:1.5rem;max-width:80%;margin:1.5rem auto 0}.tv-choice-card{padding:1.5rem 2rem;background:#4ecdc41a;border:2px solid rgba(78,205,196,.45);border-radius:18px;color:#f0f4ff;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600;line-height:1.4;text-align:center;min-height:96px;display:flex;align-items:center;justify-content:center}.tv-panel-prompt-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:3rem 2rem}.tv-prompt-feedback-sub{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:500;color:#f0f4ff8c;max-width:480px;line-height:1.5}.mock-header{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 16px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1;border-bottom:1px solid rgba(240,244,255,.06)}.mock-header-clique{color:#4ecdc4}.mock-header-sep{color:#f0f4ff66;font-weight:500;font-size:.85rem;font-style:normal;letter-spacing:.04em;font-family:Outfit,sans-serif}.mock-header-clash{color:#ff6b6b}.an-mock{display:flex;flex-direction:column;gap:18px;padding:20px 18px 28px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.an-header{display:flex;flex-direction:column;gap:8px}.an-header-meta{display:flex;flex-direction:column;gap:6px}.an-round-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f0f4ff80}.an-pips{display:flex;gap:6px}.an-pip{width:22px;height:4px;border-radius:2px;background:#f0f4ff1f}.an-pip.done{background:#4ecdc473}.an-pip.active{background:#4ecdc4}.an-prompt-card{background:#4ecdc414;border:1.5px solid rgba(78,205,196,.3);border-radius:16px;padding:20px 18px;text-align:center}.an-prompt-text{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.an-input-card{display:flex;flex-direction:column;gap:6px;background:#f0f4ff08;border:1px solid rgba(240,244,255,.1);border-radius:14px;padding:12px 14px}.an-input{background:transparent;border:none;color:#f0f4ff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:600;resize:none;outline:none;width:100%}.an-input::-moz-placeholder{color:#f0f4ff4d}.an-input::placeholder{color:#f0f4ff4d}.an-input-meta{display:flex;justify-content:flex-end}.an-input-counter{font-size:.72rem;color:#f0f4ff66;font-weight:600}.an-submit{width:100%;padding:14px 18px;border:none;border-radius:14px;background:#4ecdc4;color:#0a0a14;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .1s,opacity .15s}.an-submit.ready:active{transform:scale(.98)}.an-submit.disabled{opacity:.35;cursor:not-allowed}.an-timer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;background:#f0f4ff08;border-radius:14px}.an-timer.urgent{background:#ff6b6b14;border:1px solid rgba(255,107,107,.4)}.an-timer-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.an-timer-count{font-size:1.7rem;font-weight:900;letter-spacing:-.02em;color:#4ecdc4}.an-timer.urgent .an-timer-count{color:#ff6b6b}.an-status{margin-top:auto;padding:12px 14px;background:#4ecdc40a;border:1px solid rgba(78,205,196,.18);border-radius:12px;display:flex;flex-direction:column;gap:8px}.an-status-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#f0f4ffd9}.an-status-row strong{color:#4ecdc4}.an-status-dot{width:8px;height:8px;border-radius:50%;background:#4ecdc4;animation:an-pulse 1.6s ease infinite}@keyframes an-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.an-status-bar{width:100%;height:4px;background:#f0f4ff14;border-radius:2px;overflow:hidden}.an-status-bar-fill{height:100%;background:#4ecdc4;border-radius:2px;transition:width .3s ease}.an-footer-hint{margin-top:auto;font-size:.75rem;color:#f0f4ff73;text-align:center;font-style:italic}.bt-mock{display:flex;flex-direction:column;gap:22px;padding:28px 20px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.bt-mock-round-label{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff8c}.bt-mock-you-block{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;background:#4ecdc40f;border:1.5px solid rgba(78,205,196,.3);border-radius:18px}.bt-mock-you-rank{font-size:1.1rem;font-weight:800;letter-spacing:-.01em;color:#4ecdc4}.bt-mock-you-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff73}.bt-mock-you-total{font-size:4rem;font-weight:900;letter-spacing:-.04em;color:#f0f4ff;line-height:1;margin-top:4px}.bt-mock-you-delta{font-size:.95rem;font-weight:700;color:#ffe66d;margin-top:8px}.bt-mock-you-delta.dim{color:#f0f4ff66}.bt-mock-countdown{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;background:#f0f4ff08;border-radius:14px}.bt-mock-countdown-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.bt-mock-countdown-count{font-size:1.7rem;font-weight:900;letter-spacing:-.02em;color:#4ecdc4}.bt-mock-footer-hint{font-size:.75rem;color:#f0f4ff73;text-align:center;font-style:italic}.bt-mock-standings{display:flex;flex-direction:column;gap:8px}.bt-mock-row{display:grid;grid-template-columns:24px 40px 1fr 44px 56px;align-items:center;gap:10px;padding:8px 14px;background:#f0f4ff08;border:1px solid rgba(240,244,255,.06);border-radius:12px;transition:background .2s}.bt-mock-row.is-me{background:#4ecdc41a;border-color:#4ecdc473}.bt-mock-row-rank{font-size:.85rem;font-weight:800;color:#f0f4ff73;text-align:center}.bt-mock-row.is-me .bt-mock-row-rank{color:#4ecdc4}.bt-mock-row-piece{display:flex;align-items:center;justify-content:center}.bt-mock-row-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#f0f4ff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bt-mock-row.is-me .bt-mock-row-name{color:#4ecdc4}.bt-mock-row-delta{text-align:right;font-size:.78rem;font-weight:700;color:#ffe66d}.bt-mock-row-total{text-align:right;font-size:1.05rem;font-weight:900;letter-spacing:-.02em;color:#f0f4ff}.cd-mock{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;height:100%;background:#12122a;color:#f0f4ff;padding-bottom:35%}.cd-mock-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,rgba(78,205,196,.06) 0%,transparent 70%);pointer-events:none}.cd-mock-logo{display:flex;align-items:center;gap:.45rem;z-index:1}.cd-mock-logo-clique{font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:700;color:#4ecdc4;letter-spacing:.02em}.cd-mock-logo-sep{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;color:#f0f4ff73;margin:0 .1rem}.cd-mock-logo-clash{font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:700;color:#ff6b6b;letter-spacing:.02em}.cd-mock-round-label{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:#f0f4ff73;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;z-index:1}.cd-mock-piece-btn{background:transparent;border:none;padding:0;cursor:pointer;z-index:1;transform:translate(12px)}.cd-mock-piece-btn:active{transform:scale(.97)}.cd-mock-hint{font-family:Outfit,sans-serif;font-size:.85rem;color:#f0f4ff40;z-index:1}.ed-mock{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 20px 28px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff;text-align:center}.ed-mock-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f0f4ff80}.ed-mock-piece{filter:drop-shadow(0 6px 24px rgba(78,205,196,.35))}.ed-mock-headline{font-size:2rem;font-weight:900;letter-spacing:-.03em;line-height:1;color:#f0f4ff}.ed-mock-score-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 18px;width:100%;background:#4ecdc40f;border:1.5px solid rgba(78,205,196,.3);border-radius:18px}.ed-mock-score-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.ed-mock-score-value{font-size:4.2rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:#4ecdc4;text-shadow:0 0 18px rgba(78,205,196,.35)}.ed-mock-score-meta{font-size:.82rem;color:#f0f4ff80;font-weight:600}.ed-mock-rank-pill{font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#ffe66d;background:#ffe66d1a;border:1px solid rgba(255,230,109,.35);border-radius:999px;padding:6px 16px}.ed-mock-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:auto}.ed-mock-btn{width:100%;padding:14px 18px;border:none;border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.02rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .1s,background .15s}.ed-mock-btn:active{transform:scale(.98)}.ed-mock-btn--primary{background:#4ecdc4;color:#0a0a14}.ed-mock-btn--secondary{background:#f0f4ff0f;color:#f0f4ffd9;border:1px solid rgba(240,244,255,.12)}.ed-mock-btn--secondary:hover{background:#f0f4ff1a}.fb-mock{display:flex;flex-direction:column;gap:14px;padding:22px 18px 28px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.fb-mock-step-toggle{display:flex;gap:4px;padding:4px;background:#f0f4ff0a;border:1px solid rgba(240,244,255,.08);border-radius:10px;align-self:center}.fb-mock-step-toggle button{background:transparent;border:none;color:#f0f4ff80;padding:4px 14px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s}.fb-mock-step-toggle button.active{background:#4ecdc42e;color:#4ecdc4}.fb-mock-step-pill{align-self:center;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#4ecdc4;padding:4px 10px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:999px}.fb-mock-heading{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:4px 0 0;text-align:center;color:#f0f4ff}.fb-mock-prompt-list{display:flex;flex-direction:column;gap:8px}.fb-mock-prompt-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f0f4ff0a;border:1.5px solid rgba(240,244,255,.08);border-radius:12px;color:#f0f4ff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;text-align:left;cursor:pointer;transition:all .15s}.fb-mock-prompt-num{display:inline-block;min-width:18px;font-size:.95rem;font-weight:800;color:#f0f4ff66;text-align:right;font-variant-numeric:tabular-nums}.fb-mock-prompt-btn.selected .fb-mock-prompt-num{color:#4ecdc4}.fb-mock-prompt-btn:hover{background:#4ecdc40f;border-color:#4ecdc440}.fb-mock-prompt-btn.selected{background:#4ecdc424;border-color:#4ecdc4;color:#fff}.fb-mock-prompt-btn.other .fb-mock-prompt-tag{background:#ffe66d29;color:#ffe66d;border-color:#ffe66d73}.fb-mock-prompt-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid}.fb-mock-prompt-text{flex:1;min-width:0}.fb-mock-skip{margin-top:auto;align-self:center;background:transparent;border:none;color:#f0f4ff80;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:8px 14px;border-radius:8px;transition:color .15s,background .15s}.fb-mock-skip:hover{color:#f0f4ff;background:#f0f4ff0a}.fb-mock-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px}.fb-mock-done-emoji{font-size:3.4rem}.fb-mock-done-title{font-size:1.8rem;font-weight:900;letter-spacing:-.02em;color:#4ecdc4}.fb-mock-done-sub{font-size:.95rem;color:#f0f4ffa6;text-align:center}.gr-mock{display:flex;flex-direction:column;gap:14px;padding:20px 18px 28px;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.gr-mock-eyebrow{text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff8c}.gr-mock-hero-score{text-align:center;font-size:5rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-top:-4px}.gr-mock-hero-label{text-align:center;font-size:1rem;font-weight:700;color:#f0f4ffb3;margin-top:-4px;margin-bottom:4px}.gr-mock-pair-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gr-mock-pair-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:12px;border:1px solid}.gr-mock-pair-card--clique{background:#4ecdc40f;border-color:#4ecdc459}.gr-mock-pair-card--clash{background:#ff6b6b0f;border-color:#ff6b6b59}.gr-mock-pair-card-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff8c}.gr-mock-pair-card-names{font-size:.88rem;font-weight:700;text-align:center;letter-spacing:-.01em}.gr-mock-pair-card-score{font-size:1.6rem;font-weight:900;letter-spacing:-.02em}.gr-mock-pair-card--clique .gr-mock-pair-card-score{color:#4ecdc4}.gr-mock-pair-card--clash .gr-mock-pair-card-score{color:#ff6b6b}.gr-mock-archetype-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#4ecdc40f;border:1.5px solid rgba(78,205,196,.3);border-radius:16px}.gr-mock-archetype-card--compact{flex-direction:row;align-items:center;text-align:left;padding:12px 14px}.gr-mock-archetype-piece{display:block}.gr-mock-archetype-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;text-align:center;color:#4ecdc4}.gr-mock-archetype-desc{font-size:.92rem;text-align:center;color:#f0f4ffbf;line-height:1.35}.gr-mock-archetype-inline{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gr-mock-archetype-title-sm{font-size:1rem;font-weight:800;color:#4ecdc4;letter-spacing:-.01em}.gr-mock-archetype-desc-sm{font-size:.78rem;color:#f0f4ffb3;line-height:1.3}.gr-mock-pair{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 8px}.gr-mock-pair-side{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.gr-mock-pair-archetype{font-size:.82rem;font-weight:700;text-align:center;color:#4ecdc4}.gr-mock-pair-divider{font-size:1.6rem;font-weight:900;color:#f0f4ff80}.gr-mock-personal-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gr-mock-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#f0f4ff08;border-radius:10px}.gr-mock-stat-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.gr-mock-stat-value{font-size:1rem;font-weight:700;color:#f0f4ff}.gr-mock-tv-cue{font-size:.78rem;color:#f0f4ff73;text-align:center;font-style:italic;padding:8px}.gr-mock-axes{display:flex;flex-direction:column;gap:6px}.gr-mock-section-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff8c;margin-bottom:2px}.gr-mock-axis-row{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:8px}.gr-mock-axis-name{font-size:.7rem;font-weight:700;color:#f0f4ffa6;letter-spacing:.02em}.gr-mock-axis-track{position:relative;height:6px;background:#f0f4ff14;border-radius:3px;overflow:hidden}.gr-mock-axis-center{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#f0f4ff2e}.gr-mock-axis-fill{position:absolute;top:0;bottom:0;border-radius:3px}.gr-mock-axis-label{font-size:.78rem;font-weight:700;text-align:right;color:#4ecdc4}.gr-mock-cta{width:100%;padding:14px 18px;border:none;border-radius:14px;background:#f0f4ff0f;color:#f0f4ff;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .15s;margin-top:6px}.gr-mock-cta:hover{background:#4ecdc424}.lb-mock{display:flex;flex-direction:column;gap:18px;padding:22px 18px 28px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.lb-mock-view-toggle{display:flex;gap:4px;padding:4px;background:#f0f4ff0a;border:1px solid rgba(240,244,255,.08);border-radius:10px;align-self:center}.lb-mock-view-toggle button{background:transparent;border:none;color:#f0f4ff80;padding:4px 14px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s}.lb-mock-view-toggle button.active{background:#4ecdc42e;color:#4ecdc4}.lb-mock-header{display:flex;flex-direction:column;align-items:center;gap:8px}.lb-mock-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.lb-mock-code-display{display:flex;gap:8px}.lb-mock-code-char{width:44px;height:56px;background:#4ecdc40f;border:1.5px solid rgba(78,205,196,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;color:#f0f4ff;letter-spacing:-.02em}.lb-mock-qr{align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#fffffff2;border-radius:12px;box-shadow:0 6px 20px #00000059}.lb-mock-qr img{display:block}.lb-mock-qr-caption{font-size:.78rem;font-weight:700;color:#0f0f1a;letter-spacing:.02em}.lb-mock-roster{display:flex;flex-direction:column;gap:8px}.lb-mock-section-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff8c}.lb-mock-section-title{color:#f0f4ff8c}.lb-mock-section-count{color:#4ecdc4}.lb-mock-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center;align-items:center}.lb-mock-slot{display:flex;justify-content:center;align-items:center;width:100%}.lb-mock-slot.empty{aspect-ratio:104 / 96;max-width:70px;background:#f0f4ff05;border:1.5px dashed rgba(240,244,255,.14);border-radius:12px;opacity:.6}.lb-mock-start{width:100%;padding:14px 18px;border:none;border-radius:14px;background:#4ecdc4;color:#0a0a14;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.02em;cursor:pointer;margin-top:auto;transition:transform .1s,opacity .15s}.lb-mock-start.ready:active{transform:scale(.98)}.lb-mock-start.disabled{opacity:.35;cursor:not-allowed}.lb-mock-joiner-header{text-align:center;margin-top:12px}.lb-mock-joiner-line{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;color:#f0f4ffd9}.lb-mock-joiner-code-inline{color:#4ecdc4;font-weight:900;letter-spacing:.06em}.lb-mock-joiner-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;font-weight:600;color:#f0f4ffd9;padding:14px;background:#f0f4ff08;border-radius:12px}.lb-mock-joiner-dot{width:9px;height:9px;border-radius:50%;background:#4ecdc4;animation:lb-pulse 1.6s ease infinite}@keyframes lb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.lb-mock-joined-list{display:flex;flex-direction:column;gap:8px}.lb-mock-joined-pieces{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.lb-mock-mini-piece{display:block}.lb-mock-footer-meta{margin-top:auto;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff66}.rv-mock{display:flex;flex-direction:column;gap:16px;padding:20px 18px 28px;height:100%;font-family:Plus Jakarta Sans,sans-serif;color:#f0f4ff}.rv-mock-outcome-toggle{display:flex;gap:4px;padding:4px;background:#f0f4ff0a;border:1px solid rgba(240,244,255,.08);border-radius:10px;align-self:center}.rv-mock-outcome-toggle button{background:transparent;border:none;color:#f0f4ff80;padding:4px 14px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s}.rv-mock-outcome-toggle button.active{background:#4ecdc42e;color:#4ecdc4}.rv-mock-header{display:flex;flex-direction:column;gap:4px}.rv-mock-round{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f0f4ff80}.rv-mock-cue{font-size:.78rem;color:#4ecdc4}.rv-mock-prompt-line{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;text-align:center}.rv-mock-popular-block{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.rv-mock-popular-prescript{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.rv-mock-popular-fill{color:#ffe66d;font-weight:800}.rv-mock-popular-line{display:flex;align-items:center;gap:8px;font-size:.92rem;color:#f0f4ffd9;background:#ffe66d0f;border:1px solid rgba(255,230,109,.25);border-radius:10px;padding:10px 12px}.rv-mock-popular-line strong{color:#ffe66d}.rv-mock-star{font-size:1.05rem}.rv-mock-verdict-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border-radius:18px;background:#4ecdc40f;border:1.5px solid rgba(78,205,196,.3)}.rv-mock-verdict-card.lose{background:#ff6b6b0f;border-color:#ff6b6b4d}.rv-mock-verdict-card--compact{padding:12px 16px}.rv-mock-verdict-emoji{font-size:2.8rem;line-height:1}.rv-mock-piece-chain{display:flex;align-items:center;justify-content:center;margin-bottom:6px}.rv-mock-piece-chain--clash{gap:28px}.rv-mock-verdict-label{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.rv-mock-verdict-answer-label{font-family:Outfit,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f0f4ff73;margin-top:6px}.rv-mock-verdict-sub{font-size:.95rem;color:#f0f4ffb3}.rv-mock-popular-pill{display:inline-flex;align-items:center;gap:6px;background:#ffe66d29;border:1px solid rgba(255,230,109,.45);color:#ffe66d;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:4px 12px;border-radius:999px}.rv-mock-points-row{display:flex;align-items:baseline;gap:14px;margin-top:8px}.rv-mock-points-this{font-size:1.7rem;font-weight:900;color:#4ecdc4;letter-spacing:-.02em}.rv-mock-verdict-card.lose .rv-mock-points-this{color:#f0f4ff8c}.rv-mock-points-total{font-size:.85rem;color:#f0f4ff8c;font-weight:700;letter-spacing:.02em}.rv-mock-section{display:flex;flex-direction:column;gap:8px}.rv-mock-section-title{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.rv-mock-clique{display:flex;flex-direction:column;gap:6px;background:#f0f4ff08;border:1px solid rgba(240,244,255,.08);border-radius:12px;padding:10px 12px}.rv-mock-clique-answer{font-size:1rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.rv-mock-star-inline{color:#ffe66d}.rv-mock-clique-pieces{display:flex;justify-content:center;align-items:center}.rv-mock-piece{display:block}.rv-mock-next{margin-top:auto;text-align:center;padding:12px;background:#f0f4ff08;border-radius:12px}.rv-mock-next-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80}.rv-mock-next-count{font-size:1.4rem;font-weight:800;color:#4ecdc4;letter-spacing:-.02em}.rv-mock-footer-hint{font-size:.75rem;color:#f0f4ff73;text-align:center;font-style:italic}.rv-solo-most-popular{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 12px 10px;margin-bottom:10px;border-bottom:1px solid rgba(255,214,0,.2);width:100%;text-align:center}.rv-solo-most-popular-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:gold}.rv-solo-most-popular-answer{font-size:1.1rem;font-weight:900;color:#f0f4ff;letter-spacing:-.01em;text-transform:capitalize}.rv-solo-verdict-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 18px;border-radius:18px;border:1.5px solid rgba(240,244,255,.08);background:#f0f4ff08;text-align:center}.rv-solo-verdict-card.match{border-color:#4ecdc44d;background:#4ecdc40d}.rv-solo-verdict-card.clash{border-color:#ff505033;background:#ff505008}.rv-solo-eyebrow{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f0f4ff66}.rv-solo-answer{font-size:1.5rem;font-weight:900;color:#f0f4ff;letter-spacing:-.02em;margin:2px 0}.rv-solo-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rv-solo-label--match{color:#4ecdc4}.rv-solo-label--clash{color:#ff7878e6}.rv-solo-sub{font-size:.72rem;color:#f0f4ff4d;margin-top:2px}.rv-solo-pts{font-size:1.6rem;font-weight:900;color:#4ecdc4;letter-spacing:-.02em;margin-top:4px}.rv-solo-pts--clash{color:#f0f4ff33}.rv-solo-top10{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid rgba(240,244,255,.07)}.rv-solo-top10-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#f0f4ff66;padding:8px 14px 7px;border-bottom:1px solid rgba(240,244,255,.07)}.rv-solo-top10-list{display:flex;flex-direction:column}.rv-solo-top10-item{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid rgba(240,244,255,.05)}.rv-solo-top10-item:last-child{border-bottom:none}.rv-solo-top10-item--match{background:#4ecdc412}.rv-solo-top10-answer{flex:1;font-size:.88rem;font-weight:600;color:#f0f4ff66;text-transform:capitalize}.rv-solo-top10-item--match .rv-solo-top10-answer{color:#f0f4ff;font-weight:700}.rv-solo-top10-you{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#4ecdc426;border:1px solid rgba(78,205,196,.3);color:#4ecdc4;border-radius:6px;padding:2px 7px}.mockups-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh;background:#0a0a14;color:#f0f4ff;font-family:Plus Jakarta Sans,sans-serif}.mockups-sidebar{background:#14142a;border-right:1px solid rgba(240,244,255,.08);padding:24px 16px;overflow-y:auto;height:100vh;position:sticky;top:0}.mockups-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}.mockups-home{text-decoration:none;color:#4ecdc4;font-size:1.4rem;line-height:1}.mockups-section-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff73;margin:22px 0 8px}.mockups-phase-list{display:flex;flex-direction:column;gap:4px}.mockups-phase-btn{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#f0f4ffd9;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.mockups-phase-btn:hover{background:#4ecdc40f;border-color:#4ecdc42e}.mockups-phase-btn.active{background:#4ecdc429;border-color:#4ecdc473;color:#fff}.mockups-todo-pill{font-size:.6rem;font-weight:800;letter-spacing:.05em;background:#ffe66d2e;color:#ffe66d;padding:2px 6px;border-radius:4px}.mockups-pill-row{display:flex;flex-wrap:wrap;gap:6px}.mockups-pill{background:#f0f4ff0a;border:1px solid rgba(240,244,255,.08);color:#f0f4ffb3;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.mockups-pill:hover{border-color:#4ecdc44d;color:#fff}.mockups-pill.active{background:#4ecdc438;border-color:#4ecdc4;color:#fff}.mockups-context{margin-top:32px;padding:12px;background:#4ecdc40a;border:1px solid rgba(78,205,196,.12);border-radius:10px}.mockups-context-label{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f4ff80;margin-bottom:4px}.mockups-context-value{font-size:.78rem;color:#f0f4ffd9}.mockups-context-value code{background:#4ecdc41f;color:#4ecdc4;padding:1px 6px;border-radius:4px;font-size:.75rem}.mockups-stage{display:flex;align-items:center;justify-content:center;padding:40px;min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(78,205,196,.03) 0%,transparent 60%),#0a0a14}.mockups-phone-frame{width:393px;height:852px;background:#0a0a14;border:12px solid #20203a;border-radius:48px;box-shadow:0 20px 80px #0009;overflow:hidden;position:relative}.mockups-phone-screen{width:100%;height:100%;display:flex;flex-direction:column;background:#0f0f1a}.mockups-phone-body{flex:1;min-height:0;overflow-y:auto}.mockup-todo{padding:32px 20px;color:#f0f4ffd9}.mockup-todo h2{margin:0 0 12px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.mockup-todo p{font-size:.92rem;color:#f0f4ff99;line-height:1.5}@media (max-width: 900px){.mockups-shell{grid-template-columns:1fr}.mockups-sidebar{position:relative;height:auto}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-1\/2{left:50%}.right-0{right:0}.top-4{top:1rem}.z-0{z-index:0}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.min-h-\[100dvh\]{min-height:100dvh}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[250px\]{min-width:250px}.max-w-7xl{max-width:80rem}.max-w-\[80px\]{max-width:80px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .5s ease forwards}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(56px,56px)}}.animate-grid-drift{animation:gridDrift 28s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-card{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-pill{border-radius:999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-\[3px\]{border-bottom-width:3px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500\/30{border-color:#3b82f64d}.border-border-soft{border-color:#ffffff14}.border-coral\/30{border-color:#ff6b6b4d}.border-orange-500\/30{border-color:#f973164d}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-400\/40{border-color:#c084fc66}.border-red-500\/30{border-color:#ef44444d}.border-teal{--tw-border-opacity: 1;border-color:rgb(78 205 196 / var(--tw-border-opacity, 1))}.border-teal\/20{border-color:#4ecdc433}.border-teal\/30{border-color:#4ecdc44d}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(240 244 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#f0f4ff1a}.border-white\/5{border-color:#f0f4ff0d}.border-yellow\/30{border-color:#ffe66d4d}.bg-\[\#0a0a1a\]{--tw-bg-opacity: 1;background-color:rgb(10 10 26 / var(--tw-bg-opacity, 1))}.bg-\[\#1a1a2e\]{--tw-bg-opacity: 1;background-color:rgb(26 26 46 / var(--tw-bg-opacity, 1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-black\/60{background-color:#0009}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-border-soft{background-color:#ffffff14}.bg-card{background-color:#ffffff0f}.bg-card-2{background-color:#ffffff08}.bg-coral{--tw-bg-opacity: 1;background-color:rgb(255 107 107 / var(--tw-bg-opacity, 1))}.bg-coral\/10{background-color:#ff6b6b1a}.bg-coral\/20{background-color:#ff6b6b33}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-400\/10{background-color:#4ade801a}.bg-green-400\/15{background-color:#4ade8026}.bg-green-500\/20{background-color:#22c55e33}.bg-navy{--tw-bg-opacity: 1;background-color:rgb(15 15 26 / var(--tw-bg-opacity, 1))}.bg-orange-500\/20{background-color:#f9731633}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/30{background-color:#a855f74d}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-teal{--tw-bg-opacity: 1;background-color:rgb(78 205 196 / var(--tw-bg-opacity, 1))}.bg-teal\/10{background-color:#4ecdc41a}.bg-teal\/15{background-color:#4ecdc426}.bg-teal\/20{background-color:#4ecdc433}.bg-teal\/30{background-color:#4ecdc44d}.bg-teal\/40{background-color:#4ecdc466}.bg-teal\/5{background-color:#4ecdc40d}.bg-white{--tw-bg-opacity: 1;background-color:rgb(240 244 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#f0f4ff1a}.bg-white\/5{background-color:#f0f4ff0d}.bg-white\/\[0\.02\]{background-color:#f0f4ff05}.bg-white\/\[0\.03\]{background-color:#f0f4ff08}.bg-yellow\/20{background-color:#ffe66d33}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-body{font-family:Outfit,sans-serif}.font-display{font-family:Fredoka,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-coral{--tw-text-opacity: 1;color:rgb(255 107 107 / var(--tw-text-opacity, 1))}.text-coral\/50{color:#ff6b6b80}.text-coral\/70{color:#ff6b6bb3}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(136 146 176 / var(--tw-text-opacity, 1))}.text-muted\/40{color:#8892b066}.text-muted\/50{color:#8892b080}.text-muted\/60{color:#8892b099}.text-muted\/70{color:#8892b0b3}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-teal{--tw-text-opacity: 1;color:rgb(78 205 196 / var(--tw-text-opacity, 1))}.text-teal\/50{color:#4ecdc480}.text-teal\/80{color:#4ecdc4cc}.text-white{--tw-text-opacity: 1;color:rgb(240 244 255 / var(--tw-text-opacity, 1))}.text-white\/25{color:#f0f4ff40}.text-white\/30{color:#f0f4ff4d}.text-white\/40{color:#f0f4ff66}.text-white\/50{color:#f0f4ff80}.text-white\/60{color:#f0f4ff99}.text-white\/70{color:#f0f4ffb3}.text-white\/80{color:#f0f4ffcc}.text-yellow{--tw-text-opacity: 1;color:rgb(255 230 109 / var(--tw-text-opacity, 1))}.placeholder-muted::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(136 146 176 / var(--tw-placeholder-opacity, 1))}.placeholder-muted::placeholder{--tw-placeholder-opacity: 1;color:rgb(136 146 176 / var(--tw-placeholder-opacity, 1))}.placeholder-white\/30::-moz-placeholder{color:#f0f4ff4d}.placeholder-white\/30::placeholder{color:#f0f4ff4d}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-\[0\.04\]{opacity:.04}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-teal{--tw-ring-opacity: 1;--tw-ring-color: rgb(78 205 196 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-linear{transition-timing-function:linear}:root{--navy: #0f0f1a;--white: #f0f4ff;--teal: #4ECDC4;--coral: #FF6B6B;--yellow: #FFE66D;--muted: #8892b0;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .03);--border-soft: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--vfx-bg-primary: #0a0a0a;--vfx-bg-secondary: #111111;--vfx-bg-tertiary: #1a1a1a;--vfx-accent-primary: #17a2b8;--vfx-accent-secondary: #20c997;--vfx-accent-tertiary: #6366f1;--vfx-particle-primary: rgba(23, 162, 184, .8);--vfx-particle-secondary: rgba(32, 201, 151, .8);--vfx-particle-success: rgba(16, 185, 129, .8);--vfx-particle-error: rgba(239, 68, 68, .8)}[data-category=blanks]{--vfx-accent-primary: #3b82f6}[data-category=colors]{--vfx-accent-primary: #ec4899}[data-category=animals]{--vfx-accent-primary: #10b981}[data-category=food]{--vfx-accent-primary: #f59e0b}[data-category=nature]{--vfx-accent-primary: #14b8a6}[data-category=technology]{--vfx-accent-primary: #6366f1}[data-category=sports]{--vfx-accent-primary: #ef4444}[data-category=emotions]{--vfx-accent-primary: #a855f7}body{margin:0;--tw-bg-opacity: 1;background-color:rgb(15 15 26 / var(--tw-bg-opacity, 1));font-family:Outfit,sans-serif;--tw-text-opacity: 1;color:rgb(240 244 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.placeholder\:text-muted\/50::-moz-placeholder{color:#8892b080}.placeholder\:text-muted\/50::placeholder{color:#8892b080}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-red-500\/50:hover{border-color:#ef444480}.hover\:border-teal\/30:hover{border-color:#4ecdc44d}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-coral\/20:hover{background-color:#ff6b6b33}.hover\:bg-coral\/30:hover{background-color:#ff6b6b4d}.hover\:bg-coral\/5:hover{background-color:#ff6b6b0d}.hover\:bg-orange-500\/30:hover{background-color:#f973164d}.hover\:bg-purple-500\/20:hover{background-color:#a855f733}.hover\:bg-red-500\/25:hover{background-color:#ef444440}.hover\:bg-teal\/20:hover{background-color:#4ecdc433}.hover\:bg-teal\/30:hover{background-color:#4ecdc44d}.hover\:bg-white\/10:hover{background-color:#f0f4ff1a}.hover\:bg-white\/15:hover{background-color:#f0f4ff26}.hover\:bg-white\/20:hover{background-color:#f0f4ff33}.hover\:bg-white\/5:hover{background-color:#f0f4ff0d}.hover\:bg-white\/\[0\.02\]:hover{background-color:#f0f4ff05}.hover\:bg-white\/\[0\.06\]:hover{background-color:#f0f4ff0f}.hover\:bg-yellow\/30:hover{background-color:#ffe66d4d}.hover\:text-coral:hover{--tw-text-opacity: 1;color:rgb(255 107 107 / var(--tw-text-opacity, 1))}.hover\:text-purple-300:hover{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.hover\:text-teal:hover{--tw-text-opacity: 1;color:rgb(78 205 196 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(240 244 255 / var(--tw-text-opacity, 1))}.focus\:border-blue-400\/60:focus{border-color:#60a5fa99}.focus\:border-purple-400\/60:focus{border-color:#c084fc99}.focus\:border-teal\/50:focus{border-color:#4ecdc480}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-teal\/30:focus{--tw-ring-color: rgb(78 205 196 / .3)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:inline{display:inline}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>option\]\:bg-white>option{--tw-bg-opacity: 1;background-color:rgb(240 244 255 / var(--tw-bg-opacity, 1))}.\[\&\>option\]\:text-black>option{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}