:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#08081e;--bg-bottom:#02020c;--panel:#0f1423b8;--panel-strong:#0f1423db;--panel-border:#324664;--panel-glow:#0078ff;--text:#f0f0ff;--muted:#5a5a82;--cyan:#00dcff;--cyan-soft:#00dcff29;--cyan-dim:#005064;--orange:#ff6400;--orange-soft:#ff7a182e;--orange-dim:#642800;--danger:#ff3250;--success:#32ff50;--gold:gold;font-family:Avenir Next Condensed,DIN Condensed,Bahnschrift,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 11% 13%, #0078ff29, transparent 18rem), radial-gradient(circle at 88% 82%, #ff640021, transparent 22rem), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--success);outline-offset:4px}.app-shell{min-height:100vh;padding:clamp(1rem,3vw,2rem);position:relative;overflow:hidden}.app-shell:before{pointer-events:none;content:"";opacity:.9;background-image:radial-gradient(circle,#c8d2ffb8 0 1px,#0000 1.6px),radial-gradient(circle,#c8d2ff57 0 1px,#0000 1.4px);background-position:0 0,31px 47px;background-size:137px 149px,211px 181px;animation:4.4s ease-in-out infinite star-twinkle;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 58%,#0000 84%);mask-image:radial-gradient(circle at 50% 42%,#000 0 58%,#0000 84%)}.ambient{filter:blur(28px);opacity:.36;pointer-events:none;border-radius:999px;position:fixed}.ambient-one{background:var(--cyan);width:26rem;height:26rem;top:18rem;left:-10rem}.ambient-two{background:var(--orange);width:22rem;height:22rem;bottom:8rem;right:-7rem}.hero-card{z-index:1;background:linear-gradient(180deg, #ffffff0d, transparent 18%), var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #324664cc;border-radius:18px;flex-direction:column;width:min(1180px,100%);height:calc(100vh - clamp(2rem,6vw,4rem));margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex;position:relative;box-shadow:0 0 0 1px #0078ff29,0 0 48px #0078ff38,0 24px 100px #00000080}.hero-card:after{content:"";background:var(--panel-glow);height:1px;box-shadow:0 0 4px var(--panel-glow), 0 0 14px var(--panel-glow);position:absolute;top:86px;left:0;right:0}.topbar,.cta-row,.audio-controls,.settings-strip{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.topbar{flex-shrink:0;justify-content:space-between;min-height:54px;margin-bottom:clamp(1rem,2vw,2rem)}.brand{color:var(--text);text-transform:uppercase;letter-spacing:.16em;text-shadow:0 0 8px #f0f0ff73,0 0 18px #0078ff47;background:0 0;border:0;align-items:baseline;gap:.45rem;font-weight:900;display:flex}.brand span:first-child{color:var(--cyan)}.brand span:last-child{color:var(--orange)}.landing-grid,.room-grid,.game-grid{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(1rem,3vw,2rem);min-height:0;display:grid}.final-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.headline{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;overflow-y:auto}.headline h1,.setup-panel h1,.lobby-panel h1,.round-stage h1,.final-panel h1{letter-spacing:-.07em;text-transform:uppercase;max-width:12ch;margin:0;font-size:clamp(3rem,10vw,7.4rem);line-height:.84}.eyebrow{color:var(--success);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .8rem;font-size:.83rem;font-weight:900}.lede{max-width:58ch;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.primary-button,.secondary-button,.ghost-button{min-height:48px;color:var(--text);letter-spacing:.04em;text-transform:uppercase;border-radius:12px;padding:.82rem 1.2rem;font-weight:900}.primary-button{background:linear-gradient(135deg, var(--cyan), #2077ff);border:0;box-shadow:0 0 18px #00dcff8c}.secondary-button{background:linear-gradient(135deg, var(--orange), #ff315f);border:0;box-shadow:0 0 18px #ff64007a}.ghost-button{background:#0f1423b8;border:1px solid #fff3}.choice-preview,.rules-panel,.setup-panel,.lobby-panel,.scoreboard,.round-stage,.final-panel{background:var(--panel-strong);border:2px solid #324664d1;border-radius:16px;padding:clamp(1rem,3vw,1.5rem)}.choice-preview{flex-direction:column;flex:1;min-height:0;display:flex}.rules-panel{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;overflow-y:auto}.rules-intro{text-align:center}.rules-intro h1{letter-spacing:-.07em;text-transform:uppercase;max-width:14ch;margin:0 auto;font-size:clamp(2.7rem,8vw,6rem);line-height:.86}.rules-intro .lede{margin-left:auto;margin-right:auto}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1rem);margin:clamp(1rem,3vh,2rem) 0;display:grid}.rule-card{background:#0003;border:1px solid #ffffff1f;border-radius:16px;min-height:0;padding:clamp(.85rem,2vw,1.2rem)}.rule-card h2{text-transform:uppercase;letter-spacing:.08em;margin:.6rem 0 .35rem}.rule-card p{color:var(--muted);margin:0;line-height:1.45}.rule-number{letter-spacing:-.08em;text-shadow:0 0 14px;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:1000;line-height:.82;display:block}.cyan-rule{color:var(--cyan);background:var(--cyan-soft);border-color:#00dcff73}.orange-rule{color:var(--orange);background:var(--orange-soft);border-color:#ff7a1880}.gold-rule{color:var(--gold);background:#ffd7001a;border-color:#ffd70073}.rules-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.preview-card{text-transform:uppercase;border-radius:16px;flex-direction:column;flex:1;justify-content:flex-end;gap:.35rem;min-height:6rem;margin-bottom:1rem;padding:1.2rem;display:flex}.preview-card span,.vote-button span,.reveal-card h2{letter-spacing:-.08em;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:1000;line-height:.82}.silicon-panel{background:var(--cyan-soft);color:var(--cyan);border:1px solid #00dcff66}.soul-panel{background:var(--orange-soft);color:var(--orange);border:1px solid #ff7a1873}.setup-panel,.lobby-panel{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;overflow-y:auto}.setup-panel{max-width:620px;margin:0 auto}label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:.45rem;margin:1.25rem 0;font-weight:800;display:grid}input{min-height:54px;color:var(--text);background:#00000038;border:1px solid #ffffff2e;border-radius:16px;padding:.85rem 1rem}.notice{background:#ff315f1f;border:1px solid #ff315f73;border-radius:18px;margin-bottom:1rem;padding:.9rem 1rem}.invite-box{color:var(--cyan);white-space:nowrap;background:#00000047;border-radius:16px;margin:1rem 0;padding:1rem;overflow:auto}.settings-strip{margin:1rem 0}.settings-strip span{color:var(--muted);background:#ffffff12;border-radius:999px;padding:.45rem .7rem}.round-stage{text-align:center;border-color:#0078ff99;flex-direction:column;justify-content:center;gap:clamp(.5rem,1.5vh,1rem);min-height:0;display:flex;overflow-y:auto;box-shadow:inset 0 0 40px #0078ff0f,0 0 20px #0078ff2e}.round-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-weight:900;display:flex}.timer-ring{background:radial-gradient(circle,#00dcff1f,#0000 64%);border:2px solid #00dcff94;border-radius:999px;place-self:center;place-items:center;width:10rem;height:10rem;display:grid;box-shadow:inset 0 0 28px #00dcff33}.timer-ring strong{font-size:3.8rem;line-height:.8}.timer-ring span{color:var(--muted);text-transform:uppercase;margin-top:-2.4rem}.timer-bar{background:#ffffff14;border:1px solid #ffffff14;border-radius:0;justify-self:center;width:min(100%,820px);height:12px;overflow:hidden}.timer-bar span{background:linear-gradient(90deg, var(--danger), var(--cyan));height:100%;transition:width .18s linear;display:block;box-shadow:0 0 14px}.vote-grid{flex:1;grid-template-columns:1fr 1fr;gap:1rem;min-height:0;display:grid}.vote-button{text-transform:uppercase;border-radius:16px;align-content:center;gap:.5rem;height:100%;min-height:120px;display:grid}.vote-button.silicon{color:var(--cyan);background:linear-gradient(#00dcff2e,#00000038);border:1px solid #00dcffa6}.vote-button.soul{color:var(--orange);background:linear-gradient(#ff7a1833,#00000038);border:1px solid #ff6400b8}.vote-button.locked{box-shadow:0 0 38px #40ff8a3d}.vote-button:disabled{cursor:not-allowed;opacity:.78}.scoreboard{flex-direction:column;min-height:0;display:flex}.scoreboard h2{color:var(--gold);text-transform:uppercase;margin-top:0}.score-row{background:#0f1423bf;border:2px solid #324664cc;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;margin-bottom:.75rem;padding:.8rem;display:grid}.score-row.you{border-color:#32ff50bf;box-shadow:0 0 16px #32ff5038}.status-dot{background:var(--danger);border-radius:999px;width:.75rem;height:.75rem}.status-dot[data-connected=true]{background:var(--success)}.results-list{color:var(--muted);margin-top:1rem}.reveal-card{text-align:left;border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex;overflow-y:auto}.reveal-card.silicon{background:var(--cyan-soft);border:1px solid #00dcff8c}.reveal-card.soul{background:var(--orange-soft);border:1px solid #ff7a1899}.reveal-card dl{gap:.7rem;display:grid}.reveal-card dt{color:var(--muted);text-transform:uppercase;font-size:.78rem}.reveal-card dd{margin:0;font-size:1.2rem}.final-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:2rem 0;display:grid}.final-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:22px;padding:1rem}.final-card h2{margin-bottom:.3rem}@media (width<=820px){.landing-grid,.room-grid,.game-grid,.rules-grid,.vote-grid{grid-template-columns:1fr}.round-stage{min-height:auto}.topbar{align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.hero-card,.preview-card,.round-stage{animation:.56s both rise-in}.timer-ring{animation:1.8s ease-in-out infinite pulse}}@keyframes star-twinkle{50%{opacity:.45}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}@keyframes pulse{50%{transform:scale(1.03)}}.glow-text{text-shadow:0 0 10px}.glow-text.large{font-size:clamp(2rem,6vw,4rem)}.glow-text.massive{text-shadow:0 0 15px,0 0 30px;font-size:clamp(3rem,10vw,7rem)}.glow-text.gold{color:var(--gold)}.pulse-color{animation:6s infinite alternate color-pulse}@keyframes color-pulse{0%{color:var(--cyan)}to{color:var(--orange)}}.subtext{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:1.2rem}.choosing-phase{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;display:flex}.pre-reveal-phase{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.tension{z-index:2;transition:transform .1s linear}.color-silicon{color:var(--cyan)}.color-soul{color:var(--orange)}.color-winner{color:var(--success)}.color-loser{color:var(--danger)}.vignette-overlay{pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 30%,#000c 70%);position:absolute;inset:-100%}.elastic-entrance{animation:.6s cubic-bezier(.175,.885,.32,1.275) both elastic-scale}@keyframes elastic-scale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.fade-in-delayed{animation:.5s ease-out .3s both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal-header{text-align:center;margin-bottom:2rem}.reveal-details{background:#0003;border-radius:12px;padding:1.5rem}.result-message{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.blackout-bg{position:relative}.blackout-bg:before{content:"";z-index:0;pointer-events:none;background:#0009;position:absolute;inset:-50vw}.game-over-title{z-index:10;text-align:center;opacity:0;justify-content:center;width:100%;margin-bottom:clamp(1rem,3vh,3rem);transition:all .8s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;transform:translateY(-50px)}.game-over-title.drop-in{opacity:1;transform:translateY(0)}.pedestals-container{z-index:5;flex:1;justify-content:center;align-items:flex-end;gap:2rem;width:100%;min-height:0;margin-bottom:2rem;display:flex;position:relative}.pedestal-wrapper{opacity:0;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;transition:all 1s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(100%)}.pedestal-wrapper.rise-up{opacity:1;transform:translateY(0)}.pedestal-block{border:2px solid var(--panel-border);background:var(--panel);border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;min-width:120px;transition:all .5s;display:flex;position:relative;overflow:hidden}.pedestal-block:before{content:"";opacity:.5;background:currentColor;height:4px;position:absolute;top:0;left:0;right:0}.pedestal-block.rank-0{border-color:var(--gold);height:min(200px,20vh);color:var(--gold)}.pedestal-block.rank-1{border-color:var(--cyan);height:min(140px,14vh);color:var(--cyan)}.pedestal-block.rank-2{border-color:var(--orange);height:min(100px,10vh);color:var(--orange)}.pedestal-block.champion-glow{animation:2s infinite alternate champion-pulse;box-shadow:0 0 30px #ffd70066,inset 0 0 20px #ffd70033}@keyframes champion-pulse{0%{box-shadow:0 0 20px #ffd7004d,inset 0 0 10px #ffd7001a}to{box-shadow:0 0 40px #ffd70099,inset 0 0 30px #ffd7004d}}.rank-label{opacity:.8;font-size:2rem;font-weight:900}.player-info{text-align:center;margin-bottom:1rem;transition:opacity .5s}.player-info.hidden{opacity:0}.player-info h3{margin:0 0 .5rem;font-size:1.5rem}.score-counter{font-size:2.5rem;font-weight:900}.pedestal-wrapper.rank-0 .score-counter{color:var(--gold);font-size:3.5rem}.champion-crown{margin-bottom:1rem}.final-actions{z-index:10;text-align:center;width:100%;position:relative}.vote-button{position:relative;overflow:hidden}.vote-indicator-circle{opacity:.5;background:#0006;border:2px solid;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:1rem;right:1rem}.vote-button.locked .vote-indicator-circle{opacity:1;box-shadow:0 0 15px}.inner-highlight{background:#fff3;border-radius:50%;position:absolute;inset:4px}.vote-button.locked .inner-highlight{background:#fffc}.vote-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.locked-label{color:var(--success);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;animation:2s infinite pulse}.player-cards-list{flex-direction:column;flex:1;gap:.5rem;min-height:0;margin-top:1rem;display:flex;overflow-y:auto}.glass-panel{background:var(--panel-strong);border:2px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .3s}.player-card{justify-content:space-between;align-items:center;min-height:90px;padding:1rem;display:flex}.player-card.border-default{border-color:var(--panel-border)}.player-card.border-you{border-color:var(--success);box-shadow:0 0 15px #32ff5033}.player-card.border-voted{border-color:var(--cyan);box-shadow:0 0 15px #00dcff33}.player-card.border-winner{border-color:var(--success);box-shadow:0 0 20px #32ff504d}.player-card.border-loser{border-color:var(--danger);box-shadow:0 0 15px #ff325033}.player-card-left{flex:1;align-items:center;gap:1rem;display:flex}.player-badge{border:2px solid var(--panel-glow);width:40px;height:40px;color:var(--text);background:#0078ff33;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex;box-shadow:inset 0 0 10px #0078ff80}.player-name-status{flex-direction:column;gap:.25rem;display:flex}.player-name{text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem}.status-indicator{color:var(--muted);align-items:center;gap:.5rem;display:flex}.player-card-center{letter-spacing:.1em;flex:1;justify-content:center;align-items:center;font-weight:900;display:flex}.pulse-opacity{animation:1.5s infinite alternate pulse-opacity}@keyframes pulse-opacity{0%{opacity:.4}to{opacity:1}}.player-card-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.player-score{font-size:2.5rem;font-weight:900}