:root{--ink:#050912;--panel:#0b1220;--panel2:#0e1928;--line:rgba(149,229,255,.16);--cyan:#53ead1;--violet:#917cff;--coral:#ff6f91;--amber:#f2b663;--paper:#eef8ff;--muted:#8194a8}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-display),sans-serif}button,input{font:inherit}button{color:inherit}.game-shell,.shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 76% 18%,rgba(54,111,255,.18),transparent 28%),radial-gradient(circle at 18% 88%,rgba(83,234,209,.1),transparent 27%),#050912}.grid-noise{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 95%);mask-image:linear-gradient(180deg,#000,transparent 95%)}.grid-noise:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(83,234,209,.22);border-radius:50%;right:-170px;top:17%;box-shadow:0 0 90px rgba(83,234,209,.08),inset 0 0 90px rgba(83,234,209,.05)}.game-header,.topbar{position:relative;z-index:5;justify-content:space-between;height:84px;padding:0 clamp(24px,6vw,92px);border-bottom:1px solid var(--line);background:rgba(5,9,18,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.game-header,.topbar{display:flex;align-items:center}.brand{gap:13px;border:0;background:none;color:var(--paper);text-decoration:none;letter-spacing:.18em;font:600 12px var(--font-mono);cursor:pointer}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);color:var(--cyan);letter-spacing:0}.system-pill{display:flex;align-items:center;gap:9px;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.13em}.live-dot,.system-pill i{color:var(--cyan);font-style:normal;text-shadow:0 0 14px var(--cyan);animation:pulse 1.8s ease-in-out infinite}.hero{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:clamp(64px,10vh,118px) 0 100px}.eyebrow,.section-kicker{display:block;color:var(--cyan);font:500 11px var(--font-mono);letter-spacing:.18em;text-transform:uppercase}h1{max-width:900px;margin:18px 0 0;font-size:clamp(58px,9.6vw,132px);line-height:.82;letter-spacing:-.075em;font-weight:600}.lobby-code h2 em,h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(238,248,255,.72)}.lede{max-width:650px;margin:34px 0 45px;color:#9bacbe;font-size:clamp(16px,2vw,21px);line-height:1.55}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:870px}.entry-card{position:relative;min-height:174px;padding:25px 28px;border:1px solid var(--line);background:rgba(11,18,32,.76);text-align:left;cursor:pointer;overflow:hidden;transition:transform .25s,border-color .25s,background .25s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.entry-card:before{content:"";position:absolute;inset:auto -30% -70% 30%;height:150px;filter:blur(45px);opacity:.18}.entry-card.primary:before{background:var(--cyan)}.entry-card.secondary:before{background:var(--violet)}.entry-card:hover{transform:translateY(-5px);border-color:rgba(83,234,209,.65);background:rgba(13,24,42,.94)}.entry-card:disabled{opacity:.6;cursor:wait}.entry-card strong{display:block;margin-top:34px;font-size:24px;letter-spacing:-.03em}.entry-card small{display:block;margin-top:5px;color:var(--muted);font-size:13px}.card-index{color:var(--cyan);font:500 10px var(--font-mono)}.secondary .card-index{color:#a99cff}.arrow{position:absolute;right:27px;top:24px;font-size:24px;color:var(--muted)}.telemetry{position:absolute;right:26px;bottom:26px;display:flex;flex-direction:column;gap:5px;color:rgba(129,148,168,.58);font:9px var(--font-mono);letter-spacing:.12em}.inline-error{color:#ff9aaf;font:500 12px var(--font-mono)}.join-layout{position:relative;z-index:2;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:7vw;width:min(1260px,calc(100% - 48px));margin:0 auto;padding:70px 0 90px}.back-link{position:absolute;top:26px;left:0;border:0;background:none;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.15em;cursor:pointer}.join-copy h1{font-size:clamp(55px,7vw,94px)}.join-copy>p{max-width:500px;color:var(--muted);font-size:18px;line-height:1.6}.avatar-preview{gap:24px;margin-top:40px}.avatar-preview>span:last-child{color:var(--cyan);font:500 11px var(--font-mono);letter-spacing:.12em}.join-form{padding:32px;border:1px solid var(--line);background:rgba(8,17,29,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 3px 0 var(--violet)}.join-form>label{display:block;margin-bottom:20px;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.14em}.join-form input{display:block;width:100%;margin-top:8px;padding:15px 16px;border:1px solid var(--line);outline:none;background:#07101d;color:var(--paper);font:500 17px var(--font-display)}.join-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(83,234,209,.08)}fieldset{margin:24px 0 0;padding:0;border:0}legend{margin-bottom:10px;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.14em}.choice-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.choice-grid button{min-width:0;height:67px;border:1px solid var(--line);background:#08111e;cursor:pointer;font-size:25px}.choice-grid button small{display:none}.choice-grid button.active,.choice-grid button:hover{border-color:var(--cyan);background:rgba(83,234,209,.1);box-shadow:inset 0 -2px var(--cyan)}.choice-grid.accessories button{font-size:22px}.action-button{width:100%;margin-top:26px;padding:17px 22px;border:0;background:var(--cyan);color:#04120f;font:600 12px var(--font-mono);letter-spacing:.12em;cursor:pointer;box-shadow:0 0 35px rgba(83,234,209,.12);transition:filter .2s,transform .2s}.action-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.action-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle at 30% 20%,#1b3049,#09111e);font-size:27px}.avatar.large{width:104px;height:104px;font-size:62px;box-shadow:0 0 45px rgba(83,234,209,.12)}.avatar i{position:absolute;right:-8px;top:-10px;font-style:normal;font-size:.65em;filter:drop-shadow(0 3px 3px #0008)}.game-metrics{display:flex;gap:26px;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.11em}.game-metrics span{display:flex;gap:8px;align-items:center}.game-metrics b{color:var(--paper);font-size:14px}.game-metrics .time-readout b{color:var(--cyan);font-size:24px}.toast{position:fixed;z-index:30;top:98px;left:50%;transform:translateX(-50%);display:flex;gap:20px;padding:14px 18px;border:1px solid #ff6f9180;background:#26101a;color:#ffafc1;font:500 12px var(--font-mono);box-shadow:0 15px 50px #0008}.toast button{border:0;background:none;cursor:pointer}.loading{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:100vh;color:var(--muted);font:500 11px var(--font-mono);letter-spacing:.1em}.spinner{width:56px;height:56px;border:1px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.streak-pop{position:fixed;z-index:50;left:50%;top:50%;display:flex;align-items:center;gap:26px;width:min(620px,calc(100% - 32px));padding:32px;transform:translate(-50%,-50%);border:1px solid var(--amber);background:rgba(10,16,27,.96);box-shadow:0 0 100px rgba(242,182,99,.3),inset 5px 0 var(--amber);animation:streakIn .45s cubic-bezier(.2,1.5,.4,1)}.streak-pop span{color:var(--amber);font:500 10px var(--font-mono);letter-spacing:.16em}.streak-pop strong{display:block;margin-top:8px;font-size:24px}.lobby{position:relative;z-index:2}.host-lobby{display:grid;grid-template-columns:minmax(410px,.75fr) minmax(520px,1.25fr);min-height:calc(100vh - 84px)}.lobby-code{padding:clamp(55px,7vw,90px);border-right:1px solid var(--line);background:rgba(5,10,18,.38)}.lobby-code h2{margin:22px 0;font-size:clamp(40px,5vw,72px);line-height:.94;letter-spacing:-.055em}.code-line{display:flex;align-items:center;gap:22px;margin:30px 0}.code-line b{font:600 clamp(52px,7vw,88px) var(--font-mono);letter-spacing:.08em;color:var(--cyan);text-shadow:0 0 40px rgba(83,234,209,.18)}.code-line span{color:var(--muted);font:500 9px var(--font-mono);letter-spacing:.15em;line-height:1.4}.qr-frame{display:inline-flex;padding:12px;border:1px solid var(--line);background:var(--paper)}.lobby-code>p{color:var(--muted);font:10px var(--font-mono);letter-spacing:.08em}.lobby-roster{display:flex;flex-direction:column;padding:clamp(45px,6vw,78px)}.roster-head{display:flex;align-items:flex-start;justify-content:space-between}.roster-head h3{margin:9px 0;font-size:32px}.live-dot{font:500 10px var(--font-mono);letter-spacing:.12em}.player-cloud{display:flex;flex-wrap:wrap;align-content:flex-start;gap:11px;min-height:270px;max-height:48vh;margin:26px 0;overflow:auto}.player-chip{display:flex;align-items:center;gap:10px;height:58px;padding:5px 16px 5px 5px;border:1px solid var(--line);background:rgba(11,20,34,.85);animation:chipIn .4s both}.player-chip span:last-child{font-weight:600}.empty-state{display:grid;place-items:center;align-content:center;width:100%;color:var(--muted);border:1px dashed var(--line)}.empty-state span{font-size:40px}.start-button{margin-top:auto}.player-wait{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 84px);padding:40px;text-align:center}.signal-rings{position:relative;display:grid;place-items:center;width:240px;height:240px;margin-bottom:24px;border:1px solid var(--line);border-radius:50%}.signal-rings:after,.signal-rings:before{content:"";position:absolute;border:1px solid rgba(83,234,209,.24);border-radius:50%;animation:ripple 2.8s infinite}.signal-rings:before{inset:24px}.signal-rings:after{inset:54px;animation-delay:.8s}.player-wait h2{margin:15px 0 8px;font-size:clamp(40px,8vw,74px);line-height:.95;letter-spacing:-.05em}.player-wait p{color:var(--muted)}.wait-bar{width:min(360px,80vw);height:2px;margin-top:30px;background:var(--line);overflow:hidden}.wait-bar i{display:block;width:45%;height:100%;background:var(--cyan);animation:wait 1.6s ease-in-out infinite}.question-stage{position:relative;z-index:2;width:min(1420px,calc(100% - 64px));margin:0 auto;padding:38px 0}.question-top{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:40px;min-height:245px}.question-top h2{max-width:1050px;margin:16px 0;font-size:clamp(32px,4.3vw,62px);line-height:1.04;letter-spacing:-.05em}.visual-orb{display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(83,234,209,.28);border-radius:50%;background:radial-gradient(circle,rgba(83,234,209,.12),transparent 66%);box-shadow:0 0 80px rgba(83,234,209,.08)}.visual-orb span{font-size:76px;filter:drop-shadow(0 10px 20px #0008)}.host-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-tile{position:relative;display:grid;grid-template-columns:72px 1fr 34px;align-items:center;min-height:118px;padding:12px 24px 12px 12px;opacity:0;transform:translateY(22px) scale(.98);border:1px solid var(--line);background:rgba(10,18,31,.91);transition:opacity .35s,transform .35s,border-color .35s}.answer-tile.revealed{opacity:1;transform:none}.answer-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:currentColor;box-shadow:0 0 22px currentColor}.answer-tile p{margin:0 20px;font-size:clamp(16px,1.45vw,22px);line-height:1.3}.answer-tile>b{font:600 17px var(--font-mono);opacity:.55}.tile-symbol{display:grid;place-items:center;height:100%;border-right:1px solid var(--line);font-size:32px}.tone-a{color:var(--cyan)}.tone-b{color:var(--violet)}.tone-c{color:var(--coral)}.tone-d{color:var(--amber)}.answer-tile p{color:var(--paper)}.question-footer{display:flex;align-items:center;gap:28px;margin-top:18px}.answer-progress{position:relative;flex:1 1;height:38px;border:1px solid var(--line);overflow:hidden}.answer-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(83,234,209,.18),rgba(83,234,209,.48));transition:width .4s}.answer-progress span{position:relative;display:grid;place-items:center;height:100%;font:500 10px var(--font-mono);letter-spacing:.1em}.big-timer{display:grid;place-items:center;width:70px;height:70px;border:1px solid var(--cyan);color:var(--cyan);font:600 30px var(--font-mono)}.mobile-question{position:relative;z-index:2;display:flex;flex-direction:column;min-height:calc(100vh - 84px);padding:22px 18px 28px}.mobile-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--muted);font:500 9px var(--font-mono);letter-spacing:.1em}.mobile-status b{color:var(--cyan);text-align:right}.mobile-tiles{display:grid;grid-template-columns:1fr 1fr;flex:1 1;gap:10px}.mobile-tile{position:relative;display:grid;place-items:center;min-height:150px;opacity:0;transform:scale(.9);border:1px solid;background:rgba(10,20,34,.88);cursor:pointer;transition:opacity .35s,transform .35s,background .2s,box-shadow .2s}.mobile-tile.revealed{opacity:1;transform:none}.mobile-tile:disabled{cursor:not-allowed}.mobile-tile span{font-size:clamp(52px,15vw,90px);filter:drop-shadow(0 0 20px currentColor)}.mobile-tile b{position:absolute;right:12px;top:10px;font:600 12px var(--font-mono)}.mobile-tile.selected{background:currentColor;box-shadow:0 0 40px color-mix(in srgb,currentColor 28%,transparent)}.mobile-tile.selected b,.mobile-tile.selected span{color:#07101d}.submit-answer{margin-top:11px;padding:18px;border:1px solid var(--cyan);background:var(--cyan);color:#05130f;font:600 12px var(--font-mono);letter-spacing:.1em}.submit-answer:disabled{border-color:var(--line);background:#0a1422;color:var(--muted)}.submitted-state{display:grid;place-items:center;align-content:center;flex:1 1;text-align:center}.send-pulse{display:grid;place-items:center;width:118px;height:118px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:46px;box-shadow:0 0 70px rgba(83,234,209,.18);animation:pulse 1.7s infinite}.submitted-state h2{margin:30px 0 5px;font-size:42px}.submitted-state p{color:var(--muted)}.leaderboard{position:relative;z-index:2;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:55px 0 80px}.board-title h2,.final-head h2{margin:8px 0 4px;font-size:clamp(46px,7vw,86px);letter-spacing:-.06em}.board-title p,.final-head p{margin:0 0 30px;color:var(--muted)}.rank-list{display:flex;flex-direction:column;gap:7px}.rank-row{display:grid;grid-template-columns:52px 48px minmax(150px,1fr) 130px 74px 120px;align-items:center;gap:14px;min-height:64px;padding:7px 16px;border:1px solid var(--line);background:rgba(10,18,31,.82);animation:rankIn .45s both}.rank-row:nth-child(2){animation-delay:.06s}.rank-row:nth-child(3){animation-delay:.12s}.rank-row.is-self{border-color:var(--cyan);box-shadow:inset 3px 0 var(--cyan);background:rgba(83,234,209,.075)}.rank-number{color:var(--muted);font:600 15px var(--font-mono)}.rank-row>strong{font-size:17px}.movement{color:var(--muted);font:600 12px var(--font-mono)}.movement.up{color:var(--cyan)}.movement.down{color:var(--coral)}.movement span{margin-left:10px;color:var(--amber)}.round-points{color:var(--muted);font:500 11px var(--font-mono);text-align:right}.total-points{text-align:right;font:600 14px var(--font-mono)}.next-button{display:block;width:360px;margin:28px 0 0 auto}.rank-divider{margin:20px 0 7px;color:var(--cyan);font:500 9px var(--font-mono);letter-spacing:.14em}.finale{position:relative;z-index:2;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:48px 0 100px;overflow:hidden}.final-head{text-align:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;min-height:400px;margin:15px 0 55px}.podium-place{display:flex;flex-direction:column;align-items:center;width:min(28vw,240px);opacity:0;transform:translateY(60px);animation:podiumReveal .8s cubic-bezier(.2,1.3,.4,1) forwards}.podium-place>strong{margin-top:15px;font-size:20px}.podium-place>span{color:var(--cyan);font:500 12px var(--font-mono)}.podium-place>div{display:grid;place-items:start center;width:100%;margin-top:14px;padding-top:25px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(83,234,209,.16),rgba(11,18,32,.95));color:var(--cyan);font:600 48px var(--font-mono)}.place-3>div{height:115px}.place-2>div{height:165px}.place-1>div{height:225px;border-color:var(--amber);color:var(--amber);background:linear-gradient(180deg,rgba(242,182,99,.2),rgba(11,18,32,.95));box-shadow:0 0 65px rgba(242,182,99,.1)}.final-table{display:flex;flex-direction:column;gap:7px}.final-table>.section-kicker{margin-bottom:8px}.spotlight{position:absolute;top:-100px;width:180px;height:650px;background:linear-gradient(180deg,rgba(238,248,255,.14),transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(8px);pointer-events:none;animation:spotlight 5s ease-in-out infinite alternate}.spotlight.one{left:17%;transform:rotate(-16deg)}.spotlight.two{right:17%;transform:rotate(16deg);animation-delay:-2s}.ghost-button{padding:13px 20px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.12em;cursor:pointer}.reset-button{display:block;margin:30px auto}@keyframes pulse{50%{opacity:.4;text-shadow:none}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes chipIn{0%{opacity:0;transform:translateY(10px)}}@keyframes rankIn{0%{opacity:0;transform:translateX(-15px)}}@keyframes ripple{50%{transform:scale(1.15);opacity:.2}}@keyframes wait{0%{transform:translateX(-120%)}to{transform:translateX(230%)}}@keyframes streakIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}@keyframes podiumReveal{to{opacity:1;transform:none}}@keyframes spotlight{to{transform:rotate(7deg) translateX(70px)}}@media(max-width:900px){.host-lobby,.join-layout{grid-template-columns:1fr}.join-copy{display:none}.join-layout{width:min(620px,calc(100% - 28px));padding-top:55px}.lobby-code{display:grid;grid-template-columns:1fr auto;gap:16px;padding:35px;border-right:0;border-bottom:1px solid var(--line)}.lobby-code h2{font-size:42px}.lobby-code .section-kicker,.lobby-code>p{grid-column:1/-1}.qr-frame{grid-column:2;grid-row:2/4}.code-line{margin:0}.lobby-roster{padding:35px}.question-top{grid-template-columns:1fr 130px;min-height:200px}.visual-orb{width:120px;height:120px}.visual-orb span{font-size:50px}.answer-tile{grid-template-columns:55px 1fr 24px;padding-right:15px}.rank-row{grid-template-columns:42px 42px minmax(100px,1fr) 90px 65px 100px}.round-points{display:none}}@media(max-width:700px){.game-header,.topbar{height:70px;padding:0 18px}.brand>span:last-child,.system-pill{display:none}.hero{width:calc(100% - 32px);padding-top:54px}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:150px}.telemetry{display:none}.game-metrics{gap:13px}.game-metrics span:first-child{display:none}.game-metrics b{font-size:11px}.game-metrics .time-readout b{font-size:19px}.mobile-question{min-height:calc(100vh - 70px)}.leaderboard{width:calc(100% - 24px);padding:30px 0}.board-title h2{font-size:48px}.rank-row{grid-template-columns:34px 42px minmax(80px,1fr) 62px 86px;gap:8px;padding:6px 8px}.rank-row .movement{font-size:10px}.rank-row .round-points{display:none}.rank-row>strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.total-points{font-size:11px}.rank-row .avatar{width:40px;height:40px;font-size:22px}.next-button{width:100%}.streak-pop{flex-direction:column;text-align:center}.finale{width:calc(100% - 20px);padding-top:30px}.final-head h2{font-size:52px}.podium{gap:5px;min-height:330px}.podium-place{width:31vw}.podium-place .avatar.large{width:68px;height:68px;font-size:40px}.podium-place>strong{max-width:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis}.podium-place>span{font-size:9px}.final-table .rank-row{grid-template-columns:34px 42px minmax(80px,1fr) 62px 86px}.final-table .movement{display:none}.choice-grid{grid-template-columns:repeat(4,1fr)}.join-form{padding:22px}.avatar-preview{display:none}.lobby-code{display:flex;flex-direction:column}.qr-frame{align-self:flex-start}.code-line b{font-size:64px}.lobby-roster{padding:25px}.player-cloud{min-height:180px}.question-stage{width:calc(100% - 24px)}.host-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.answer-tile.solution-muted,.mobile-tile.solution-muted{opacity:.2;filter:saturate(.25) brightness(.65);transform:scale(.97)}.answer-tile.solution-correct{background:linear-gradient(135deg,rgba(31,105,72,.94),rgba(8,35,28,.98));box-shadow:0 0 0 2px rgba(166,255,180,.2),0 0 52px rgba(89,255,153,.42),inset 0 0 34px rgba(166,255,180,.12)}.answer-tile.solution-correct,.mobile-tile.solution-correct{opacity:1;border-color:#a6ffb4;animation:solutionPulse .7s ease-out both}.mobile-tile.solution-correct{color:#c4ffce;background:linear-gradient(145deg,#227d50,#0d3f30);box-shadow:0 0 0 3px rgba(166,255,180,.18),0 0 52px rgba(89,255,153,.48),inset 0 0 30px rgba(210,255,218,.12);transform:scale(1)}.mobile-tile.solution-correct b,.mobile-tile.solution-correct span{color:#eaffed;filter:drop-shadow(0 0 18px rgba(210,255,218,.85))}@keyframes solutionPulse{0%{transform:scale(.92);filter:brightness(2)}55%{transform:scale(1.035);filter:brightness(1.2)}to{transform:scale(1);filter:none}}.hero{width:min(1380px,calc(100% - 48px));min-height:calc(100vh - 84px);padding:clamp(64px,10vh,108px) 0 72px}.hero:before{content:"";position:absolute;z-index:-1;inset:7% -3% 8% 39%;border:1px solid rgba(83,234,209,.18);clip-path:polygon(7% 0,100% 0,100% 89%,94% 100%,0 100%,0 11%);box-shadow:inset 0 0 80px rgba(83,234,209,.04)}.hero-art{position:absolute;z-index:-2;top:0;right:-9%;width:73%;height:90%;overflow:hidden;filter:saturate(1.04) contrast(1.08);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 96%,transparent)}.hero-art:after{inset:0;background:linear-gradient(90deg,#050912,transparent 42%),linear-gradient(0deg,#050912,transparent 25%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero h1{max-width:760px;font-size:clamp(58px,7.8vw,112px);text-shadow:0 12px 45px #02050a}.hero .lede{max-width:560px;color:#afc1cf;text-shadow:0 2px 16px #000}.hero .entry-grid{max-width:700px;gap:13px}.hero .entry-card{min-height:154px;background:linear-gradient(145deg,rgba(10,24,39,.94),rgba(7,13,24,.8));box-shadow:0 22px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}.hero .entry-card:after{content:"";position:absolute;inset:auto 22px 0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.75}.hero .entry-card.primary{color:var(--cyan)}.hero .entry-card.secondary{color:var(--violet)}.hero .entry-card strong{color:var(--paper)}.choice-grid{grid-template-columns:repeat(6,1fr)}.avatar-preview{width:min(520px,42vw);height:430px;margin-top:8px;gap:0}.avatar-preview:before{inset:14% 5% 2%;background:radial-gradient(circle,rgba(83,234,209,.14),transparent 63%);filter:blur(12px)}.avatar-preview .three-avatar{position:relative;width:100%;height:390px;cursor:grab;touch-action:none}.avatar-preview .three-avatar:active{cursor:grabbing}.avatar-preview>span{margin-top:-15px;z-index:2}.join-form{box-shadow:inset 3px 0 var(--violet),0 35px 100px rgba(0,0,0,.35)}.player-companion{position:fixed;z-index:16;right:16px;bottom:20px;width:170px;height:205px;filter:drop-shadow(0 18px 25px rgba(0,0,0,.5));animation:companionDrift 4.8s ease-in-out infinite}.player-companion .three-avatar{width:100%;height:180px;pointer-events:auto;touch-action:none}.player-companion>span{display:block;margin-top:-11px;padding:6px 9px;border:1px solid var(--line);background:rgba(5,12,21,.84);text-align:center;color:var(--cyan);font:500 9px var(--font-mono);letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-companion.state-question,.player-companion.state-scoring{top:78px;right:6px;bottom:auto;width:104px;height:128px;opacity:.96}.player-companion.state-question .three-avatar,.player-companion.state-scoring .three-avatar{height:112px;pointer-events:none}.player-companion.state-question>span,.player-companion.state-scoring>span{display:none}.player-companion.state-leaderboard{animation:companionCheer 1.05s ease-in-out infinite}.question-stage{transition:padding .75s ease,width .75s ease}.question-top{transition:min-height .75s cubic-bezier(.2,.85,.25,1),grid-template-columns .75s cubic-bezier(.2,.85,.25,1),gap .75s ease}.question-copy{transition:transform .75s ease,text-align .75s ease}.question-copy h2{transition:font-size .75s cubic-bezier(.2,.85,.25,1),line-height .75s ease}.question-visual{position:relative;overflow:hidden;border:1px solid rgba(149,229,255,.25);background:#07111d;box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 70px rgba(83,234,209,.07);transition:width .75s cubic-bezier(.2,.85,.25,1),height .75s cubic-bezier(.2,.85,.25,1),border-radius .75s ease}.question-visual:before{box-shadow:inset 0 0 70px rgba(3,8,14,.55)}.question-visual:after,.question-visual:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none}.question-visual:after{background:linear-gradient(120deg,transparent 35%,rgba(117,236,255,.11) 50%,transparent 64%);transform:translateX(-120%);animation:scanImage 4.5s ease-in-out infinite}.question-visual img{display:block;width:100%;height:100%;object-fit:cover}.question-visual>span{position:absolute;z-index:3;right:14px;bottom:12px;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);background:rgba(4,11,19,.72);border-radius:50%;font-size:26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.question-stage.intro{width:min(1280px,calc(100% - 64px));padding:30px 0}.question-stage.intro .question-top{display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:calc(100vh - 145px);text-align:center}.question-stage.intro .question-copy{max-width:1120px;margin:0 auto}.question-stage.intro .question-copy h2{margin:12px 0 0;font-size:clamp(38px,5vw,72px);line-height:1.02}.question-stage.intro .question-visual{width:min(920px,80vw);height:min(48vh,520px);margin:0 auto;border-radius:24px}.question-stage.intro .host-options,.question-stage.intro .question-footer{max-height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.question-stage.answers-visible .question-top{grid-template-columns:minmax(0,1fr) minmax(380px,46%);gap:30px;min-height:238px}.question-stage.answers-visible .question-copy h2{font-size:clamp(28px,3.45vw,50px)}.question-stage.answers-visible .question-visual{width:100%;height:226px;border-radius:14px}.question-stage.answers-visible .host-options,.question-stage.answers-visible .question-footer{opacity:1;transition:opacity .45s ease .25s}.answer-tile{background:linear-gradient(135deg,rgba(13,25,41,.97),rgba(7,13,24,.92));box-shadow:0 14px 35px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}@keyframes companionDrift{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes companionCheer{50%{transform:translateY(-18px) rotate(-2deg)}}@keyframes scanImage{45%,to{transform:translateX(120%)}}@media(max-width:900px){.hero-art{right:-28%;width:95%;opacity:.78}.hero:before{inset:7% -4% 8% 20%}.question-stage.intro .question-visual{width:88vw}.question-stage.answers-visible .question-top{grid-template-columns:1fr 340px}.avatar-preview{width:100%;height:380px}.avatar-preview .three-avatar{height:350px}}@media(max-width:700px){.hero{width:calc(100% - 32px)}.hero-art{top:4%;right:-48%;width:145%;height:72%;opacity:.58;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 38%,#000 90%,transparent)}.hero:before{display:none}.hero h1{font-size:clamp(55px,18vw,82px)}.hero .lede{max-width:92%;margin-top:28px}.hero .entry-grid{margin-top:36px}.join-copy{display:block}.join-layout{grid-template-columns:1fr}.join-copy h1,.join-copy>p{display:none}.avatar-preview{display:flex;width:100%;height:300px}.avatar-preview .three-avatar{height:280px}.choice-grid{grid-template-columns:repeat(4,1fr)}.question-stage.intro{width:calc(100% - 24px)}.question-stage.intro .question-copy h2{font-size:34px}.question-stage.intro .question-visual{width:100%;height:42vh}.question-stage.answers-visible .question-top{grid-template-columns:1fr}.question-stage.answers-visible .question-visual{height:190px}.player-companion.state-lobby{width:145px;height:180px}.mobile-status{padding-right:92px}}.shell{min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 52%,rgba(0,230,255,.13),transparent 31%),linear-gradient(180deg,#02060d,#030b14 52%,#01040a)}.shell .grid-noise{opacity:.22;-webkit-mask-image:radial-gradient(circle at 50% 52%,#000 0 38%,transparent 82%);mask-image:radial-gradient(circle at 50% 52%,#000 0 38%,transparent 82%)}.shell .topbar{position:absolute;inset:0 0 auto;z-index:20;height:78px;padding:0 clamp(22px,4vw,64px);border:0;background:linear-gradient(180deg,rgba(1,5,12,.88),transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.shell .brand{opacity:.86;transform:scale(.92);transform-origin:left center}.shell .system-pill{padding:9px 14px;border:1px solid rgba(111,241,255,.18);border-radius:99px;background:rgba(3,13,23,.36);color:rgba(213,247,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell .hero{position:relative;min-height:100svh;width:100%;padding:0;display:block;overflow:hidden}.shell .hero-art{z-index:0;inset:42px 0 0;height:calc(100svh - 42px);animation:stage-arrival 1.45s cubic-bezier(.16,1,.3,1) both}.shell .hero-art:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 25%,rgba(1,5,12,.06) 53%,rgba(1,5,12,.92) 100%),linear-gradient(180deg,rgba(2,7,14,.1) 48%,rgba(2,7,14,.88) 93%,#01040a)}.shell .hero-art:after{content:"";position:absolute;z-index:3;left:50%;bottom:8.5vh;width:min(58vw,680px);height:min(18vw,190px);transform:translateX(-50%);border-radius:50%;border:1px solid rgba(78,236,255,.3);background:radial-gradient(ellipse,rgba(0,231,255,.2),rgba(63,120,255,.05) 48%,transparent 72%);filter:blur(1px);box-shadow:0 0 80px rgba(0,208,255,.18),inset 0 0 38px rgba(0,218,255,.12);animation:stage-pulse 3.6s ease-in-out infinite}.shell .hero-art img{display:block;object-position:50% 48%;filter:saturate(1.04) contrast(1.04);transform:scale(.98)}.shell .hero>.eyebrow,.shell .hero>.lede,.shell .hero>h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.shell .hero:before{content:"WISSEN TRIFFT WAHNSINN";top:clamp(90px,12vh,132px);color:rgba(226,250,255,.83);font-size:clamp(10px,.78vw,13px);font-weight:650;letter-spacing:.44em;text-shadow:0 0 24px rgba(76,226,255,.42);animation:signal-in 1s .35s both}.shell .hero:after,.shell .hero:before{position:absolute;z-index:8;left:50%;transform:translateX(-50%);width:max-content;font-family:var(--font-mono,monospace)}.shell .hero:after{content:"11 CHARAKTERE   /   18 SIGNALS   /   1 LIVE SESSION";bottom:24px;color:rgba(154,205,220,.43);font-size:9px;letter-spacing:.28em}.shell .entry-grid{position:absolute;z-index:12;left:50%;bottom:clamp(58px,7vh,82px);transform:translateX(-50%);width:auto;display:flex;flex-direction:column;align-items:center;gap:12px;perspective:900px}.shell .entry-card{margin:0;text-align:center}.shell .entry-card.primary{position:relative;width:clamp(250px,25vw,340px);min-height:104px;padding:25px 58px 22px;display:grid;place-items:center;gap:2px;border:1px solid rgba(113,244,255,.6);border-radius:50%;background:radial-gradient(ellipse at 50% 45%,rgba(19,52,75,.9),rgba(4,17,29,.94) 58%,rgba(1,8,16,.98)),linear-gradient(135deg,rgba(0,255,231,.25),rgba(68,98,255,.2));color:white;box-shadow:0 0 0 7px rgba(18,204,232,.035),0 0 0 16px rgba(18,204,232,.018),0 22px 70px rgba(0,0,0,.68),0 0 54px rgba(0,218,255,.23),inset 0 0 26px rgba(88,233,255,.1);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);overflow:visible;animation:console-rise 1s cubic-bezier(.16,1,.3,1) .58s both,console-float 4s ease-in-out 1.6s infinite}.shell .entry-card.primary:after,.shell .entry-card.primary:before{content:"";position:absolute;inset:-10px -22px;border:1px solid rgba(69,230,255,.17);border-radius:50%;pointer-events:none}.shell .entry-card.primary:after{inset:-21px -48px;border-style:dashed;opacity:.48;animation:orbital-spin 22s linear infinite}.shell .entry-card.primary:hover{transform:translateY(-5px) scale(1.035);border-color:#9cf9ff;box-shadow:0 28px 80px rgba(0,0,0,.7),0 0 70px rgba(0,229,255,.36),inset 0 0 34px rgba(105,239,255,.15)}.shell .entry-card.primary .card-index{color:#73f5ff;font-size:9px;letter-spacing:.25em}.shell .entry-card.primary strong{font-size:clamp(20px,1.65vw,28px);letter-spacing:-.025em}.shell .entry-card.primary small{color:rgba(206,239,248,.58);font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.shell .entry-card.primary .arrow{position:absolute;right:31px;top:50%;transform:translateY(-50%);color:#79f6ff}.shell .entry-card.secondary{min-height:0;width:auto;padding:10px 16px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:rgba(214,241,249,.58);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:signal-in .8s 1s both}.shell .entry-card.secondary:hover{color:#dffbff;background:rgba(54,217,239,.06);transform:none}.shell .entry-card.secondary .card-index,.shell .entry-card.secondary small{display:none}.shell .entry-card.secondary strong{font-family:var(--font-mono,monospace);font-size:10px;font-weight:550;letter-spacing:.17em;text-transform:uppercase}.shell .entry-card.secondary strong:before{content:"PIN VORHANDEN?  ";color:rgba(112,234,247,.4)}.shell .entry-card.secondary .arrow{position:static;color:#6debf5}.shell .telemetry{z-index:14;right:clamp(18px,2vw,34px);bottom:24px;opacity:.48}@keyframes stage-arrival{0%{opacity:0;transform:scale(1.065);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes signal-in{0%{opacity:0;transform:translate(-50%,-8px);letter-spacing:.7em}to{opacity:1;transform:translate(-50%)}}@keyframes console-rise{0%{opacity:0;transform:rotateX(35deg) translateY(42px) scale(.78)}to{opacity:1;transform:rotateX(0) translateY(0) scale(1)}}@keyframes console-float{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes orbital-spin{to{transform:rotate(1turn)}}@keyframes stage-pulse{0%,to{opacity:.58;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}@media (max-width:760px){.shell .topbar{height:64px;padding:0 16px}.shell .system-pill{font-size:7px;letter-spacing:.13em}.shell .hero-art{inset:54px 0 0;height:calc(100svh - 54px)}.shell .hero-art img{object-position:50% 28%;transform:scale(1.03)}.shell .hero:before{top:78px;font-size:8px;letter-spacing:.28em}.shell .hero:after{bottom:12px;font-size:7px;letter-spacing:.14em}.shell .entry-grid{bottom:48px}.shell .entry-card.primary{width:min(78vw,310px);min-height:92px;padding:20px 44px 18px}.shell .entry-card.primary:after{inset:-15px -25px}.shell .telemetry{display:none}}@media (prefers-reduced-motion:reduce){.shell .entry-card,.shell .entry-card.primary:after,.shell .hero-art,.shell .hero:before{animation:none!important}}.animal-field{position:absolute;z-index:5;inset:76px 0 135px;overflow:hidden;pointer-events:none}.animal-field .photo-avatar{position:absolute;width:clamp(92px,10vw,178px);height:clamp(110px,14vw,228px);filter:drop-shadow(0 24px 24px rgba(0,0,0,.62));transform-origin:50% 100%;animation:animal-romp 5.8s ease-in-out infinite alternate}.animal-field .photo-avatar img{width:100%;height:100%;object-fit:contain}.stage-animal-1{left:1%;top:17%;--r:-6deg;animation-delay:-1.1s!important}.stage-animal-2{left:9%;top:1%;--r:3deg;animation-delay:-3.4s!important}.stage-animal-3{left:18%;top:29%;--r:-4deg;animation-delay:-.4s!important}.stage-animal-4{left:27%;top:4%;--r:5deg;animation-delay:-4.5s!important}.stage-animal-5{left:36%;top:20%;--r:-2deg;animation-delay:-2.2s!important}.stage-animal-6{left:45%;top:0;--r:4deg;animation-delay:-5.1s!important}.stage-animal-7{left:55%;top:19%;--r:-5deg;animation-delay:-1.8s!important}.stage-animal-8{left:64%;top:1%;--r:2deg;animation-delay:-3.8s!important}.stage-animal-9{left:73%;top:27%;--r:-3deg;animation-delay:-.8s!important}.stage-animal-10{left:83%;top:4%;--r:5deg;animation-delay:-4.1s!important}.stage-animal-11{right:0;top:20%;--r:-4deg;animation-delay:-2.8s!important}.stage-animal-12{left:3%;bottom:0;--r:4deg;animation-delay:-5.4s!important}.stage-animal-13{left:14%;bottom:8%;--r:-5deg;animation-delay:-1.4s!important}.stage-animal-14{left:25%;bottom:-3%;--r:2deg;animation-delay:-3.1s!important}.stage-animal-15{left:36%;bottom:7%;--r:-3deg;animation-delay:-.6s!important}.stage-animal-16{right:36%;bottom:7%;--r:5deg;animation-delay:-4.8s!important}.stage-animal-17{right:25%;bottom:-2%;--r:-4deg;animation-delay:-2.5s!important}.stage-animal-18{right:15%;bottom:9%;--r:3deg;animation-delay:-5.6s!important}.stage-animal-19{right:6%;bottom:-2%;--r:-3deg;animation-delay:-1.9s!important}.stage-animal-20{right:-2%;bottom:13%;--r:5deg;animation-delay:-3.6s!important}.shell .hero-art{display:none}.shell .hero:before{top:90px;width:calc(100vw - 44px);max-width:760px;white-space:normal;text-align:center;line-height:1.5;letter-spacing:clamp(.16em,.55vw,.44em)}.shell .entry-grid{bottom:7.5vh}.shell .entry-card.primary{width:clamp(230px,22vw,300px);min-height:88px;padding:19px 48px 17px}.shell .entry-card.primary small{display:none}.shell .entry-card.primary .card-index:after{content:"  /  LIVE"}.shell .entry-card.primary strong{font-size:clamp(19px,1.45vw,24px)}.join-layout{padding:0;display:grid;grid-template-columns:minmax(330px,42vw) 1fr;gap:0;background:radial-gradient(circle at 22% 42%,rgba(30,222,255,.15),transparent 34%),linear-gradient(135deg,#020710,#071523 48%,#02060c);overflow:hidden}.join-layout .back-link{display:none}.join-copy{position:relative;min-width:0;padding:clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid rgba(117,235,255,.14);overflow:hidden}.join-copy:before{content:"DEIN SIDEKICK";position:absolute;top:34px;left:clamp(28px,4vw,64px);color:rgba(138,236,247,.55);font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.3em}.join-copy>.eyebrow,.join-copy>h1,.join-copy>p{display:none}.avatar-preview{height:min(70svh,720px);width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:none;border:0;box-shadow:none;overflow:visible}.avatar-preview .photo-avatar{width:min(34vw,430px);height:min(58svh,600px);filter:drop-shadow(0 35px 34px rgba(0,0,0,.72))}.avatar-preview .photo-avatar img{width:100%;height:100%;object-fit:contain}.avatar-preview>span:last-child{position:relative;z-index:3;margin-top:-12px;padding:12px 24px;border:1px solid rgba(114,239,255,.24);border-radius:99px;background:rgba(4,17,28,.72);color:#e9fcff;font-family:var(--font-mono,monospace);font-size:12px;letter-spacing:.16em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.join-form{height:100svh;padding:clamp(26px,3.4vw,58px);overflow-y:auto;background:rgba(2,9,17,.72);scrollbar-width:thin;scrollbar-color:#35d7e7 transparent}.join-form>label{display:inline-flex;width:calc(50% - 8px);margin-right:8px;vertical-align:top}.join-form>label:nth-of-type(2){margin-right:0}.join-form fieldset{margin-top:24px}.join-form fieldset legend{margin-bottom:12px;color:rgba(156,233,244,.65);font-size:10px;letter-spacing:.25em}.choice-grid.avatars{display:grid;grid-template-columns:repeat(5,minmax(82px,1fr));gap:10px}.choice-grid.avatars button{aspect-ratio:.82;min-width:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(121,210,226,.12);border-radius:18px;background:linear-gradient(180deg,rgba(20,43,59,.72),rgba(4,15,25,.94));box-shadow:0 10px 28px rgba(0,0,0,.24)}.choice-grid.avatars button:hover{transform:translateY(-4px);border-color:rgba(97,235,247,.55);box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 25px rgba(48,222,239,.12)}.choice-grid.avatars button.active{border-color:#7af4ff;box-shadow:0 0 0 2px rgba(122,244,255,.18),0 18px 35px rgba(0,0,0,.45),0 0 30px rgba(45,222,241,.2)}.choice-grid.avatars .avatar-thumb{flex:1 1;width:100%;min-height:0;display:block}.choice-grid.avatars .avatar-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.44))}.choice-grid.avatars small{width:100%;padding:7px 3px 9px;color:rgba(222,248,252,.72);font-size:8px;letter-spacing:.03em}.photo-avatar{display:inline-block;position:relative}.photo-avatar>img{display:block;-webkit-user-select:none;user-select:none}.photo-accessory{position:absolute;z-index:4;left:50%;top:16%;transform:translate(-50%,-50%);font-size:clamp(26px,24%,72px);line-height:1;font-style:normal;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}.photo-accessory.accessory-scarf{top:68%}.photo-accessory.accessory-headphones{top:30%;font-size:clamp(32px,30%,86px)}.photo-accessory.accessory-glasses{top:36%}.photo-accessory.accessory-crown,.photo-accessory.accessory-hat,.photo-accessory.accessory-party{top:10%}.avatar .photo-avatar{width:52px;height:52px}.avatar.large .photo-avatar{width:96px;height:96px}.avatar .photo-avatar img{width:100%;height:100%;object-fit:contain}.player-companion .photo-avatar{width:100%;height:100%}.player-companion .photo-avatar img{width:100%;height:100%;object-fit:contain}@keyframes animal-romp{0%{transform:translate3d(0,3px,0) rotate(var(--r)) scale(.97)}45%{transform:translate3d(5px,-8px,0) rotate(calc(var(--r) * -.45)) scale(1.015)}to{transform:translate3d(-4px,-2px,0) rotate(var(--r)) scale(.99)}}@media(max-width:900px){.animal-field{inset:72px 0 155px}.animal-field .photo-avatar{width:clamp(70px,15vw,126px);height:clamp(88px,18vw,155px)}.stage-animal-15,.stage-animal-16,.stage-animal-5,.stage-animal-6{opacity:.82}.join-layout{display:block;overflow:auto}.join-copy{min-height:38svh;padding:20px;border-right:0;border-bottom:1px solid rgba(117,235,255,.14)}.join-copy:before{top:16px;left:20px}.avatar-preview{height:34svh;justify-content:flex-end}.avatar-preview .photo-avatar{width:min(62vw,310px);height:30svh}.avatar-preview>span:last-child{padding:8px 18px;font-size:10px}.join-form{height:auto;min-height:62svh;padding:24px 16px 40px}.choice-grid.avatars{grid-template-columns:repeat(4,minmax(68px,1fr));gap:8px}}@media(max-width:560px){.shell .hero:before{top:74px;width:calc(100vw - 30px);font-size:8px;letter-spacing:.16em}.animal-field{inset:66px -18px 145px}.animal-field .photo-avatar{width:22vw;height:27vw}.stage-animal-15,.stage-animal-16,.stage-animal-6,.stage-animal-7{display:none}.shell .entry-grid{bottom:48px}.join-form>label{display:flex;width:100%;margin-right:0}.choice-grid.avatars{grid-template-columns:repeat(3,minmax(78px,1fr))}}.animal-field{display:none!important}.shell .hero-art{display:block;position:absolute;inset:64px 0 54px;width:100%;height:auto;border:0;opacity:1;-webkit-mask-image:none;mask-image:none;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,rgba(20,58,76,.24),transparent 66%)}.shell .hero-art img{width:100%;height:100%;object-position:50% 50%;transform:none;filter:saturate(1.03) contrast(1.035)}.shell .hero-art:before{background:linear-gradient(180deg,rgba(1,6,12,.1),transparent 24%,transparent 71%,rgba(1,5,11,.75)),radial-gradient(ellipse at 50% 48%,transparent 46%,rgba(1,5,11,.44) 100%)}.shell .hero-art:after{display:none}.shell .entry-grid{bottom:clamp(34px,5vh,58px)}.shell .entry-card.primary{width:clamp(224px,21vw,286px);min-height:82px;padding:17px 44px 15px;background:radial-gradient(ellipse at 50% 42%,rgba(15,53,72,.94),rgba(3,15,26,.97) 65%,#010812)}@media(max-width:760px){.shell .hero-art{inset:58px 0 70px}.shell .hero-art img{object-position:50% 42%}.shell .entry-grid{bottom:38px}}.shell .hero:after,.shell .hero:before,.shell:has(.hero) .telemetry,.shell:has(.hero) .topbar{display:none!important}.shell:has(.hero){background:#081521}.shell .hero-art{inset:0;height:100svh;background:#081521;animation:stage-arrival 1.2s cubic-bezier(.16,1,.3,1) both}.shell .hero-art img{object-fit:contain;object-position:center;transform:scale(1.002)}.shell .hero-art:before{background:linear-gradient(180deg,rgba(3,8,13,.04),transparent 65%,rgba(3,8,13,.42)),radial-gradient(ellipse at 50% 52%,transparent 62%,rgba(2,8,14,.26) 100%)}.shell .entry-grid{bottom:clamp(22px,4vh,48px)}.shell .entry-card.primary{min-width:clamp(210px,20vw,278px);min-height:64px;padding:17px 34px;border-radius:999px;border:1px solid rgba(235,255,255,.72);background:linear-gradient(135deg,rgba(5,46,58,.9),rgba(6,23,42,.94));box-shadow:0 18px 48px rgba(0,0,0,.46),0 0 35px rgba(37,225,239,.26),inset 0 1px 0 rgba(255,255,255,.16);animation:console-rise .9s cubic-bezier(.16,1,.3,1) .45s both}.shell .entry-card.primary .arrow,.shell .entry-card.primary .card-index,.shell .entry-card.primary small,.shell .entry-card.primary:after,.shell .entry-card.primary:before{display:none}.shell .entry-card.primary strong{font-size:clamp(17px,1.4vw,22px)}.shell .entry-card.primary:hover{transform:translateY(-3px) scale(1.025);background:linear-gradient(135deg,rgba(7,69,79,.96),rgba(8,32,53,.98))}@media(min-aspect-ratio:4/3){.shell .hero-art img{object-fit:cover}}@media(max-width:600px){.shell .entry-grid{bottom:18px}.shell .entry-card.primary{min-width:190px;min-height:58px;padding:15px 26px}}.shell .hero-art{background:radial-gradient(ellipse at 50% 45%,#173047 0,#081522 58%,#030811 100%)}.shell .hero-art img{filter:brightness(.72) saturate(1.08) contrast(1.08)}.shell .hero-art:before{background:linear-gradient(180deg,rgba(3,8,14,.18),transparent 28%,transparent 67%,rgba(2,7,13,.56)),radial-gradient(ellipse at 50% 48%,transparent 48%,rgba(2,7,14,.38) 100%)}.shell .entry-card.primary{width:auto;min-width:0;min-height:0;padding:13px 22px;border-radius:13px;border:1px solid rgba(225,252,255,.58);background:rgba(4,28,42,.9);box-shadow:0 10px 30px rgba(0,0,0,.42),0 0 20px rgba(37,225,239,.15)}.shell .entry-card.primary strong{font-size:15px;line-height:1;font-weight:650;letter-spacing:.01em}.shell .entry-card.primary:hover{transform:translateY(-2px);background:rgba(6,46,61,.95)}@media(max-width:600px){.shell .entry-card.primary{min-width:0;min-height:0;padding:12px 19px;border-radius:12px}.shell .entry-card.primary strong{font-size:14px}}.shell .hero-art{background:radial-gradient(ellipse at 50% 45%,#14354a 0,#071725 58%,#020912 100%)}.shell .hero-art img{filter:brightness(.82) saturate(1.08) contrast(1.06)}.shell .hero-art:before{background:linear-gradient(180deg,rgba(2,8,14,.12),transparent 30%,transparent 68%,rgba(2,7,13,.58)),radial-gradient(ellipse at 50% 48%,transparent 52%,rgba(1,7,13,.35) 100%)}.shell:has(.hero):before,.shell:has(.join-layout):before{content:"";position:fixed;z-index:2;inset:0;pointer-events:none;border:1px solid rgba(85,225,239,.11);box-shadow:inset 0 0 90px rgba(0,7,16,.3)}.join-layout{background:linear-gradient(90deg,rgba(1,9,17,.18),rgba(2,11,20,.74)),repeating-linear-gradient(90deg,transparent 0 46px,rgba(67,207,225,.025) 47px 48px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(67,207,225,.022) 47px 48px),radial-gradient(circle at 20% 38%,rgba(0,219,240,.16),transparent 30%),radial-gradient(circle at 82% 15%,rgba(255,166,74,.08),transparent 25%),#03101b}.join-copy{background:linear-gradient(180deg,rgba(4,16,27,.3),rgba(2,10,18,.82)),repeating-linear-gradient(90deg,transparent 0 74px,rgba(91,225,238,.035) 75px 76px);border-right:1px solid rgba(90,226,240,.2);box-shadow:20px 0 70px rgba(0,0,0,.28)}.join-copy:after{content:"LIVE CHARACTER PREVIEW";position:absolute;right:22px;bottom:22px;color:rgba(113,225,237,.28);font-family:var(--font-mono,monospace);font-size:8px;letter-spacing:.24em;writing-mode:vertical-rl}.avatar-preview{position:relative}.avatar-preview:before{content:"";position:absolute;left:50%;bottom:48px;width:min(74%,420px);height:72px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(45,226,237,.2),rgba(255,172,82,.045) 48%,transparent 72%);filter:blur(2px)}.avatar-preview .photo-avatar{position:relative;z-index:2;animation:preview-breathe 3.8s ease-in-out infinite}.join-form{background:linear-gradient(180deg,rgba(2,12,21,.82),rgba(1,8,15,.94)),radial-gradient(circle at 90% 8%,rgba(255,171,83,.08),transparent 23%)}.join-form fieldset:last-of-type{margin-bottom:30px}.choice-grid.avatars button{background:linear-gradient(180deg,rgba(17,43,58,.84),rgba(3,15,25,.96)),radial-gradient(circle at 50% 20%,rgba(255,182,102,.06),transparent 45%)}.choice-grid.avatars button.active:after{content:"AUSGEWÄHLT";position:absolute;top:6px;right:6px;padding:3px 5px;border-radius:5px;background:#55e3dc;color:#032027;font-family:var(--font-mono,monospace);font-size:6px;font-weight:800;letter-spacing:.08em}.choice-grid.avatars button{position:relative}.choice-grid.accessories{display:none!important}@keyframes preview-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.012)}}@media(max-width:900px){.join-copy{background:radial-gradient(circle at 50% 58%,rgba(26,212,230,.14),transparent 42%),#06131f}.join-copy:after{display:none}.avatar-preview:before{bottom:28px;height:48px}}.shell .hero-art{background:radial-gradient(ellipse at 56% 42%,#173a51 0,#071623 60%,#020811 100%)}.shell .hero-art img{filter:brightness(.78) saturate(1.07) contrast(1.07)}.shell .hero-art:before{display:block;background:linear-gradient(90deg,rgba(2,8,14,.24),transparent 38%),linear-gradient(180deg,rgba(2,7,13,.08),transparent 58%,rgba(2,7,13,.58)),radial-gradient(ellipse at 50% 48%,transparent 58%,rgba(1,6,12,.32) 100%)}.shell .hero>h1{position:absolute!important;z-index:12!important;top:clamp(30px,6vh,68px)!important;left:clamp(22px,5vw,72px)!important;width:auto!important;height:auto!important;margin:0!important;padding:25px 30px 22px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:1px solid rgba(112,231,242,.24)!important;border-left:3px solid rgba(101,239,246,.78)!important;border-radius:4px 18px 18px 4px;background:linear-gradient(135deg,rgba(3,20,33,.82),rgba(5,17,29,.48));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2);color:#f0fcff;font-size:clamp(28px,3vw,48px);line-height:.92;letter-spacing:-.045em;text-shadow:0 3px 22px rgba(0,0,0,.5);animation:quiz-panel-in .9s cubic-bezier(.16,1,.3,1) .2s both}.shell .hero>h1:before{content:"LIVE-QUIZ  //  18 FRAGEN";display:block;margin-bottom:13px;color:#67e8ef;font-family:var(--font-mono,monospace);font-size:9px;font-weight:700;letter-spacing:.24em;text-shadow:0 0 18px rgba(58,224,236,.35)}.shell .hero>h1 em{color:transparent;-webkit-text-stroke:1px rgba(232,252,255,.78);font-style:normal}@keyframes quiz-panel-in{0%{opacity:0;transform:translateX(-22px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@media(max-width:700px){.shell .hero>h1{top:18px!important;left:16px!important;padding:16px 18px 14px!important;font-size:clamp(24px,8vw,34px);border-radius:3px 14px 14px 3px}.shell .hero>h1:before{font-size:7px;margin-bottom:9px;letter-spacing:.16em}}.finale{width:min(1440px,calc(100% - 56px))}.podium{width:100%;min-height:520px;gap:clamp(52px,8vw,138px);margin:28px 0 72px}.podium-place{width:min(25vw,292px);isolation:isolate}.podium-place .avatar.large{width:158px;height:158px;border:0;background:transparent;box-shadow:none}.podium-place.place-1 .avatar.large{width:190px;height:190px;filter:drop-shadow(0 20px 34px rgba(242,182,99,.28))}.podium-place.place-2 .avatar.large{filter:drop-shadow(0 18px 30px rgba(83,234,209,.22))}.podium-place.place-3 .avatar.large{filter:drop-shadow(0 18px 30px rgba(255,111,145,.2))}.podium-place>strong{margin-top:20px;font-size:clamp(22px,2vw,30px)}.podium-place>span:not(.podium-confetti){margin-top:5px;font-size:14px}.podium-confetti{z-index:12;top:70px;width:390px;height:300px;filter:drop-shadow(0 0 8px currentColor)}.podium-confetti i{width:10px;height:18px;animation-duration:2.25s;animation-timing-function:cubic-bezier(.12,.76,.2,1)}.place-3 .podium-confetti i{animation-delay:.14s}.place-2 .podium-confetti i{animation-delay:1.64s}.place-1 .podium-confetti i{animation-delay:3.14s}.podium-confetti i:nth-child(5n+1){background:#eef8ff}.podium-confetti i:nth-child(5n+2){background:var(--cyan)}.podium-confetti i:nth-child(5n+3){background:var(--amber)}.podium-confetti i:nth-child(5n+4){background:var(--coral)}.podium-confetti i:nth-child(5n){background:var(--violet)}.podium-confetti i:first-child{--x:-170px;--y:-145px}.podium-confetti i:nth-child(2){--x:-132px;--y:-205px}.podium-confetti i:nth-child(3){--x:-94px;--y:-126px}.podium-confetti i:nth-child(4){--x:-52px;--y:-224px}.podium-confetti i:nth-child(5){--x:-12px;--y:-164px}.podium-confetti i:nth-child(6){--x:38px;--y:-218px}.podium-confetti i:nth-child(7){--x:88px;--y:-142px}.podium-confetti i:nth-child(8){--x:144px;--y:-194px}.podium-confetti i:nth-child(9){--x:-188px;--y:-78px}.podium-confetti i:nth-child(10){--x:190px;--y:-88px}.podium-confetti i:nth-child(11){--x:-148px;--y:-38px}.podium-confetti i:nth-child(12){--x:154px;--y:-30px}.podium-confetti i:nth-child(13){--x:-112px;--y:-182px}.podium-confetti i:nth-child(14){--x:108px;--y:-208px}.podium-confetti i:nth-child(15){--x:-62px;--y:-104px}.podium-confetti i:nth-child(16){--x:66px;--y:-94px}.podium-confetti i:nth-child(17){--x:-202px;--y:-154px}.podium-confetti i:nth-child(18){--x:208px;--y:-160px}@media(max-width:700px){.finale{width:calc(100% - 20px)}.podium{min-height:390px;gap:12px;margin-bottom:50px}.podium-place{width:30vw}.podium-place .avatar.large{width:88px;height:88px}.podium-place.place-1 .avatar.large{width:108px;height:108px}.podium-place>strong{font-size:15px}.podium-place>span:not(.podium-confetti){font-size:10px}.podium-confetti{top:48px;width:210px;height:190px;transform:translateX(-50%) scale(.72)}}.avatar-carousel-field{margin-top:22px}.avatar-carousel-field>legend{margin-bottom:4px}.avatar-carousel{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;min-height:330px}.avatar-carousel-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:transparent}.avatar-carousel-character{display:block;width:min(25vw,300px);height:250px;background:transparent;filter:drop-shadow(0 28px 28px rgba(0,0,0,.58));animation:preview-breathe 3.8s ease-in-out infinite}.avatar-carousel-character img{width:100%;height:100%;object-fit:contain}.avatar-carousel-stage strong{margin-top:-8px;color:var(--paper);font-size:22px;letter-spacing:-.025em}.avatar-carousel-stage>span{margin-top:6px;color:var(--cyan);font:500 10px var(--font-mono);letter-spacing:.16em}.avatar-carousel-arrow{display:grid;place-items:center;width:52px;height:76px;padding:0 0 7px;border:1px solid rgba(83,234,209,.42);border-radius:8px;background:rgba(7,16,29,.28);color:var(--cyan);font:300 56px/1 var(--font-display);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.avatar-carousel-arrow:hover{transform:scale(1.06);border-color:var(--cyan);background:rgba(83,234,209,.09)}@media(max-width:700px){.join-form{padding-top:18px}.avatar-carousel{grid-template-columns:50px minmax(0,1fr) 50px;min-height:360px}.avatar-carousel-character{width:min(72vw,330px);height:292px}.avatar-carousel-arrow{width:46px;height:68px;font-size:50px;background:transparent}.avatar-carousel-stage strong{font-size:24px}}.admin-shell,.join-code-gate{position:relative;z-index:2;display:grid;place-items:center;min-height:100svh;padding:28px;background:radial-gradient(circle at 70% 20%,rgba(83,234,209,.12),transparent 34%),#050912}.admin-panel,.join-code-gate form{width:min(560px,100%);padding:clamp(28px,5vw,52px);border:1px solid var(--line);background:rgba(8,17,29,.9);box-shadow:inset 4px 0 var(--cyan),0 30px 100px #0008}.admin-panel h1,.join-code-gate h1{margin:22px 0 40px;font-size:clamp(54px,9vw,92px);line-height:.86}.admin-panel label,.join-code-gate label{display:block;color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.14em}.admin-panel input,.join-code-gate input{display:block;width:100%;margin-top:10px;padding:18px;border:1px solid var(--line);outline:0;background:#07101d;color:var(--paper);font:600 28px var(--font-mono);letter-spacing:.14em}.admin-panel p{color:var(--muted);line-height:1.6}.admin-panel>strong{display:block;margin-top:22px;color:var(--cyan);font:500 12px var(--font-mono)}.podium-place{position:relative}.podium-place,.podium-place.place-3{animation-delay:0s}.podium-place.place-2{animation-delay:1.5s}.podium-place.place-1{animation-delay:3s}.podium-place>.podium-block{position:relative;z-index:1}.podium-confetti{position:absolute;z-index:4;left:50%;top:58px;width:180px;height:160px;transform:translateX(-50%);pointer-events:none;color:var(--cyan);font-size:0!important}.place-1 .podium-confetti{color:var(--amber)}.place-2 .podium-confetti{color:#9deef4}.place-3 .podium-confetti{color:var(--coral)}.podium-confetti i{position:absolute;left:50%;top:45%;width:7px;height:12px;opacity:0;border-radius:2px;background:currentColor;box-shadow:0 0 10px color-mix(in srgb,currentColor 45%,transparent);animation:confettiBurst 1.35s cubic-bezier(.15,.8,.25,1) forwards}.place-3 .podium-confetti i{animation-delay:.12s}.place-2 .podium-confetti i{animation-delay:1.62s}.place-1 .podium-confetti i{animation-delay:3.12s}.podium-confetti i:nth-child(3n+1){background:#eef8ff;width:5px;height:9px}.podium-confetti i:nth-child(4n+2){background:currentColor;border-radius:50%;width:8px;height:8px}.podium-confetti i:first-child{--x:-82px;--y:-82px;--r:170deg}.podium-confetti i:nth-child(2){--x:-63px;--y:-118px;--r:290deg}.podium-confetti i:nth-child(3){--x:-40px;--y:-72px;--r:120deg}.podium-confetti i:nth-child(4){--x:-18px;--y:-132px;--r:230deg}.podium-confetti i:nth-child(5){--x:8px;--y:-94px;--r:360deg}.podium-confetti i:nth-child(6){--x:31px;--y:-126px;--r:150deg}.podium-confetti i:nth-child(7){--x:56px;--y:-78px;--r:270deg}.podium-confetti i:nth-child(8){--x:83px;--y:-108px;--r:410deg}.podium-confetti i:nth-child(9){--x:-91px;--y:-45px;--r:250deg}.podium-confetti i:nth-child(10){--x:95px;--y:-50px;--r:180deg}.podium-confetti i:nth-child(11){--x:-72px;--y:-20px;--r:330deg}.podium-confetti i:nth-child(12){--x:76px;--y:-16px;--r:120deg}.podium-confetti i:nth-child(13){--x:-48px;--y:-104px;--r:460deg}.podium-confetti i:nth-child(14){--x:46px;--y:-112px;--r:210deg}.podium-confetti i:nth-child(15){--x:-27px;--y:-62px;--r:300deg}.podium-confetti i:nth-child(16){--x:25px;--y:-52px;--r:140deg}.podium-confetti i:nth-child(17){--x:-102px;--y:-86px;--r:380deg}.podium-confetti i:nth-child(18){--x:106px;--y:-90px;--r:220deg}.final-table{opacity:0;transform:translateY(28px);animation:finalTableReveal .7s ease 4.75s forwards}.reset-button{opacity:0;animation:finalTableReveal .6s ease 5.15s forwards}@keyframes confettiBurst{0%{opacity:0;transform:translate(0) rotate(0) scale(.5)}14%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}}@keyframes finalTableReveal{to{opacity:1;transform:translateY(0)}}.game-header .brand>span:last-child{display:none}.player-companion{position:fixed!important;z-index:24!important;top:96px!important;right:18px!important;bottom:auto!important;left:auto!important;width:104px!important;height:104px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:none!important;pointer-events:none}.player-companion .photo-avatar,.player-companion .three-avatar{width:100%!important;height:100%!important;animation:none!important;filter:drop-shadow(0 12px 14px rgba(0,0,0,.42))}.player-companion>span{display:none!important}.streak-pop{animation:streakIn .45s cubic-bezier(.2,1.5,.4,1),streakOut .35s ease 2.85s forwards}.final-actions{display:flex;justify-content:center;gap:12px;opacity:0;animation:finalTableReveal .6s ease 5.15s forwards}.final-actions .reset-button{margin:30px 0 0;opacity:1;animation:none}.end-button{margin-top:30px;border-color:rgba(255,111,145,.45);color:#ff9bb2}.session-ended{position:relative;z-index:3;display:grid;place-items:center;align-content:center;min-height:calc(100vh - 84px);padding:40px;text-align:center}.session-ended h2{margin:12px 0 4px;font-size:clamp(48px,8vw,96px);letter-spacing:-.06em}.session-ended p{color:var(--muted)}@keyframes streakOut{to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}@media(max-width:700px){.player-companion{top:78px!important;right:9px!important;width:76px!important;height:76px!important}.final-actions{flex-direction:column;gap:8px;margin-top:26px}.final-actions .end-button,.final-actions .reset-button{width:100%;margin:0}}.hero .entry-card.primary{display:grid;place-items:center;text-align:center}.hero .entry-card.primary strong{width:100%;margin:0;text-align:center}.hero .entry-card.primary .arrow,.hero .entry-card.primary .card-index,.hero .entry-card.primary small{display:none}.hero-art{position:relative;isolation:isolate;perspective:1200px}.hero-art>img{transform:scale(1.04);filter:saturate(1.02) brightness(.99)}.hero-art:after{content:"";z-index:2;inset:-20%;background:linear-gradient(112deg,transparent 34%,rgba(96,225,255,.11) 48%,rgba(255,190,92,.08) 53%,transparent 67%);transform:translateX(-45%);animation:heroLightSweep 12s ease-in-out infinite;mix-blend-mode:screen}.hero-art:after,.hero-sand{position:absolute;pointer-events:none}.hero-sand{z-index:3;left:62.7%;top:28%;width:4.2%;height:38%;overflow:hidden;filter:drop-shadow(0 0 6px rgba(255,202,104,.9))}.hero-sand i{position:absolute;top:-8%;width:3px;height:3px;border-radius:50%;background:#ffd88b;opacity:0;animation:heroSandFall linear infinite}.hero-orb-particles{position:absolute;z-index:4;left:51.8%;top:64.2%;width:7%;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 0 7px rgba(87,225,255,.9))}.hero-orb-particles i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#aaf8ff;transform-origin:0 0;animation:heroOrbParticle linear infinite}.hero-orb-particles i:nth-child(3n){width:2px;height:2px;background:#fff2b0}.hero-orb-particles i:nth-child(4n){animation-direction:reverse}.avatar-carousel-stage{perspective:900px}.avatar-carousel-character img,.player-companion .photo-avatar img,.player-wait .photo-avatar img{transform-origin:50% 88%;will-change:transform,filter;animation:sidekickIdle 4.6s ease-in-out infinite;filter:drop-shadow(0 24px 20px rgba(0,0,0,.5))}.rank-row:nth-child(2n) .photo-avatar img{animation-delay:-1.7s}.avatar-carousel-stage:after{content:"";position:absolute;left:50%;bottom:5%;width:45%;height:8%;border-radius:50%;background:rgba(0,0,0,.42);filter:blur(12px);transform:translateX(-50%);animation:sidekickShadow 4.6s ease-in-out infinite;pointer-events:none}.lobby-code{position:relative;isolation:isolate;overflow:hidden}.lobby-code>:not(.lobby-mascot){position:relative;z-index:2}.host-lobby .qr-frame{border-color:rgba(106,238,255,.5);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 50px rgba(69,222,235,.14);transform:rotate(-1deg)}.lobby-mascot{position:absolute;z-index:1;right:-8%;bottom:-5%;width:min(30vw,410px);pointer-events:none;opacity:.82;animation:lobbyMascotIdle 5.2s ease-in-out infinite}.lobby-mascot img{display:block;width:100%;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 45%,transparent 78%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 45%,transparent 78%);filter:drop-shadow(0 24px 28px rgba(0,0,0,.56))}@keyframes heroLightSweep{0%,18%{transform:translateX(-48%);opacity:0}38%{opacity:.9}68%,to{transform:translateX(48%);opacity:0}}@keyframes heroSandFall{0%{transform:translate3d(0,-8px,0) scale(.7);opacity:0}12%{opacity:.95}82%{opacity:.85}to{transform:translate3d(2px,155px,0) scale(1.15);opacity:0}}@keyframes sidekickIdle{0%,to{transform:translate3d(0,2px,0) rotate(-.35deg) scale(.985)}48%{transform:translate3d(0,-8px,18px) rotate(.55deg) scale(1.015)}68%{transform:translate3d(2px,-5px,12px) rotate(.15deg) scale(1.008)}}@keyframes sidekickShadow{0%,to{transform:translateX(-50%) scaleX(1);opacity:.48}48%{transform:translateX(-50%) scaleX(.82);opacity:.28}}@keyframes lobbyMascotIdle{0%,to{transform:translate3d(0,3px,0) rotate(-.5deg)}50%{transform:translate3d(-4px,-7px,0) rotate(.7deg)}}@media(max-width:700px){.hero-sand{left:63%;top:30%;width:5%;height:34%;opacity:.72}.hero-orb-particles{left:52%;top:65%;width:10%;opacity:.75}.lobby-mascot{right:-24%;bottom:4%;width:74vw;opacity:.38}}@media(prefers-reduced-motion:reduce){.avatar-carousel-character img,.avatar-carousel-stage:after,.hero-art:after,.hero-orb-particles i,.hero-sand i,.lobby-mascot,.player-companion .photo-avatar img,.player-wait .photo-avatar img{animation:none!important}}.shell .hero-art{animation:none!important;transform:none!important}.shell .hero-art>img{animation:none!important;transform:scale(1.04)!important}.shell .hero-art-frame{position:absolute;left:50%;top:50%;width:max(100%,177.683vh);height:max(100%,56.28vw);transform:translate(-50%,-50%)}.shell .hero-art-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;animation:none!important;transform:none!important}.shell .hero-art:after{animation:none!important;display:none!important}.hero-sun-flare,.hero-water-glints{position:absolute;z-index:3;pointer-events:none;mix-blend-mode:screen}.hero-sun-flare{left:47.9%;top:39.1%;width:clamp(210px,29vw,480px);aspect-ratio:1;border-radius:50%;opacity:.88;background:radial-gradient(circle,rgba(255,255,245,1) 0 1.5%,rgba(255,247,190,.9) 2.4%,rgba(255,201,75,.38) 7%,transparent 19%);filter:drop-shadow(0 0 13px rgba(255,235,175,.86)) drop-shadow(0 0 36px rgba(255,183,61,.45));transform:translate(-50%,-50%);animation:heroFlareBreathe 6.8s ease-in-out infinite}.hero-water-glints{background:none!important;opacity:1;filter:none}.hero-water-glints--rear{left:39%;top:39%;width:23.5%;height:14%;animation:none}.hero-water-glints--front-left{left:2.5%;bottom:5.5%;width:27.5%;height:24%}.hero-water-glints--front-right{right:0;bottom:0;width:20.5%;height:16%}.hero-water-glints i{position:absolute;width:4px;height:2px;border-radius:60%;background:#fff;opacity:0;box-shadow:-12px 3px 0 -1px rgba(255,255,255,.78),-6px -2px 0 -1px rgba(197,242,255,.88),7px 2px 0 -1px rgba(255,255,255,.94),14px -1px 0 -1px rgba(255,229,167,.72),21px 4px 0 -1px rgba(210,246,255,.68),0 0 5px rgba(255,255,255,.95),0 0 11px rgba(92,219,255,.62);animation:waterGlareFlash ease-in-out infinite}.hero-water-glints i:after,.hero-water-glints i:before{display:none;content:none}.hero-water-glints i:nth-child(2n){width:3px;box-shadow:-9px 2px 0 -1px rgba(255,255,255,.78),6px -2px 0 -1px #fff,13px 2px 0 -1px rgba(180,237,255,.82),0 0 7px rgba(255,255,255,.9)}.hero-water-glints i:nth-child(3n){box-shadow:-15px -1px 0 -1px rgba(255,232,179,.76),-5px 3px 0 -1px #fff,9px -2px 0 -1px rgba(204,242,255,.9),18px 3px 0 -1px rgba(255,255,255,.72),0 0 9px rgba(90,219,255,.62)}@keyframes waterGlareFlash{0%,14%,41%,to{opacity:.06;transform:scaleX(.82)}19%{opacity:1;transform:scaleX(1.16)}26%{opacity:.18;transform:scaleX(.9)}68%{opacity:.1;transform:scaleX(.86)}73%{opacity:.96;transform:scaleX(1.08)}79%{opacity:.14;transform:scaleX(.88)}}@keyframes heroFlareBreathe{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.96)}46%{opacity:.5;transform:translate(-50%,-50%) scale(1.035)}}.hero-sun-flare:after,.hero-sun-flare:before{content:"";position:absolute;left:50%;top:50%;pointer-events:none}.hero-sun-flare:before{display:none;content:none}.hero-sun-flare:after{width:8%;aspect-ratio:1;background:#fffdf1;box-shadow:0 0 18px 9px rgba(255,247,211,.96),0 0 55px 27px rgba(255,186,69,.52),74px 7px 0 -9px rgba(87,223,255,.42),118px 12px 0 -10px rgba(74,181,255,.28),164px 18px 0 -11px rgba(255,205,92,.25),-62px -8px 0 -10px rgba(157,239,255,.24);animation:sunCoreFlare 6.8s ease-in-out infinite}@keyframes sunCoreFlare{0%,to{opacity:.68;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}@media(prefers-reduced-motion:reduce){.hero-sun-flare,.hero-sun-flare:after,.hero-water-glints i{animation:none!important}}.hero-sand{overflow:hidden!important;clip-path:polygon(4% 2%,96% 2%,61% 42%,56% 48%,56% 52%,61% 58%,96% 98%,4% 98%,39% 58%,44% 52%,44% 48%,39% 42%);-webkit-mask-image:linear-gradient(180deg,#000 0 43%,rgba(0,0,0,.96) 47% 53%,#000 57% 100%);mask-image:linear-gradient(180deg,#000 0 43%,rgba(0,0,0,.96) 47% 53%,#000 57% 100%)}.shell .hero .eyebrow,.shell .hero .lede,.shell .hero:before{display:none!important;content:none!important}.shell .hero h1{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;text-shadow:0 5px 24px rgba(0,0,0,.78),0 1px 2px rgba(0,0,0,.9)!important}.shell .hero h1:after,.shell .hero h1:before{display:none!important;content:none!important}.hero-orb-particles{left:46%!important;top:76.6%!important;width:2.7%!important;transform:translate(-50%,-50%)!important}.hero-orb-particles i{--orbit:9px}.hero-orb-particles i:nth-child(3n){--orbit:6px}.hero-orb-particles i:nth-child(4n){--orbit:12px}@keyframes heroOrbParticle{0%{opacity:0;transform:rotate(0deg) translateX(var(--orbit)) scale(.55)}14%{opacity:.95}56%{opacity:.58;transform:rotate(205deg) translateX(var(--orbit)) scale(1)}86%{opacity:.9}to{opacity:0;transform:rotate(1turn) translateX(var(--orbit)) scale(.55)}}.hero-sun-flare{width:clamp(72px,7.2vw,118px)!important;opacity:.78!important;border-radius:0!important;clip-path:polygon(50% 0,55% 43%,100% 50%,55% 57%,50% 100%,45% 57%,0 50%,45% 43%)!important;background:radial-gradient(circle,rgba(255,255,246,1) 0 5%,rgba(255,242,181,.9) 9%,rgba(255,194,71,.42) 24%,transparent 62%)!important;filter:drop-shadow(0 0 5px rgba(255,255,239,.95)) drop-shadow(0 0 16px rgba(255,201,94,.7))!important;transform:translate(-50%,-50%) scale(.94)!important;animation:sunStarFilter 4.8s ease-in-out infinite!important}.hero-sun-flare:after,.hero-sun-flare:before{display:none!important;content:none!important}@keyframes sunStarFilter{0%,to{opacity:.58;transform:translate(-50%,-50%) scale(.92)}46%{opacity:.9;transform:translate(-50%,-50%) scale(1.035)}54%{opacity:.72;transform:translate(-50%,-50%) scale(.98)}}.hero-water-glints{display:none!important}.hero-water-shimmer{position:absolute;z-index:4;inset:0;pointer-events:none;mix-blend-mode:screen}.hero-water-shimmer i{position:absolute;width:5px;height:2px;border-radius:50%;background:rgba(255,255,248,.98);opacity:0;box-shadow:-8px 2px 0 -1px rgba(222,247,255,.84),8px -1px 0 -1px rgba(255,255,255,.94),15px 3px 0 -1px rgba(255,229,165,.68),0 0 7px rgba(140,230,255,.72);animation:waterSpecularFlicker ease-in-out infinite}.hero-water-shimmer i:nth-child(2n){width:3px;box-shadow:-6px -1px 0 -1px rgba(255,255,255,.82),7px 2px 0 -1px rgba(198,242,255,.9),0 0 6px rgba(255,255,255,.75)}.hero-water-shimmer i:nth-child(3n){box-shadow:-11px 2px 0 -1px rgba(255,231,177,.65),-4px -1px 0 -1px #fff,9px 2px 0 -1px rgba(211,246,255,.86),0 0 8px rgba(112,224,255,.7)}@keyframes waterSpecularFlicker{0%,17%,38%,to{opacity:.04;transform:scaleX(.82)}22%{opacity:.9;transform:scaleX(1.08)}28%{opacity:.14;transform:scaleX(.9)}68%{opacity:.08;transform:scaleX(.86)}74%{opacity:.72;transform:scaleX(1.03)}80%{opacity:.1;transform:scaleX(.9)}}@media(prefers-reduced-motion:reduce){.hero-sun-flare,.hero-water-shimmer i{animation:none!important}}.hero-sun-flare{width:clamp(92px,9vw,148px)!important;clip-path:circle(50%)!important;background:radial-gradient(circle,rgba(255,255,247,1) 0 4%,rgba(255,238,162,.86) 8%,rgba(255,190,59,.28) 24%,transparent 58%),conic-gradient(from 7deg,transparent 0 5deg,rgba(255,238,175,.5) 6deg 8deg,transparent 9deg 24deg,rgba(255,211,112,.34) 25deg 27deg,transparent 28deg 49deg,rgba(255,247,211,.52) 50deg 52deg,transparent 53deg 79deg,rgba(255,215,117,.3) 80deg 83deg,transparent 84deg 109deg,rgba(255,244,201,.46) 110deg 112deg,transparent 113deg 141deg,rgba(255,207,93,.32) 142deg 145deg,transparent 146deg 174deg,rgba(255,248,218,.48) 175deg 177deg,transparent 178deg 204deg,rgba(255,211,104,.28) 205deg 208deg,transparent 209deg 237deg,rgba(255,245,204,.5) 238deg 240deg,transparent 241deg 269deg,rgba(255,199,77,.32) 270deg 273deg,transparent 274deg 303deg,rgba(255,247,214,.46) 304deg 306deg,transparent 307deg 331deg,rgba(255,214,108,.3) 332deg 335deg,transparent 336deg 1turn)!important;-webkit-mask-image:radial-gradient(circle,#000 0 45%,rgba(0,0,0,.8) 62%,transparent 100%)!important;mask-image:radial-gradient(circle,#000 0 45%,rgba(0,0,0,.8) 62%,transparent 100%)!important;animation:sunRadialShimmer 5.6s ease-in-out infinite!important}@keyframes sunRadialShimmer{0%,to{opacity:.56;transform:translate(-50%,-50%) rotate(-1.5deg) scale(.94)}44%{opacity:.88;transform:translate(-50%,-50%) rotate(2.2deg) scale(1.035)}58%{opacity:.7;transform:translate(-50%,-50%) rotate(1deg) scale(.985)}}.hero-sun-flare{left:47.9%!important;top:39.1%!important;width:clamp(270px,25vw,390px)!important;aspect-ratio:1!important;overflow:visible!important;border-radius:50%!important;clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important;background:radial-gradient(circle,rgba(255,255,244,.98) 0 1.4%,rgba(255,238,172,.68) 3.2%,rgba(255,191,67,.22) 10%,transparent 31%)!important;filter:drop-shadow(0 0 10px rgba(255,245,209,.8)) drop-shadow(0 0 31px rgba(255,184,67,.38))!important;transform:translate(-50%,-50%)!important;animation:sunFlareBreathe 6.4s ease-in-out infinite!important}.hero-sun-flare:before{inset:-8%;background:conic-gradient(from 4deg,transparent 0 4deg,rgba(255,236,174,.34) 5deg 6.4deg,transparent 7.4deg 21deg,rgba(255,211,113,.2) 22deg 23.3deg,transparent 24.2deg 43deg,rgba(255,247,214,.3) 44deg 45.7deg,transparent 46.8deg 70deg,rgba(255,218,126,.19) 71deg 73deg,transparent 74deg 98deg,rgba(255,244,202,.28) 99deg 100.5deg,transparent 101.5deg 127deg,rgba(255,203,87,.18) 128deg 130deg,transparent 131deg 158deg,rgba(255,248,219,.3) 159deg 160.7deg,transparent 161.7deg 188deg,rgba(255,214,108,.18) 189deg 191deg,transparent 192deg 220deg,rgba(255,245,205,.28) 221deg 222.5deg,transparent 223.5deg 250deg,rgba(255,202,82,.18) 251deg 253deg,transparent 254deg 283deg,rgba(255,247,216,.29) 284deg 285.6deg,transparent 286.6deg 315deg,rgba(255,214,108,.19) 316deg 318deg,transparent 319deg 344deg,rgba(255,243,196,.26) 345deg 346.5deg,transparent 347.5deg 1turn);-webkit-mask-image:radial-gradient(circle,#000 0 12%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.35) 66%,transparent 100%);mask-image:radial-gradient(circle,#000 0 12%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.35) 66%,transparent 100%);filter:blur(.45px);transform-origin:50% 50%;animation:sunRayDrift 13s ease-in-out infinite}.hero-sun-flare:after,.hero-sun-flare:before{display:block!important;content:""!important;position:absolute;border-radius:50%}.hero-sun-flare:after{left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);background:#fffdf0;box-shadow:0 0 15px 7px rgba(255,247,211,.95),0 0 44px 22px rgba(255,184,66,.43),68px 8px 0 -6px rgba(94,225,255,.29),111px 13px 0 -6px rgba(70,167,255,.18),153px 18px 0 -7px rgba(255,202,89,.16),-58px -7px 0 -7px rgba(158,240,255,.16);animation:sunLensCore 6.4s ease-in-out infinite}@keyframes sunFlareBreathe{0%,to{opacity:.72;transform:translate(-50%,-50%) scale(.98)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}}@keyframes sunRayDrift{0%,to{opacity:.48;transform:rotate(-2deg) scale(.97)}50%{opacity:.72;transform:rotate(2.6deg) scale(1.03)}}@keyframes sunLensCore{0%,to{opacity:.74;transform:translate(-50%,-50%) scale(.92)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.hero-sun-flare{opacity:1!important;background:radial-gradient(circle,rgba(255,255,250,1) 0 1.8%,rgba(255,249,201,.98) 3.5%,rgba(238,255,126,.55) 7%,rgba(255,192,53,.36) 13%,rgba(188,230,89,.16) 22%,transparent 36%)!important;filter:drop-shadow(0 0 13px rgba(255,255,225,.96)) drop-shadow(0 0 38px rgba(255,189,57,.68)) drop-shadow(0 0 62px rgba(183,223,78,.28))!important;animation:sunFlareBreatheStrong 6.4s ease-in-out infinite!important}.hero-sun-flare:after{width:20px!important;height:20px!important;background:radial-gradient(circle,#fff 0 28%,#fff8c8 43%,rgba(236,255,139,.82) 62%,rgba(255,189,54,.12) 100%)!important;box-shadow:0 0 22px 11px rgba(255,252,218,1),0 0 62px 31px rgba(255,186,52,.7),0 0 94px 49px rgba(191,224,79,.25),66px 5px 0 -5px rgba(110,241,255,.58),101px 8px 0 -6px rgba(70,187,255,.43),137px 12px 0 -7px rgba(61,138,255,.3),172px 16px 0 -8px rgba(255,205,77,.22),-55px -7px 0 -7px rgba(166,246,255,.27)!important;filter:drop-shadow(0 0 9px rgba(255,255,235,.95))!important;animation:sunLensCoreStrong 6.4s ease-in-out infinite!important}@keyframes sunFlareBreatheStrong{0%,to{opacity:.88;transform:translate(-50%,-50%) scale(.985)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}}@keyframes sunLensCoreStrong{0%,to{opacity:.92;transform:translate(-50%,-50%) scale(.96)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-orb-particles:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:155%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(235,255,255,.92) 0 11%,rgba(74,229,255,.62) 24%,rgba(0,174,255,.26) 48%,transparent 72%);filter:blur(3px) drop-shadow(0 0 10px rgba(63,225,255,.88));mix-blend-mode:screen;animation:puppyBallGlow 3.8s ease-in-out infinite}.hero-orb-particles:after{content:"";position:absolute;left:38%;top:34%;width:5px;height:5px;border-radius:50%;background:#f7ffff;box-shadow:0 0 5px #fff,0 0 12px rgba(91,239,255,.95);animation:puppyBallGlint 3.8s ease-in-out infinite}@keyframes puppyBallGlow{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes puppyBallGlint{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.hero-orb-particles:after,.hero-orb-particles:before{animation:none!important}}.game-shell:has(.host-lobby){background:radial-gradient(circle at 74% 34%,rgba(50,139,188,.17),transparent 34%),radial-gradient(circle at 16% 82%,rgba(31,231,199,.1),transparent 31%),linear-gradient(135deg,#030912,#071522 58%,#04101a)}.host-lobby{height:calc(100svh - 84px);min-height:590px;overflow:hidden;grid-template-columns:minmax(520px,.92fr) minmax(560px,1.08fr);isolation:isolate}.host-lobby:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.38;background-image:linear-gradient(rgba(122,218,244,.09) 1px,transparent 0),linear-gradient(90deg,rgba(122,218,244,.09) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.28) 58%,transparent);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.28) 58%,transparent)}.host-lobby .lobby-code{display:flex;flex-direction:column;min-width:0;padding:clamp(34px,4.5vw,62px) clamp(38px,5vw,72px);border-right:1px solid rgba(126,226,244,.16);background:linear-gradient(115deg,rgba(3,10,18,.92),rgba(5,20,31,.72));overflow:hidden}.host-lobby .lobby-code h2{margin:14px 0 8px;font-size:clamp(48px,5.2vw,76px);line-height:.88}.host-lobby .lobby-instruction{margin:10px 0 20px;color:#9db4c5;font-size:15px}.lobby-access-card{display:flex;align-items:center;gap:clamp(24px,3vw,42px);width:min(100%,650px);margin-top:auto;padding:18px;border:1px solid rgba(126,226,244,.24);border-radius:22px;background:linear-gradient(135deg,rgba(12,31,47,.9),rgba(5,15,25,.92));box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)}.host-lobby .qr-frame{flex:0 0 auto;padding:11px;border:0;border-radius:14px;background:#f4fbff;box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 40px rgba(78,225,237,.14);transform:none}.host-lobby .qr-frame svg{display:block;width:min(17vw,210px);height:auto}.lobby-pin{min-width:0}.lobby-pin span{display:block;color:#8da8ba;font:600 10px var(--font-mono);letter-spacing:.18em}.lobby-pin b{display:block;margin:8px 0 5px;color:var(--cyan);font:650 clamp(48px,5.8vw,82px)/.92 var(--font-mono);letter-spacing:.08em;text-shadow:0 0 34px rgba(83,234,209,.23)}.lobby-pin small{color:#c4d3dc;font-size:13px;white-space:nowrap}.host-lobby .lobby-roster{position:relative;min-width:0;padding:clamp(34px,4.5vw,62px);overflow:hidden;background:radial-gradient(circle at 82% 72%,rgba(57,206,218,.16),transparent 35%)}.host-lobby .roster-head{position:relative;z-index:4}.host-lobby .roster-head h3{margin:7px 0;font-size:clamp(28px,3vw,42px)}.host-lobby .lobby-mascot{position:absolute;z-index:1;right:-2%;bottom:-6%;width:min(32vw,430px);opacity:.92;animation:none}.host-lobby .lobby-mascot img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 0 76%,transparent 98%);mask-image:linear-gradient(180deg,#000 0 76%,transparent 98%);filter:drop-shadow(0 28px 34px rgba(0,0,0,.62))}.host-lobby .player-cloud{position:relative;z-index:3;flex:1 1;min-height:0;max-height:none;margin:22px 0 18px;padding-right:24%;overflow:auto}.host-lobby .empty-state{align-content:start;justify-items:start;width:min(390px,100%);min-height:150px;padding:28px;border:1px solid rgba(126,226,244,.2);border-radius:18px;background:rgba(6,18,29,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.host-lobby .empty-state span{color:var(--cyan);font-size:14px;text-shadow:0 0 14px var(--cyan)}.host-lobby .empty-state p{margin:18px 0 0;color:#b2c5d1;font-size:15px;line-height:1.55}.host-lobby .player-chip{border-radius:14px;background:rgba(7,21,34,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.host-lobby .start-button{position:relative;z-index:5;align-self:flex-start;width:min(310px,100%);min-height:54px;margin:0;border-radius:12px}@media(max-width:1050px){.host-lobby{grid-template-columns:minmax(470px,.95fr) minmax(480px,1.05fr)}.host-lobby .lobby-code,.host-lobby .lobby-roster{padding:34px}.lobby-access-card{gap:22px}.host-lobby .lobby-mascot{right:-8%;width:390px;opacity:.78}}@media(max-width:900px){.host-lobby{height:auto;min-height:calc(100svh - 70px);grid-template-columns:1fr;overflow:visible}.host-lobby .lobby-code{min-height:520px;border-right:0;border-bottom:1px solid rgba(126,226,244,.16)}.host-lobby .lobby-roster{min-height:500px}.host-lobby .qr-frame{grid-column:auto;grid-row:auto}}@media(max-width:600px){.host-lobby .lobby-code,.host-lobby .lobby-roster{padding:26px 20px}.host-lobby .lobby-code{min-height:0}.host-lobby .lobby-code h2{font-size:48px}.lobby-access-card{align-items:flex-start;gap:16px;padding:12px;border-radius:16px}.host-lobby .qr-frame svg{width:132px}.lobby-pin b{font-size:42px}.lobby-pin small{white-space:normal;font-size:11px}.host-lobby .lobby-mascot{right:-18%;width:300px;opacity:.46}.host-lobby .player-cloud{padding-right:0}}.game-shell:has(.jungle-lobby){background:#06120e}.host-lobby.jungle-lobby{position:relative;display:block;height:calc(100svh - 84px);min-height:590px;overflow:hidden;background-image:url(/lobby-jungle.png);background-size:cover;background-position:50%}.host-lobby.jungle-lobby:before{content:"";position:absolute;z-index:0;inset:0;opacity:1;background:radial-gradient(ellipse at 50% 43%,rgba(1,10,10,.18) 0,rgba(1,8,9,.48) 28%,transparent 52%),linear-gradient(180deg,rgba(2,9,9,.16),transparent 52%,rgba(1,7,9,.66));-webkit-mask-image:none;mask-image:none}.jungle-lobby-center{position:absolute;z-index:3;left:50%;top:43%;display:flex;flex-direction:column;align-items:center;width:min(370px,34vw);transform:translate(-50%,-50%);text-align:center}.jungle-lobby-center .section-kicker{color:#d8fff5;text-shadow:0 2px 14px rgba(0,0,0,.9)}.jungle-lobby-center .lobby-pin span{margin-top:13px;color:#d4e8df;text-shadow:0 2px 12px #000}.jungle-lobby-center .lobby-pin b{margin:6px 0 15px;color:#effff9;font-size:clamp(66px,7vw,96px);text-shadow:0 3px 24px rgba(0,0,0,.86),0 0 30px rgba(67,236,205,.42)}.jungle-lobby-center .qr-frame{display:inline-flex;padding:11px;border:1px solid rgba(255,255,255,.76);border-radius:16px;background:#f7fcff;box-shadow:0 18px 60px rgba(0,0,0,.58),0 0 42px rgba(97,240,212,.24);transform:none}.jungle-lobby-center .qr-frame svg{display:block;width:clamp(160px,15.3vw,196px);height:auto}.jungle-lobby-center>p{margin:13px 0 0;color:#effaf5;font-size:13px;text-shadow:0 2px 12px #000,0 0 20px #000}.jungle-lobby .lobby-roster{position:absolute;z-index:4;left:24px;right:24px;bottom:18px;display:grid;grid-template-columns:220px minmax(0,1fr) 250px;align-items:center;gap:20px;min-height:88px;padding:11px 13px 11px 20px;overflow:hidden;border:1px solid rgba(206,255,237,.22);border-radius:18px;background:linear-gradient(100deg,rgba(2,13,16,.9),rgba(5,27,27,.76));box-shadow:0 20px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.jungle-lobby .roster-head{align-items:center}.jungle-lobby .roster-head .live-dot{display:none}.jungle-lobby .roster-head h3{margin:5px 0 0;font-size:22px}.jungle-lobby .player-cloud{display:flex;flex-wrap:nowrap;align-items:center;align-content:center;gap:8px;min-height:60px;max-height:60px;margin:0;padding:0;overflow-x:auto;overflow-y:hidden}.jungle-lobby .player-chip{flex:0 0 auto;height:54px;border-color:rgba(207,255,239,.2);border-radius:13px;background:rgba(3,16,19,.76)}.jungle-lobby .empty-state{display:flex;align-items:center;gap:12px;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.jungle-lobby .empty-state span{font-size:11px}.jungle-lobby .empty-state p{margin:0;color:#d7e8e1;font-size:13px}.jungle-lobby .start-button{justify-self:end;width:250px;min-height:54px;margin:0;border-radius:11px}.jungle-lobby .lobby-mascot{display:none!important}@media(max-width:900px){.host-lobby.jungle-lobby{height:calc(100svh - 70px);min-height:650px;background-position:50%}.jungle-lobby-center{top:42%;width:320px}.jungle-lobby .lobby-roster{grid-template-columns:170px minmax(0,1fr) 200px;left:12px;right:12px;bottom:12px;gap:12px}.jungle-lobby .start-button{width:200px}}@media(max-width:650px){.host-lobby.jungle-lobby{min-height:760px;background-position:50%}.jungle-lobby-center{top:39%;width:280px}.jungle-lobby-center .lobby-pin b{font-size:62px}.jungle-lobby .lobby-roster{grid-template-columns:1fr;gap:8px;padding:14px}.jungle-lobby .roster-head{display:block}.jungle-lobby .player-cloud{max-height:58px}.jungle-lobby .start-button{justify-self:stretch;width:100%}}.join-code-gate{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:calc(100svh - 84px);padding:34px 22px 38px;overflow:hidden;background-image:linear-gradient(180deg,rgba(0,8,10,.02),rgba(0,8,11,.05) 43%,rgba(0,8,12,.72) 76%,rgba(0,7,10,.92)),url(/join-jungle.png);background-size:cover;background-position:top}.join-code-gate:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,transparent 34%,rgba(0,7,9,.12) 70%,rgba(0,7,10,.34) 100%)}.join-code-gate .back-link{z-index:4;top:22px;left:22px;padding:9px 12px;border:1px solid rgba(224,255,246,.28);border-radius:10px;background:rgba(2,15,17,.54);color:#effff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.join-code-gate form{position:relative;z-index:3;width:min(430px,100%);padding:26px 28px 28px;border:1px solid rgba(217,255,243,.27);border-radius:22px;background:linear-gradient(145deg,rgba(3,18,21,.8),rgba(2,10,16,.88));box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.join-code-gate form:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 0,rgba(75,235,207,.11),transparent 45%)}.join-code-gate .section-kicker{color:#8ff5df}.join-code-gate h1{position:relative;margin:12px 0 24px;font-size:clamp(48px,12vw,70px);line-height:.88;text-shadow:0 5px 24px rgba(0,0,0,.78)}.join-code-gate h1 em{color:transparent;-webkit-text-stroke:1px rgba(236,255,248,.78)}.join-code-gate label{position:relative;color:#b8ccc5}.join-code-gate input{position:relative;margin-top:9px;padding:16px 18px;border:1px solid rgba(178,246,228,.3);border-radius:12px;background:rgba(0,10,15,.78);color:#f3fff9;font-size:30px;text-align:center;letter-spacing:.24em;box-shadow:inset 0 0 22px rgba(0,0,0,.32)}.join-code-gate input:focus{border-color:#73ecd2;box-shadow:0 0 0 3px rgba(115,236,210,.13),inset 0 0 22px rgba(0,0,0,.32)}.join-code-gate .action-button{position:relative;margin-top:18px;min-height:54px;border-radius:12px}@media(max-width:700px){.join-code-gate{min-height:calc(100svh - 70px);padding:24px 16px;background-position:top}.join-code-gate form{padding:22px;border-radius:18px}.join-code-gate h1{font-size:52px;margin-bottom:20px}}@media(max-height:720px){.join-code-gate{align-items:flex-end;padding-bottom:16px}.join-code-gate form{padding:18px 22px}.join-code-gate h1{font-size:44px;margin:8px 0 16px}.join-code-gate input{padding:13px 16px}.join-code-gate .action-button{min-height:48px;margin-top:14px}}.shell:has(.join-layout) .telemetry,.shell:has(.join-layout) .topbar{display:none!important}.join-layout{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;width:100%;min-height:100svh;padding:18px!important;overflow:auto!important}.join-layout .join-copy{display:none!important}.join-form{width:min(620px,100%);height:auto!important;min-height:0!important;padding:22px 28px 26px!important;overflow:visible!important;border-radius:20px}.join-form>label{display:block!important;width:100%!important;margin:0 0 10px!important}.avatar-carousel-field{margin-top:10px!important}.avatar-carousel{min-height:290px!important}.avatar-carousel-character{width:min(68vw,320px)!important;height:255px!important}.join-form .action-button{margin-top:10px}@media(max-width:700px){.join-layout{min-height:100svh!important;padding:8px 12px 12px!important;place-items:center!important}.join-form{width:100%;padding:14px 14px 16px!important;border-radius:16px}.join-form>label{margin-bottom:2px!important}.join-form input{padding:12px 14px}.avatar-carousel-field{margin-top:6px!important}.avatar-carousel{min-height:280px!important}.avatar-carousel-character{width:min(74vw,310px)!important;height:245px!important}.join-form .action-button{min-height:50px;margin-top:6px}}.finale.staged{width:min(1500px,calc(100% - 40px));overflow:visible}.finale.staged .spotlight{top:-80px;width:260px;height:820px;opacity:.9}.finale.staged .spotlight.one{left:31%}.finale.staged .spotlight.two{right:31%}.finale.staged .podium{position:relative;display:block;min-height:760px;overflow:visible}.finale.staged .podium-place{position:absolute;left:50%;bottom:0;width:380px;opacity:0;transform:translateX(-50%) translateY(32px) scale(.92);animation:none!important;transition:left .82s cubic-bezier(.2,.82,.2,1),opacity .48s ease,transform .82s cubic-bezier(.2,.82,.2,1)}.finale.staged .podium-place.pending{pointer-events:none}.finale.staged .podium-place.focus,.finale.staged .podium-place.settled{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.finale.staged .podium-place.focus{left:50%;z-index:30}.finale.staged .podium-place.place-2.settled{left:12%;z-index:8}.finale.staged .podium-place.place-1.settled{left:50%;z-index:10}.finale.staged .podium-place.place-3.settled{left:88%;z-index:6}.finale.staged .podium-place .avatar.large{transition:width .82s cubic-bezier(.2,.82,.2,1),height .82s cubic-bezier(.2,.82,.2,1),filter .5s ease}.finale.staged .podium-place.place-3.focus .avatar.large{width:370px;height:370px}.finale.staged .podium-place.place-2.focus .avatar.large{width:420px;height:420px}.finale.staged .podium-place.place-1.focus .avatar.large{width:470px;height:470px}.finale.staged .podium-place>strong{line-height:1.05}.finale.staged .podium-place>span:not(.podium-confetti),.finale.staged .podium-place>strong{position:relative;z-index:22;margin-top:4px}.finale.staged .podium-confetti{top:125px;width:520px;height:420px}.finale.staged .place-3 .podium-confetti i{animation-delay:.12s}.finale.staged .place-2 .podium-confetti i{animation-delay:3.12s}.finale.staged .place-1 .podium-confetti i{animation-delay:6.12s}.finale.staged .final-actions,.finale.staged .final-table{opacity:0;transform:translateY(28px);animation:none}.finale.staged.podium-phase-5 .final-actions,.finale.staged.podium-phase-5 .final-table{animation:finalTableReveal .7s ease .2s forwards}@media(max-width:700px){.finale.staged{width:calc(100% - 12px)}.finale.staged .podium{min-height:470px}.finale.staged .podium-place{width:34vw}.finale.staged .podium-place.place-2.settled{left:15%}.finale.staged .podium-place.place-3.settled{left:85%}.finale.staged .podium-place.place-3.focus .avatar.large{width:42vw;height:42vw}.finale.staged .podium-place.place-2.focus .avatar.large{width:46vw;height:46vw}.finale.staged .podium-place.place-1.focus .avatar.large{width:52vw;height:52vw}.finale.staged .podium-confetti{top:60px;width:250px;height:220px}.finale.staged .podium-place>strong{margin-top:2px}}@media(max-height:720px){.avatar-carousel{min-height:235px!important}.avatar-carousel-character{height:210px!important}}.podium{min-height:680px;gap:clamp(38px,5vw,86px);overflow:visible}.podium-place{width:min(29vw,380px);overflow:visible}.podium-place.place-3 .avatar.large{width:600px;height:600px}.podium-place.place-2 .avatar.large{width:680px;height:680px}.podium-place.place-1 .avatar.large{width:760px;height:760px}.podium-confetti{top:105px;width:470px;height:380px;z-index:20;overflow:visible}.podium-confetti i{width:12px;height:20px;box-shadow:0 0 14px color-mix(in srgb,currentColor 68%,transparent)}@media(max-width:700px){.podium{min-height:440px;gap:4px}.podium-place.place-3 .avatar.large{width:52vw;height:52vw}.podium-place.place-2 .avatar.large{width:60vw;height:60vw}.podium-place.place-1 .avatar.large{width:68vw;height:68vw}.podium-confetti{top:52px;width:230px;height:210px}}.finale.staged .podium-place.place-3.focus .avatar.large{width:720px;height:720px}.finale.staged .podium-place.place-2.focus .avatar.large{width:840px;height:840px}.finale.staged .podium-place.place-1.focus .avatar.large{width:960px;height:960px}.finale.staged .podium{margin-top:-70px}@media(max-width:700px){.finale.staged .podium-place.place-3.focus .avatar.large{width:72vw;height:72vw}.finale.staged .podium-place.place-2.focus .avatar.large{width:84vw;height:84vw}.finale.staged .podium-place.place-1.focus .avatar.large{width:96vw;height:96vw}.finale.staged .podium{margin-top:-34px}}.finale.staged .podium{min-height:580px;height:580px;margin-top:-45px}.finale.staged .podium-place.place-3 .avatar.large{width:210px;height:210px}.finale.staged .podium-place.place-2 .avatar.large{width:240px;height:240px}.finale.staged .podium-place.place-1 .avatar.large{width:280px;height:280px}.finale.staged .podium-place .avatar.large img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.finale.staged .podium-place .avatar.large>.photo-avatar,.finale.staged .podium-place .avatar.large>.three-avatar{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.finale.staged .podium-place .avatar.large>.photo-avatar>img,.finale.staged .podium-place .avatar.large>.three-avatar>img{width:100%!important;height:100%!important}.finale.staged .podium-place.place-3.focus .avatar.large{width:340px;height:340px}.finale.staged .podium-place.place-2.focus .avatar.large{width:390px;height:390px}.finale.staged .podium-place.place-1.focus .avatar.large{width:460px;height:460px}@media(max-width:700px){.finale.staged .podium{min-height:520px;height:520px;margin-top:-25px}.finale.staged .podium-place.place-3 .avatar.large{width:27vw;height:27vw}.finale.staged .podium-place.place-2 .avatar.large{width:31vw;height:31vw}.finale.staged .podium-place.place-1 .avatar.large{width:36vw;height:36vw}.finale.staged .podium-place.place-3.focus .avatar.large{width:48vw;height:48vw}.finale.staged .podium-place.place-2.focus .avatar.large{width:56vw;height:56vw}.finale.staged .podium-place.place-1.focus .avatar.large{width:66vw;height:66vw}}.finale.staged .podium{margin-top:-10px}.finale.staged .podium-place.place-2,.finale.staged .podium-place.place-3{width:300px}.finale.staged .podium-place.place-2.settled{left:18%}.finale.staged .podium-place.place-3.settled{left:82%}.finale.staged .podium-place.focus .podium-block{height:140px;min-height:140px}.finale.staged .podium-place.place-3.focus .avatar.large{width:290px;height:290px}.finale.staged .podium-place.place-2.focus .avatar.large{width:320px;height:320px}.finale.staged .podium-place.place-1.focus .avatar.large{width:340px;height:340px}@media(max-width:700px){.finale.staged .podium{margin-top:0}.finale.staged .podium-place.place-2,.finale.staged .podium-place.place-3{width:30vw}.finale.staged .podium-place.place-2.settled{left:17%}.finale.staged .podium-place.place-3.settled{left:83%}.finale.staged .podium-place.place-3.focus .avatar.large{width:42vw;height:42vw}.finale.staged .podium-place.place-2.focus .avatar.large{width:48vw;height:48vw}.finale.staged .podium-place.place-1.focus .avatar.large{width:54vw;height:54vw}}.finale.staged .podium{margin-top:54px}.finale.staged .podium-place .avatar.large{position:relative;overflow:visible;flex:0 0 auto}.finale.staged .podium-place .avatar.large>.photo-avatar,.finale.staged .podium-place .avatar.large>.photo-avatar>img,.finale.staged .podium-place .avatar.large>.three-avatar,.finale.staged .podium-place .avatar.large>.three-avatar>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}.finale.staged .podium-place.place-3.settled .avatar.large{width:210px;height:210px}.finale.staged .podium-place.place-2.settled .avatar.large{width:225px;height:232px}.finale.staged .podium-place.place-1.settled .avatar.large{width:225px;height:338px}.finale.staged .podium-place.place-3.focus .avatar.large{width:235px;height:235px}.finale.staged .podium-place.place-2.focus .avatar.large{width:250px;height:258px}.finale.staged .podium-place.place-1.focus .avatar.large{width:260px;height:390px}@media(max-width:700px){.finale.staged .podium{margin-top:18px}.finale.staged .podium-place.place-3.settled .avatar.large{width:24vw;height:24vw}.finale.staged .podium-place.place-2.settled .avatar.large{width:26vw;height:27vw}.finale.staged .podium-place.place-1.settled .avatar.large{width:26vw;height:39vw}.finale.staged .podium-place.place-3.focus .avatar.large{width:34vw;height:34vw}.finale.staged .podium-place.place-2.focus .avatar.large{width:36vw;height:37vw}.finale.staged .podium-place.place-1.focus .avatar.large{width:38vw;height:57vw}}.finale,.leaderboard{isolation:isolate}.finale:before,.leaderboard:before{content:"";position:fixed;z-index:-1;inset:84px 0 0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover}.leaderboard:before{background-image:linear-gradient(180deg,rgba(3,10,18,.38),rgba(3,10,18,.74)),url(/ranking-jungle.png)}.finale:before{background-image:linear-gradient(180deg,rgba(3,10,18,.28),rgba(3,10,18,.62)),url(/podium-jungle.png)}@media(max-width:700px){.finale:before,.leaderboard:before{inset:70px 0 0}}.host-auth-shell{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#06101b url(/hero-hourglass-world.png) 50%/cover no-repeat}.host-auth-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,16,.94),rgba(4,14,25,.7) 48%,rgba(3,11,20,.48)),linear-gradient(0deg,rgba(2,8,15,.5),transparent 55%)}.host-auth-shell>.topbar{position:absolute;top:0;left:0;right:0;z-index:2}.host-auth-panel{position:relative;z-index:2;width:min(440px,calc(100% - 36px));padding:38px;border:1px solid rgba(128,229,255,.28);background:rgba(4,14,25,.88);box-shadow:0 28px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.host-auth-panel h1{margin:12px 0 30px;font-size:clamp(46px,6vw,72px);line-height:.86}.host-auth-panel h1 em{color:var(--cyan);font-style:normal}.host-auth-panel label{display:grid;gap:9px;color:var(--muted);font:600 10px var(--font-mono);letter-spacing:.14em}.host-auth-panel input{width:100%;padding:16px 18px;border:1px solid var(--line);outline:none;background:rgba(2,8,15,.78);color:#fff;font:500 18px var(--font-mono)}.host-auth-panel input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(83,234,209,.1)}.host-auth-panel .action-button{width:100%;margin-top:22px}.host-auth-loading{display:grid;place-items:center;gap:18px;color:var(--muted);font:500 11px var(--font-mono);letter-spacing:.1em}@media(max-width:700px){.host-auth-panel{padding:28px 22px}.host-auth-panel h1{font-size:48px}}