@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-family: "Outfit", "Space Grotesk", system-ui, sans-serif;--bg-color: #080c18;--panel-bg: rgba(16, 24, 40, .92);--text-color: #e8ecf1;--accent-color: #f0b429;--accent-hover: #f7c948;--secondary-color: #00d4ff;--secondary-hover: #38bdf8;--danger-color: #ef4444;--success-color: #10b981;--border-radius: 12px;--box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .45);--border-glow: 0 0 15px rgba(240, 180, 41, .4);--gradient-gold: linear-gradient(135deg, #f0b429 0%, #f7c948 50%, #e2a00e 100%);--gradient-cyan: linear-gradient(135deg, #00d4ff 0%, #38bdf8 50%, #0ea5e9 100%);--gradient-bg: linear-gradient(135deg, #080c18 0%, #0f172a 40%, #1e1b4b 100%)}body{margin:0;padding:0;font-family:var(--font-family);background:var(--bg-color);background-image:var(--gradient-bg);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}h1,h2,h3,h4{margin:0 0 1rem;font-weight:800;letter-spacing:.5px}button{cursor:pointer;border:none;border-radius:var(--border-radius);padding:.8rem 1.5rem;font-weight:700;font-size:1rem;font-family:var(--font-family);transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--gradient-gold);color:#111;box-shadow:0 4px 15px #f0b4294d}button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f0b42980}button:active{transform:translateY(1px)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow)}.app-container{display:flex;flex-direction:column;height:100vh}.navbar{display:flex;justify-content:center;gap:1rem;padding:1rem;background:#00000080;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar button{background:transparent;color:var(--text-color);border:1px solid rgba(255,255,255,.15);box-shadow:none;font-weight:600;letter-spacing:.5px}.navbar button.active{background:var(--gradient-cyan);color:#fff;border-color:transparent;box-shadow:0 0 20px #00d4ff59}.navbar button:hover:not(.active){background:#ffffff14}.dashboard-content{flex:1;padding:2rem;display:flex;flex-direction:column;overflow-y:auto;align-items:center}.dashboard-content>*{width:100%}html,body{max-width:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%}img,video{max-width:100%;height:auto}@media (max-width: 600px){.glass-panel{padding:1.25rem}button{padding:.7rem 1.1rem}}.mystery-grid-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.grid-board{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;background:linear-gradient(145deg,#080c18f7,#0f172af2);padding:1.5rem;border-radius:18px;border:4px solid rgba(56,189,248,.5);box-shadow:0 0 30px #38bdf859,inset 0 0 25px #000c,0 0 80px #38bdf81f}.grid-cell{width:110px;height:70px;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:10px;transition:all .08s ease;position:relative;overflow:hidden;cursor:default}.grid-cell.active{transform:scale(1.1);z-index:10;transition:transform .08s ease}.grid-cell.power{animation:powerPulse 1.8s ease-in-out infinite}@keyframes powerPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) saturate(1.5)}}.grid-cell-text{font-weight:900;font-size:.95rem;text-align:center;letter-spacing:.5px;z-index:2;font-family:Outfit,Space Grotesk,sans-serif;line-height:1.2}.grid-result-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:linear-gradient(145deg,#080c18fa,#1e1b4b99);border:3px solid #f0b429;padding:2.5rem 4rem;border-radius:20px;box-shadow:0 0 60px #f0b42999,inset 0 0 25px #f0b4291a;text-align:center;z-index:200;animation:gridPopIn .55s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.grid-result-panel h3{color:#e2e8f0;margin:0 0 .75rem;font-size:1.3rem;letter-spacing:5px;text-transform:uppercase;font-weight:800}.grid-result-panel .result-value{font-size:3.5rem;font-weight:900;font-family:Outfit,Space Grotesk,sans-serif;letter-spacing:2px}@keyframes gridPopIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.puzzle-board-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.board-frame{background:linear-gradient(145deg,#040812,#0a1628);padding:.75rem;border:5px solid rgba(56,189,248,.5);border-radius:16px;box-shadow:0 0 30px #38bdf84d,inset 0 0 25px #000000f2,0 0 80px #38bdf81a;display:flex;flex-direction:column;gap:4px}.board-row{display:flex;justify-content:center;gap:4px}.board-tile{width:var(--tile-w, 52px);height:var(--tile-h, 78px);border:2px solid #1a3a1a;box-sizing:border-box;background-color:#0a5c0a;background-image:radial-gradient(circle at center,#0d7a0d 10%,transparent 20%),radial-gradient(circle at center,#0d7a0d 10%,transparent 20%);background-size:18px 18px;background-position:0 0,9px 9px;box-shadow:inset 0 0 10px #00000080;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .3s ease}.board-tile.has-letter{background-color:#fff;background-image:none;box-shadow:inset 0 0 4px #0000001a,0 0 8px #ffffff1a;border-color:#ffffff4d}.tile-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.board-tile.has-letter:not(.revealed){background:#fff}.letter{font-family:Outfit,Space Grotesk,sans-serif;font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:900;color:#0f172a;text-transform:uppercase;animation:revealLetter .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes revealLetter{0%{transform:scale(0) rotateY(90deg);opacity:0}60%{transform:scale(1.1) rotateY(0);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}.no-puzzle{font-size:2rem;color:#ffffff4d;text-align:center;padding:4rem;font-weight:600;letter-spacing:1px}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .75rem;padding-top:max(.4rem,env(safe-area-inset-top));font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.3px;text-align:center;animation:connSlideDown .25s ease}.conn-banner.offline{background:#b91c1c;color:#fff}.conn-banner.online{background:#047857;color:#fff}.conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:connPulse 1s ease-in-out infinite}@keyframes connPulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes connSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.display-view-container{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden}.audio-prompt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.audio-prompt-overlay h1{color:#fff;font-size:2.5rem;text-align:center;text-shadow:0 0 30px var(--accent-color),0 0 60px rgba(240,180,41,.3);animation:pulse 2s infinite}.rejection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff000059;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;pointer-events:none;animation:flash .3s ease-out}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:.8}}.rejection-x{font-size:14rem;font-weight:900;color:#f33;text-shadow:0 0 40px rgba(0,0,0,.9);line-height:1}.rejection-text{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px #000;margin-top:.5rem}.main-stage{flex:1;display:flex;flex-direction:column;position:relative;z-index:2;overflow:hidden}.stage-logo{position:absolute;top:50%;transform:translateY(-50%);max-width:30vw;max-height:30vh;object-fit:contain;opacity:.8;z-index:10;pointer-events:none}.stage-logo.left{left:2rem}.stage-logo.right{right:2rem}.puzzle-section{flex:1;display:flex;flex-direction:column;min-height:0;gap:.4rem;padding:.4rem .5rem .2rem}.puzzle-top-bar{display:flex;align-items:center;gap:1.5rem;flex-shrink:0;height:160px}.top-bar-left,.top-bar-right{flex:0 0 320px;display:flex;align-items:center;justify-content:center}.theme-bar{flex:1;background:linear-gradient(135deg,#0c1929,#132744,#0c1929);border:2px solid rgba(240,180,41,.35);border-radius:10px;display:flex;align-items:center;justify-content:center;height:100%;padding:0 1.5rem;box-shadow:0 0 15px #f0b4291f,inset 0 0 30px #0000004d}.theme-text{color:#fff;font-weight:900;font-size:3rem;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(255,255,255,.15)}.timer-circle{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.timer-placeholder{width:160px;height:160px}.timer-track{fill:none;stroke:#ffffff14;stroke-width:10}.timer-fill{fill:none;stroke:var(--secondary-color);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .9s linear,stroke .3s;filter:drop-shadow(0 0 4px rgba(0,212,255,.4))}.timer-circle.urgent .timer-fill{stroke:#ef4444;filter:drop-shadow(0 0 8px #ef4444)}.timer-number{position:absolute;font-size:3.5rem;font-weight:900;color:#fff}.timer-circle.urgent .timer-number{color:#ef4444;animation:pulse .5s infinite}.playing-for-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1rem 1.5rem;height:140px;min-width:280px;animation:slideDown .35s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playing-for-chip.empty{visibility:hidden}.pf-label{font-size:1.2rem;color:#94a3b8;letter-spacing:3px;text-transform:uppercase;font-weight:600}.pf-value{font-size:3.2rem;font-weight:900;text-transform:uppercase}.pf-value.gold{color:#f0b429;text-shadow:0 0 12px rgba(240,180,41,.5)}.pf-value.danger{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.5)}.puzzle-board-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.alphabet-strip{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;width:100%;gap:2px;padding:.35rem .3rem;background:linear-gradient(180deg,#00000059,#0003);border-radius:10px;border:1px solid rgba(255,255,255,.06)}.alpha-letter{flex:1;min-width:0;aspect-ratio:1;max-height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:800;font-size:clamp(.7rem,1.8vw,1rem);text-transform:uppercase;transition:all .3s ease;color:#38bdf8;text-shadow:0 0 6px rgba(56,189,248,.3)}.alpha-letter.vowel{color:#f0b429;text-shadow:0 0 6px rgba(240,180,41,.3)}.alpha-letter.used{opacity:.25;color:#334155;text-shadow:none}.wheel-section{flex:1;display:flex;align-items:center;justify-content:center}.vowels-only-banner{background:linear-gradient(135deg,#fb923c26,#ea580c1a);border:1.5px solid #f97316;color:#fb923c;border-radius:10px;padding:.5rem 1.5rem;font-size:1rem;font-weight:800;text-align:center;letter-spacing:2px;text-transform:uppercase;animation:pulseOrange 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulseOrange{0%,to{box-shadow:0 0 6px #f973164d}50%{box-shadow:0 0 22px #f9731699}}.teams-hud{display:flex;gap:.5rem;justify-content:stretch;padding:.75rem .6rem;background:linear-gradient(180deg,#080c18f2,#0f172af2);border-top:2px solid rgba(240,180,41,.5);flex-shrink:0;min-height:170px}.hud-team-card{flex:1;position:relative;background:linear-gradient(145deg,#0f172ae6,#1e1b4b66);border:2px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem;display:flex;flex-direction:column;align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.hud-team-card.active-turn{background:linear-gradient(145deg,#f0b4291f,#f7c9480f);border-color:#f0b429;box-shadow:0 0 20px #f0b42959,inset 0 0 20px #f0b4290f;transform:scale(1.04)}.hud-team-name{font-weight:800;color:var(--accent-color);font-size:1rem;text-align:center;text-transform:uppercase;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:.5px}.hud-team-scores{display:flex;flex-direction:column;width:100%;gap:.3rem}.hud-round-score,.hud-total-score{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;background:#ffffff0a;padding:.35rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.04)}.hud-round-score span,.hud-total-score span{color:#64748b;font-size:.65rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.hud-round-score strong{color:#34d399;font-size:1.15rem;font-weight:900;text-shadow:0 0 6px rgba(52,211,153,.3)}.hud-total-score strong{color:#f0b429;font-size:1.15rem;font-weight:900;text-shadow:0 0 6px rgba(240,180,41,.3)}.hud-team-card.top-3-glow{box-shadow:0 0 20px #f0b42933}.podium-badge{position:absolute;top:-14px;right:-14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#080c18f2;border:2px solid;border-radius:50%;z-index:10;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.podium-badge.rank-1{border-color:#f0b429;box-shadow:0 0 18px #f0b42980}.podium-badge.rank-2{border-color:#94a3b8;box-shadow:0 0 18px #94a3b866}.podium-badge.rank-3{border-color:#cd7f32;box-shadow:0 0 18px #cd7f3266}@keyframes popIn{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.theme-select-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem}.theme-select-title{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(240,180,41,.4));animation:pulse 2s infinite}.theme-select-options{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.theme-option-card{background:linear-gradient(145deg,#0f172ae6,#1e1b4b80);border:3px solid var(--secondary-color);border-radius:16px;padding:2rem 3rem;font-size:2rem;font-weight:900;text-transform:uppercase;color:var(--secondary-color);text-shadow:0 0 15px rgba(0,212,255,.5);box-shadow:0 0 30px #00d4ff26,inset 0 0 30px #00d4ff0d;letter-spacing:2px;animation:slideDown .5s ease;transition:all .3s ease}.theme-option-card:hover{box-shadow:0 0 40px #00d4ff40,inset 0 0 40px #00d4ff14;transform:scale(1.02)}.theme-select-hint{color:#ffffff59;font-size:1rem;letter-spacing:2px;text-transform:uppercase;font-weight:500}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@media (max-width: 700px){.puzzle-top-bar{height:auto;gap:.6rem;flex-wrap:wrap}.top-bar-left,.top-bar-right{flex:1 1 0;min-width:0}.theme-text{font-size:clamp(1.4rem,6vw,3rem)}.timer-number{font-size:clamp(1.6rem,7vw,3.5rem)}.pf-value{font-size:clamp(1.3rem,6vw,3.2rem)}.theme-select-title{font-size:clamp(1.6rem,7vw,3rem)}.rejection-x{font-size:clamp(6rem,30vw,14rem)}.teams-hud{min-height:0;flex-wrap:wrap;gap:.4rem}.hud-team-card{flex:1 1 40%}.stage-logo{display:none}}.tv-lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:2rem}.tv-lobby-title{font-size:4rem;margin:0}.tv-lobby-content{display:flex;align-items:center;gap:3rem}.tv-lobby-qr{background:#fff;padding:1.25rem;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.tv-lobby-scan{color:#0f172a;font-weight:700;font-size:1.1rem}.tv-lobby-divider{position:relative;align-self:stretch;display:flex;align-items:center}.tv-lobby-divider span{font-size:1.5rem;color:#64748b;text-transform:uppercase}.tv-lobby-manual{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tv-lobby-step{font-size:1.75rem}.tv-lobby-code{color:#00c3ff;font-size:5rem;font-weight:800;letter-spacing:.75rem;margin-top:.5rem}.tv-lobby-hint{font-size:1.5rem;color:#94a3b8;margin:0}.tv-lobby-troubleshoot{font-size:1rem;color:#64748b;margin:.75rem 0 0}@media (max-width: 900px){.tv-lobby-content{flex-direction:column;gap:1.5rem}.tv-lobby-title{font-size:2.5rem}.tv-lobby-code{font-size:3rem}}.profile-menu{position:relative;display:inline-flex}.profile-menu .profile-trigger{width:40px;height:40px;padding:0;border-radius:50%;border:none;cursor:pointer;background:#6366f1;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #6366f159}.profile-menu .profile-trigger:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f180}.profile-menu .profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 12px 30px #0000002e;padding:.5rem;z-index:1000;animation:profile-pop .12s ease-out}@keyframes profile-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-menu .profile-header{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem .75rem;border-bottom:1px solid #f1f5f9;margin-bottom:.4rem}.profile-menu .profile-avatar-lg{width:38px;height:38px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.profile-menu .profile-meta{min-width:0}.profile-menu .profile-email{font-weight:600;color:#0f172a;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.profile-menu .profile-plan{font-size:.75rem;color:#64748b;text-transform:capitalize}.profile-menu .profile-item{display:block;width:100%;text-align:left;background:none;border:none;box-shadow:none;cursor:pointer;padding:.6rem .7rem;border-radius:8px;font-size:.92rem;font-weight:500;color:#1e293b;font-family:inherit;transition:background .12s}.profile-menu .profile-item:hover{background:#f1f5f9;transform:none;box-shadow:none}.profile-menu .profile-item.danger{color:#ef4444}.profile-menu .profile-item.danger:hover{background:#fef2f2}.onb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.onb-card{position:relative;background:linear-gradient(145deg,#0f172a,#1e1b4b);border:1px solid rgba(56,189,248,.35);border-radius:18px;padding:2rem 1.75rem 1.5rem;width:100%;max-width:460px;box-shadow:0 24px 70px #0009;text-align:center;animation:onbPop .28s cubic-bezier(.175,.885,.32,1.275)}@keyframes onbPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.onb-close{position:absolute;top:.75rem;right:.9rem;background:transparent;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.onb-close:hover{color:#e2e8f0}.onb-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.onb-step-label{color:#38bdf8;font-size:.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.4rem}.onb-title{color:#fff;font-size:1.45rem;font-weight:800;margin:0 0 1rem}.onb-body{text-align:left;color:#cbd5e1;font-size:.98rem;line-height:1.65;min-height:170px}.onb-body ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.55rem}.onb-body li{padding-left:.15rem}.onb-body b{color:#f1f5f9}.onb-body a{color:#38bdf8;font-weight:700;text-decoration:none}.onb-body a:hover{text-decoration:underline}.onb-dots{display:flex;justify-content:center;gap:.5rem;margin:1.25rem 0 1rem}.onb-dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:#ffffff2e;cursor:pointer;transition:all .2s ease}.onb-dot.active{background:#38bdf8;transform:scale(1.25);box-shadow:0 0 8px #38bdf899}.onb-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.onb-btn{flex:1;padding:.75rem 1rem;border-radius:10px;font-weight:800;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.onb-btn.ghost{background:#ffffff0d;border-color:#ffffff1f;color:#94a3b8}.onb-btn.ghost:hover{background:#ffffff1a;color:#e2e8f0}.onb-btn.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0f172a;box-shadow:0 6px 18px #38bdf84d}.onb-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #38bdf873}.ctrl-root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding:0;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#020617,#1e1b4b,#0f172a);color:#f8fafc}.ctrl-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:#000000d9;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;box-shadow:0 4px 20px #00000080;z-index:10}.ctrl-header-icons{display:flex;align-items:center;gap:.4rem}.ctrl-icon-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:none;flex-shrink:0}.ctrl-icon-btn:hover{background:#ffffff1f;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.ctrl-icon-btn .icon{font-size:1.3rem}.ctrl-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000008c;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.ctrl-toggle-pills{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:#0006}.ctrl-pill{padding:.45rem .8rem;font-size:.8rem;font-weight:700;background:transparent;color:#64748b;border:none;border-radius:0;box-shadow:none;cursor:pointer;transition:all .25s ease;border-right:1px solid rgba(255,255,255,.06);white-space:nowrap}.ctrl-pill:last-child{border-right:none}.ctrl-pill:hover{background:#ffffff0f;color:#cbd5e1;transform:none;box-shadow:none}.ctrl-pill.active{background:linear-gradient(135deg,#38bdf833,#0ea5e91a);color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.4);box-shadow:none;font-weight:800}.ctrl-pill.rapid.active{background:#ef4444;color:#fff;text-shadow:none}.ctrl-turn-hero{display:flex;flex-wrap:wrap;align-items:center;padding:.85rem 1rem;background:linear-gradient(135deg,#0009,#f0b42914);border-bottom:2px solid rgba(240,180,41,.4);flex-shrink:0;gap:.85rem;box-shadow:0 4px 15px #0003}.turn-hero-left{display:flex;flex-direction:column;gap:.15rem}.turn-label{font-size:.7rem;font-weight:800;color:#94a3b8;letter-spacing:2px;text-transform:uppercase}.turn-team-name{font-size:1.4rem;font-weight:900;color:#f0b429;text-transform:uppercase;text-shadow:0 0 15px rgba(240,180,41,.4);letter-spacing:1px;line-height:1.1}.turn-hero-center{display:flex;justify-content:center}.turn-spin-chip{padding:.3rem 1.2rem;border-radius:8px;font-weight:900;font-size:1.05rem;letter-spacing:1px;animation:fadeIn .3s ease}.turn-spin-chip.gold{background:#f0b4291f;color:#f0b429;border:1px solid rgba(240,180,41,.3);text-shadow:0 0 8px rgba(240,180,41,.4)}.turn-spin-chip.danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3);text-shadow:0 0 8px rgba(239,68,68,.4)}.turn-hero-right{display:flex;gap:.5rem;width:100%}.turn-hero-right .pass-btn{flex:1}.pass-btn{padding:.6rem 1rem;background:transparent;border:1.5px solid #ef4444;color:#ef4444;border-radius:8px;font-weight:700;font-size:.9rem;box-shadow:none;cursor:pointer;transition:all .2s ease}.pass-btn:hover{background:#ef44441a;transform:none;box-shadow:0 0 12px #ef444433}.ctrl-shield-alert{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem 1rem;background:linear-gradient(135deg,#ef444414,#dc26260a);border-bottom:1px solid rgba(239,68,68,.3);animation:fadeIn .3s ease;flex-shrink:0}.shield-alert-icon{font-size:1.5rem}.shield-alert-text{flex:1;min-width:180px;font-size:.85rem;color:#e2e8f0}.danger-text{color:#ef4444;font-weight:800}.shield-alert-actions{display:flex;gap:.5rem}.shield-yes{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:700;box-shadow:none;cursor:pointer}.shield-yes:hover{background:#059669;transform:none;box-shadow:none}.shield-no{padding:.5rem 1rem;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:6px;font-weight:700;box-shadow:none;cursor:pointer}.shield-no:hover{background:#ef44441a;transform:none;box-shadow:none}.ctrl-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.75rem}.ctrl-main::-webkit-scrollbar{width:5px}.ctrl-main::-webkit-scrollbar-track{background:transparent}.ctrl-main::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.ctrl-hint{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:linear-gradient(135deg,#38bdf81f,#0ea5e90a);border:1px solid rgba(56,189,248,.25);border-radius:10px;color:#bae6fd;font-size:.9rem;font-weight:600;line-height:1.35;animation:fadeIn .3s ease}.ctrl-card{background:linear-gradient(145deg,#101828e6,#1e1b4b33);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem;animation:fadeIn .3s ease}.card-title{font-size:1rem;font-weight:800;color:#f0b429;margin:0 0 .75rem;letter-spacing:.5px}.theme-buttons{display:flex;flex-direction:column;gap:.5rem}.theme-btn{display:flex;flex-direction:column;text-align:left;padding:.9rem 1rem;background:linear-gradient(145deg,#38bdf814,#0ea5e908);border:1.5px solid rgba(56,189,248,.25);border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:none}.theme-btn:hover{background:linear-gradient(145deg,#38bdf826,#0ea5e914);border-color:#38bdf8;box-shadow:0 0 15px #38bdf826;transform:none}.theme-btn-name{font-weight:800;font-size:1rem;color:#38bdf8}.theme-btn-example{font-size:.78rem;color:#64748b;margin-top:.15rem}.puzzle-card{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(145deg,#101828e6,#1e1b4b33);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem;animation:fadeIn .3s ease}.puzzle-left{display:flex;flex-direction:column;gap:1rem}.puzzle-right{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.puzzle-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem}.puzzle-strip-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.puzzle-theme-label{font-weight:800;font-size:1rem;color:#38bdf8;text-transform:uppercase;letter-spacing:1px}.vowel-warning-chip{font-size:.72rem;font-weight:700;color:#fb923c;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:6px;padding:.2rem .5rem}.puzzle-strip-right{display:flex;align-items:center}.puzzle-answer-mini{display:flex;align-items:center;gap:.5rem;background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.4rem .6rem;max-width:100%}.answer-text{font-family:Space Grotesk,monospace;font-weight:700;font-size:1rem;letter-spacing:2px;color:#e2e8f0;overflow-wrap:anywhere}.eye-btn{width:40px;height:40px;border-radius:6px;background:#ffffff0d;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;flex-shrink:0}.eye-btn:hover{background:#ffffff1a;transform:none;box-shadow:none}.spin-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;justify-content:center}.spin-hero-btn{width:100%;max-width:380px;padding:1rem 2rem;font-size:1.25rem;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 6px 25px #0ea5e959;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 3px rgba(0,0,0,.3)}.spin-hero-btn:hover{box-shadow:0 8px 35px #0ea5e980;transform:translateY(-2px) scale(1.02)}.spin-hero-btn:disabled{background:#1e293b;color:#475569;cursor:not-allowed;box-shadow:none;text-shadow:none}.spin-hero-btn:disabled:hover{transform:none}.respin-btn{background:#f59e0b;font-size:1rem;padding:.6rem 1.25rem;letter-spacing:1px}.manual-override-select{width:100%;max-width:380px;background:#0f172a;color:#fff;border:1px solid #38bdf8;border-radius:8px;padding:.6rem .75rem;font-size:.9rem;outline:none;cursor:pointer;font-weight:700;font-family:var(--font-family)}.rapid-fire-controls{display:flex;gap:.5rem;width:100%}.rapid-btn{flex:1;padding:1rem;color:#fff;border:none;border-radius:10px;font-weight:800;font-size:1.05rem;cursor:pointer;box-shadow:none}.rapid-btn.correct{background:#22c55e}.rapid-btn.correct:hover{background:#16a34a;transform:none;box-shadow:none}.rapid-btn.wrong{background:#ef4444}.rapid-btn.wrong:hover{background:#dc2626;transform:none;box-shadow:none}.vowel-picker-inline{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f0b4290f,#f7c94805);border:1px solid rgba(240,180,41,.25);border-radius:12px;animation:fadeIn .2s ease;width:100%}.vowel-picker-label{font-size:.9rem;font-weight:800;color:#f0b429;text-transform:uppercase;letter-spacing:1px;text-align:center}.vowel-keys{display:flex;gap:.5rem;justify-content:center;width:100%}.vowel-key{flex:1 1 0;min-width:0;max-width:64px;height:52px;border-radius:12px;font-size:1.4rem;font-weight:900;background:linear-gradient(145deg,#f0b4291f,#f7c9480f);color:#f0b429;border:2px solid rgba(240,180,41,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 10px #f0b4291a;transition:all .15s ease;text-shadow:0 0 6px rgba(240,180,41,.3)}.vowel-key:hover:not(.used){background:linear-gradient(145deg,#f0b42938,#f7c9481f);border-color:#f0b429;box-shadow:0 0 20px #f0b4294d;transform:scale(1.08)}.vowel-key.used{opacity:.15;cursor:not-allowed;border-color:#ffffff0d;box-shadow:none}.vowel-cancel{font-size:.8rem;padding:.4rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#64748b;border-radius:6px;cursor:pointer;box-shadow:none;font-weight:600}.vowel-cancel:hover{color:#94a3b8;transform:none;box-shadow:none}.keyboard-section{display:flex;flex-direction:column;gap:5px;width:100%}.keyboard-row{display:flex;gap:5px;justify-content:center}.kb-key{flex:1 1 0;min-width:0;height:48px;border-radius:8px;font-size:1.15rem;font-weight:800;background:linear-gradient(145deg,#0f172acc,#1e1b4b66);color:#94a3b8;border:2px solid rgba(56,189,248,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;transition:all .15s ease;text-shadow:0 0 4px rgba(148,163,184,.15)}.kb-key:hover:not(.used){background:linear-gradient(145deg,#38bdf826,#0ea5e914);color:#38bdf8;border-color:#38bdf880;box-shadow:0 0 15px #38bdf840;transform:scale(1.05);text-shadow:0 0 8px rgba(56,189,248,.4)}.kb-key.used{opacity:.1;cursor:not-allowed;background:#0000004d;color:#1e293b;border-color:transparent;text-shadow:none}.action-bar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.vowel-buy-btn,.action-hint,.action-solve,.action-bankrupt{width:100%;padding:.65rem .5rem;border-radius:8px;font-weight:800;font-size:.85rem;cursor:pointer;box-shadow:none;transition:all .2s ease;white-space:nowrap}.vowel-buy-btn{background:linear-gradient(135deg,#f0b4291a,#f7c9480d);border:1.5px solid rgba(240,180,41,.35);color:#f0b429}.vowel-buy-btn:hover{background:linear-gradient(135deg,#f0b4292e,#f7c9481a);box-shadow:0 0 12px #f0b42933;transform:none}.action-hint{background:linear-gradient(135deg,#a855f71a,#c084fc0d);border:1.5px solid rgba(168,85,247,.35);color:#c084fc}.action-hint:hover{background:linear-gradient(135deg,#a855f72e,#c084fc1a);box-shadow:0 0 12px #a855f733;transform:none}.action-solve{background:transparent;border:1.5px solid #10b981;color:#10b981}.action-solve:hover{background:#10b9811a;transform:none;box-shadow:0 0 12px #10b98133}.action-bankrupt{background:transparent;border:1.5px solid rgba(239,68,68,.4);color:#ef4444}.action-bankrupt:hover{background:#ef444414;transform:none;box-shadow:none}.round-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.round-ctrl-btn{padding:.65rem .6rem;background:transparent;border:1px solid rgba(255,255,255,.08);color:#94a3b8;border-radius:8px;font-weight:600;font-size:.82rem;cursor:pointer;box-shadow:none;transition:all .2s ease;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center}.round-ctrl-btn:hover{background:#ffffff0a;color:#e2e8f0;transform:none;box-shadow:none}.round-ctrl-btn.secondary{color:#64748b}.teams-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.teams-drawer-backdrop.open{opacity:1;pointer-events:auto}.teams-drawer{position:fixed;top:0;right:-100%;width:min(360px,88vw);height:100vh;height:100dvh;background:linear-gradient(180deg,#0f172a,#1e1b4b);border-left:1px solid rgba(255,255,255,.08);z-index:999;display:flex;flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px #00000080}.teams-drawer.open{right:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-header h3{color:#38bdf8;margin:0;font-size:1.1rem}.drawer-close{width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:none;color:#64748b;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.drawer-close:hover{color:#e2e8f0;background:#ffffff14;transform:none;box-shadow:none}.drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.drawer-team{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.65rem;transition:all .2s ease}.drawer-team.active{border-color:#38bdf859;background:linear-gradient(145deg,#38bdf814,#0ea5e908);box-shadow:0 0 10px #38bdf81a}.drawer-team-top{display:flex;gap:.4rem;margin-bottom:.5rem;align-items:center}.set-turn-pip{width:30px;height:30px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,255,255,.12);color:#475569;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;transition:all .15s ease;flex-shrink:0}.drawer-team.active .set-turn-pip{border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 8px #38bdf84d}.set-turn-pip:hover{border-color:#38bdf8;color:#38bdf8;transform:none;box-shadow:none}.drawer-team-input{flex:1;min-width:0;background:#0000004d;border:1px solid rgba(255,255,255,.06);color:#e2e8f0;padding:.45rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;font-family:var(--font-family)}.drawer-team-scores{display:flex;flex-direction:column;gap:.35rem}.drawer-score-row{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.score-label{width:42px;font-size:.65rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.score-val{font-size:.9rem;font-weight:800;min-width:72px}.score-val.green{color:#34d399}.score-val.gold{color:#f0b429}.score-adjust-inline{display:flex;gap:2px;margin-left:auto}.score-input{width:56px;padding:.3rem;background:#0006;border:1px solid rgba(255,255,255,.06);color:#e2e8f0;border-radius:4px;font-size:.8rem;font-family:var(--font-family);text-align:center}.score-add-btn{width:30px;height:30px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#64748b;font-size:.9rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0}.score-add-btn:hover{background:#ffffff14;color:#94a3b8;transform:none;box-shadow:none}.drawer-footer{display:flex;gap:.5rem;padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06)}.drawer-action{flex:1;padding:.6rem;border-radius:8px;font-weight:600;font-size:.82rem;cursor:pointer;background:transparent;box-shadow:none}.drawer-action.success{border:1px solid #10b981;color:#10b981}.drawer-action.success:hover{background:#10b98114;transform:none;box-shadow:none}.drawer-action.danger{border:1px solid #ef4444;color:#ef4444}.drawer-action.danger:hover{background:#ef444414;transform:none;box-shadow:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{background:linear-gradient(145deg,#0f172a,#1e1b4b);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;width:min(520px,100%);max-height:88vh;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 60px #00000080}.settings-modal::-webkit-scrollbar{width:4px}.settings-modal::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.settings-title{margin:0 0 1.25rem;color:#38bdf8;font-size:1.2rem;font-weight:800;letter-spacing:.5px}.settings-grid{display:grid;grid-template-columns:1fr;gap:.6rem}.setting-mode-row{margin-bottom:.75rem;border-color:#38bdf840;background:linear-gradient(135deg,#38bdf81a,#0ea5e908)}.toggle-btn.mode-toggle{min-width:72px;font-size:.8rem;letter-spacing:.5px}.settings-subhead{margin:1rem 0 .5rem;font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#64748b}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:.7rem .75rem}.setting-info{display:flex;flex-direction:column;gap:.1rem}.setting-info strong{font-size:.85rem;color:#e2e8f0;font-weight:700}.setting-info small{font-size:.7rem;color:#475569;font-weight:500}.toggle-btn{padding:.4rem .8rem;border-radius:6px;font-size:.78rem;font-weight:700;background:#ffffff0a;color:#475569;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s ease;box-shadow:none;min-width:48px;flex-shrink:0}.toggle-btn:hover{transform:none;box-shadow:none}.toggle-btn.on{background:linear-gradient(135deg,#10b98126,#05966914);color:#34d399;border-color:#10b98159;text-shadow:0 0 6px rgba(52,211,153,.3)}.setting-number{width:76px;padding:.4rem;background:#0006;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;border-radius:6px;font-size:.9rem;font-weight:700;text-align:center;font-family:var(--font-family);flex-shrink:0}.settings-section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);margin:.75rem 0}.settings-actions-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.setting-action{padding:.5rem .85rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;background:transparent;box-shadow:none;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.setting-action.danger{border:1px solid #ef4444;color:#ef4444}.setting-action.danger:hover{background:#ef444414;transform:none;box-shadow:none}.setting-action.success{border:1px solid #10b981;color:#10b981}.setting-action.success:hover{background:#10b98114;transform:none;box-shadow:none}.settings-close-row{margin-top:1rem;text-align:right}.settings-close-btn{padding:.55rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:none}.settings-close-btn:hover{background:#ffffff14;color:#e2e8f0;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.ctrl-header{padding:1rem 1.5rem;gap:1rem}.ctrl-icon-btn{width:48px;height:48px;border-radius:12px}.ctrl-icon-btn .icon{font-size:1.4rem}.ctrl-toolbar{gap:.75rem;padding:.6rem 1.5rem}.ctrl-pill{padding:.5rem 1rem;font-size:.85rem}.ctrl-turn-hero{padding:1rem 1.5rem;gap:1.5rem;flex-wrap:nowrap}.turn-hero-left{min-width:140px}.turn-team-name{font-size:1.7rem;letter-spacing:1.5px}.turn-hero-center{flex:1}.turn-hero-right{width:auto;flex-shrink:0}.turn-hero-right .pass-btn{flex:0 0 auto}.turn-spin-chip{font-size:1.1rem}.ctrl-main{padding:1rem;gap:1rem}.ctrl-card{padding:1.25rem}.keyboard-section,.keyboard-row{gap:6px}.kb-key{flex:0 0 auto;width:56px;height:56px;font-size:1.4rem;border-radius:10px}.vowel-key{max-width:56px;height:56px}.action-bar{display:flex;gap:.5rem}.action-bar>*{flex:1}.action-bankrupt{flex:0 0 auto}.round-controls{display:flex;flex-wrap:wrap}.round-ctrl-btn{flex:1}.settings-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (min-width: 1024px){.puzzle-card{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.puzzle-left,.puzzle-right{gap:1.5rem}.kb-key{width:64px;height:64px;font-size:1.5rem}.vowel-key{max-width:64px;height:56px}.spin-hero-btn{padding:1rem 3rem;font-size:1.3rem}.puzzle-theme-label,.answer-text{font-size:1.1rem}}.join-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1.5rem;background:radial-gradient(circle at top,#1e293b,#0f172a)}.join-card{width:100%;max-width:520px;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:2rem;box-shadow:0 20px 50px #0006;color:#e2e8f0}.join-title{font-size:2rem;margin:0 0 .4rem;color:#fff}.join-subtitle{margin:0 0 1.75rem;color:#94a3b8}.join-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.join-steps li{display:flex;gap:1rem;align-items:flex-start}.join-steps li p{margin:.35rem 0;color:#94a3b8;font-size:.95rem}.join-step-num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.join-url{display:inline-block;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.4rem .7rem;font-family:monospace;color:#38bdf8;margin:.25rem 0;word-break:break-all}.join-tv-link{display:inline-block;margin-top:.5rem;color:#38bdf8;text-decoration:none;font-weight:600}.join-tv-link:hover{text-decoration:underline}.join-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.join-input{width:100%;padding:.75rem;font-size:1.6rem;letter-spacing:.4rem;text-align:center;text-transform:uppercase;border-radius:10px;border:2px solid #334155;background:#0f172a;color:#fff;font-weight:700}.join-input:focus{outline:none;border-color:#3b82f6}.join-btn{width:100%;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;background:#3b82f6;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .15s}@media (min-width: 480px){.join-form{flex-direction:row}.join-input{flex:1;width:auto;min-width:140px}.join-btn{width:auto}}.join-btn:hover:not(:disabled){background:#2563eb}.join-btn:disabled{opacity:.6;cursor:not-allowed}.join-notice{background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#bae6fd;border-radius:10px;padding:.65rem .85rem;margin:0 0 1.25rem;font-size:.9rem;font-weight:600}.join-no-tv{font-size:.85rem!important;color:#64748b!important;margin-top:.5rem!important}.join-status{margin:.6rem 0 0!important;color:#38bdf8!important;font-weight:600;font-size:.9rem!important}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:radial-gradient(circle at top,#1e293b,#0f172a)}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:2.25rem;box-shadow:0 20px 50px #00000059}.auth-brand{text-align:center;font-weight:800;font-size:1.4rem;color:#f36;margin-bottom:.25rem}.auth-title{text-align:center;margin:0 0 .35rem;color:#0f172a}.auth-subtitle{text-align:center;color:#64748b;margin:0 0 1.5rem;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field label{font-size:.85rem;font-weight:600;color:#334155}.auth-input-wrap{position:relative;display:flex}.auth-input{width:100%;padding:.7rem .8rem;font-size:1rem;border:1.5px solid #cbd5e1;border-radius:10px;transition:border-color .15s}.auth-input:focus{outline:none;border-color:#3b82f6}.auth-input.has-error{border-color:#ef4444}.auth-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:600;padding:.2rem .4rem}.auth-field-error{color:#ef4444;font-size:.8rem}.auth-error{background:#fee2e2;color:#991b1b;padding:.6rem .8rem;border-radius:8px;font-size:.9rem;text-align:center}.auth-btn{margin-top:.4rem;padding:.8rem;font-size:1.05rem;font-weight:700;color:#fff;background:#3b82f6;border:none;border-radius:10px;cursor:pointer;transition:background .15s}.auth-btn:hover:not(:disabled){background:#2563eb}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn.success{background:#10b981}.auth-btn.success:hover:not(:disabled){background:#059669}.auth-footer{margin-top:1.4rem;text-align:center;color:#64748b;font-size:.95rem}.auth-footer a{color:#3b82f6;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}body{background-color:beige;margin:0;font-family:Space Grotesk,sans-serif;color:#333}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:0;z-index:100}.nav-brand{font-size:1.5rem;font-weight:700;color:#1e293b}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:#64748b;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-links a:hover{background-color:#f1f5f9;color:#1e293b}.nav-links a.active{background-color:#1e293b;color:#fff}.logout-btn{background-color:transparent;border:1px solid #ef4444;color:#ef4444;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#ef4444;color:#fff}.dashboard-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.sleek-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}.sleek-card-header{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem}.sleek-btn-primary{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.sleek-btn-primary:hover{background-color:#2563eb}.sleek-btn-success{background-color:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.sleek-btn-success:hover{background-color:#059669}@media (max-width: 720px){.dashboard-navbar{flex-wrap:wrap;padding:.85rem 1rem;gap:.5rem}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:.4rem}.nav-links a{padding:.45rem .7rem;font-size:.9rem}.dashboard-content{padding:1.25rem 1rem}.sleek-card{padding:1.25rem}}.marketing-layout{display:flex;flex-direction:column;min-height:100vh;font-family:Space Grotesk,sans-serif;background-color:#fafafa}.marketing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background-color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000000d}.marketing-brand{font-size:1.8rem;font-weight:800;color:#f36;text-decoration:none;letter-spacing:-.5px}.marketing-nav-links{display:flex;align-items:center;gap:2rem}.marketing-nav-toggle{display:none;background:transparent;border:none;box-shadow:none;color:#1e1e2f;font-size:1.6rem;line-height:1;padding:.25rem .5rem;cursor:pointer}.marketing-nav-toggle:hover{background:transparent;transform:none;box-shadow:none}.marketing-nav-links a{text-decoration:none;color:#333;font-weight:600;transition:color .2s}.marketing-nav-links a:hover{color:#f36}.nav-play-btn{background-color:#6366f1;color:#fff!important;padding:.75rem 1.5rem;border-radius:50px;box-shadow:0 4px 15px #6366f166;transition:transform .2s,box-shadow .2s!important}.nav-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.marketing-content{flex:1}.marketing-footer{background-color:#1e1e2f;color:#f1f1f1;padding:4rem 3rem 2rem;margin-top:4rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}.footer-grid h3{color:#f36;font-size:1.5rem;margin-bottom:1rem}.footer-grid h4{color:#fff;margin-bottom:1.2rem;font-size:1.1rem}.footer-grid a{display:block;color:#a1a1aa;text-decoration:none;margin-bottom:.8rem;transition:color .2s}.footer-grid a:hover{color:#f36}.footer-bottom{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid #333;color:#71717a;font-size:.9rem}.hero-section{text-align:center;padding:clamp(3rem,9vw,6rem) 1.25rem;background:linear-gradient(135deg,#ff9a9e,#fecfef 99%,#fecfef)}.hero-title{font-size:clamp(2.2rem,8vw,4rem);font-weight:900;color:#1a1a1a;margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:clamp(1.05rem,3.5vw,1.5rem);color:#4a4a4a;margin-bottom:3rem;max-width:600px;margin-inline:auto}.video-placeholder{background-color:#1a1a1a;color:#f1f1f1;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 20px 40px #0003;margin:2rem auto;border:4px dashed #6366f1;font-weight:700;max-width:100%}@media (max-width: 820px){.marketing-nav{padding:1rem 1.25rem;flex-wrap:wrap}.marketing-nav-toggle{display:block}.marketing-nav-links{display:none;flex-direction:column;align-items:stretch;gap:.25rem;width:100%;margin-top:.75rem}.marketing-nav-links.open{display:flex}.marketing-nav-links a{padding:.75rem .5rem;border-radius:8px}.marketing-nav-links a:hover{background:#f8f8fb}.nav-play-btn{text-align:center;margin-top:.25rem}.marketing-nav-links .profile-menu{margin-top:.5rem;align-self:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.marketing-footer{padding:2.5rem 1.25rem 1.5rem}.footer-bottom{margin-top:2.5rem}}@media (max-width: 460px){.footer-grid{grid-template-columns:1fr}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.6rem;max-width:min(380px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-radius:12px;background:#1e293b;color:#f8fafc;box-shadow:0 10px 30px #00000040;font-size:.95rem;line-height:1.35;cursor:pointer;border-left:4px solid #64748b;animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast-error{border-left-color:#ef4444}.toast-success{border-left-color:#22c55e}.toast-lock{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;font-size:1.1rem}.toast-message{flex:1}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;font-size:1.3rem;line-height:1;cursor:pointer;opacity:.6;padding:0 .2rem}.toast-close:hover{opacity:1}.main-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0009;border-bottom:2px solid var(--accent-color);box-shadow:0 4px 15px #e2b71433}.brand{display:flex;align-items:center;gap:1rem}.logo-placeholder{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;color:#000;box-shadow:0 0 10px #e2b71480}.brand h1{margin:0;font-size:1.8rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.global-nav{display:flex;gap:1rem}.global-nav a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .3s}.global-nav a:hover{background:#ffffff1a}.global-nav a.active{background:var(--secondary-color);border-color:var(--secondary-color)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:2rem;color:var(--secondary-color)}.hide-header-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffff80;font-size:.8rem;padding:.3rem .7rem;cursor:pointer;border-radius:6px;box-shadow:none;margin-left:1rem}.hide-header-btn:hover{background:#ffffff1a;color:#fff;transform:none;box-shadow:none}.restore-header-btn{position:fixed;top:0;right:1.5rem;z-index:9000;background:#000c;border:1px solid var(--accent-color);border-top:none;color:var(--accent-color);font-size:.9rem;padding:.25rem 1rem;cursor:pointer;border-radius:0 0 8px 8px;box-shadow:none}.restore-header-btn:hover{background:#e2b71426;box-shadow:none;transform:none}.dashboard-content.full-height{height:100vh}