/* The party-stage visual direction. Original artwork, shared working lobby. */
:root{--background:#090e19;--foreground:#fff9ef;--card:#172237;--muted:#b9c5d9;--line:#334563;--lime:#ffda45;--pink:#ff4d91;--lilac:#78dfff;--ink:#15182a}
body.party-theme{background:#090e19;background-image:radial-gradient(ellipse at 12% 15%,#47235365,transparent 38%),radial-gradient(ellipse at 85% 24%,#16375870,transparent 45%);background-attachment:fixed;color:var(--foreground)}
.lobby-page{--lobby-panel:#172237;--lobby-stroke:#354661;--lobby-text:#fff9ef;--lobby-muted:#b9c5d9}
.lobby-header{max-width:1300px;padding:25px 32px 20px;gap:24px}.lobby-header .wordmark,.party-theme .wordmark{font-size:29px;letter-spacing:-1px;gap:12px;color:#ffda45;text-shadow:0 3px 0 #101623;transform:rotate(-3deg)}.party-theme .wordmark-party{color:#ff4d91}.party-theme .brand-bars i{background:#ffda45}.party-theme .brand-bars i:nth-child(even){background:#ff4d91}.prototype-pill{margin-left:auto;border-color:#425b71;background:#152638;color:#d3f6ff;padding:9px 13px;letter-spacing:.8px;font-size:12px;font-weight:700}.prototype-pill i{background:#72efd0;box-shadow:0 0 10px #70e7c885}
.lobby-layout{max-width:1300px;grid-template-columns:minmax(0,1.2fr) minmax(390px,.9fr);gap:38px;margin:23px auto 45px;padding-inline:32px;align-items:start}.lobby-intro{padding-top:17px;display:block}.lobby-intro .lobby-eyebrow{color:#79dfff;font-size:12px;letter-spacing:1.8px;margin-bottom:15px}.lobby-intro h1{font-size:clamp(42px,4.4vw,63px);line-height:1;letter-spacing:-2px;color:#ffe472;text-shadow:0 4px 0 #1b1228;margin-bottom:18px}.lobby-intro h1 span{color:#ff63a3}.intro-copy{font-size:17px;line-height:1.6;color:#ccd5e7;margin:0}.intro-art{aspect-ratio:1.5;margin:25px 0 0;border:2px solid #644674;border-radius:23px;overflow:hidden;box-shadow:0 8px 0 #03060d,0 25px 60px #f25e2e12;isolation:isolate}.intro-art img{border-radius:0;object-fit:cover;object-position:50% 45%;opacity:1}.intro-art:after{border-radius:20px;box-shadow:inset 0 0 25px #06091555;background:linear-gradient(transparent 63%,#0b112bc9)}.art-sticker{z-index:2;right:15px;bottom:19px;background:#ffdb4f;border:2px solid #171221;box-shadow:3px 4px 0 #171221;color:#211931;font-size:14px;padding:10px 12px;transform:rotate(-5deg)}.art-caption{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.7px;color:#fff}.art-caption i{width:7px;height:7px;display:block;background:#ff5f9d;border-radius:50%}.platform-line{display:none}
.party-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#141e30;border:1px solid #35415c;border-radius:15px;margin-top:18px;padding:17px 7px}.party-perks>div{text-align:center;padding:0 8px;border-right:1px solid #35415c}.party-perks>div:last-child{border:0}.party-perks span{display:block;font-size:22px;line-height:1.2;color:#ff5898;margin-bottom:7px}.party-perks b{display:block;font-size:12px;letter-spacing:.3px;line-height:1.5}.party-perks small{display:block;font-size:12px;color:#9eafc9;margin-top:3px;line-height:1.5}
.lobby-card{background:linear-gradient(145deg,#1c2a43,#131d31);border:1px solid #556081;border-top:3px solid #ffcb43;border-radius:23px;box-shadow:0 9px 0 #050a12,0 18px 60px #02050d70;padding:27px 29px}.lobby-steps{border-bottom-color:#3b4864;padding-bottom:20px;gap:10px}.lobby-steps li{color:#a1b1ca;font-size:13px;gap:8px}.lobby-steps li>span{width:27px;height:27px;border-color:#61718e;background:#111a2c;font-size:12px}.lobby-steps li[aria-current]{color:#ffdf67}.lobby-steps li[aria-current]>span{background:#ffda45;border-color:#ffe894;color:#171929;box-shadow:0 3px 0 #a67625}.lobby-steps .done>span{background:#183c40;border-color:#63cdb1;color:#8ef0d6}.lobby-audio-toolbar{margin-top:12px}.lobby-audio-toolbar>span{font-size:12px;letter-spacing:.4px;color:#acbcd4}.sound-toggle{background:#0c1727;color:#b4c2d8;border-color:#415670;font-size:12px;min-height:42px}.sound-toggle[aria-pressed="true"]{color:#87edcf;border-color:#3d8d81;background:#173835}.lobby-audio-toolbar+.lobby-screen{padding-top:22px}.screen-icon.lips-icon{float:right;width:68px;height:68px;transform:rotate(9deg);border:2px solid #ff76a6;border-radius:19px;box-shadow:4px 5px 0 #080e1b;margin:0 0 8px 10px}.lobby-screen .lobby-eyebrow{color:#75deff;font-size:12px;letter-spacing:.9px;margin-bottom:10px}.lobby-screen h2{font-size:40px;line-height:1.04;letter-spacing:-1.3px;text-shadow:0 3px 0 #0b1020}.screen-copy{font-size:16px;line-height:1.6;color:#b9c8df;margin-bottom:23px}.field-label{font-size:14px}.field-label>span{font-size:12px;color:#9cacc7}#nickname{background:#0c1425;border:1px solid #64738f;border-radius:11px;box-shadow:inset 0 3px 0 #050b1680;color:#fff;font-size:18px;min-height:58px}#nickname::placeholder{color:#8398b8}#nickname:focus{border-color:#7fddff}.field-hint{color:#adbed5;font-size:12px}.lobby-primary{background:linear-gradient(#ffe67a,#ffc735);border:1px solid #ffec93;border-bottom:4px solid #be811e;border-radius:11px;min-height:59px;color:#211b2c;font-size:16px;box-shadow:0 5px 0 #080d18;transition:transform .16s,box-shadow .16s}.lobby-primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #080d18,0 0 22px #ffda4525}.lobby-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #080d18}.lobby-secondary{background:#202d46;border-color:#5a7193;border-bottom-width:3px;box-shadow:0 3px 0 #090f1b;font-size:14px}.lobby-secondary:hover{background:#2a3a57}.screen-footnote{color:#acbdd3;font-size:12px}.screen-footnote span{color:#82e9c6}.step-back{font-size:14px;color:#adc2dc}.step-back:hover{color:#7fe2ff}.field-error{color:#ffafca}
.target-device-field{background:linear-gradient(115deg,#213649,#152034);border-color:#42647b;padding:16px;border-radius:13px}.target-device-field label{color:#78dfff;font-size:12px}.target-device-field select{background:#0e192b;border-color:#637c9b;color:#fff;font-size:16px;min-height:52px}.target-device-field p{color:#a9bed5}.region-card{background:#101b2e;border-color:#3e516f;min-height:77px;border-radius:12px;padding:13px 14px}.region-card:hover{border-color:#7ecbdc}.region-card:has(input:checked){background:linear-gradient(105deg,#4b3b2390,#1e293f);border-color:#ffcf4a;box-shadow:inset 4px 0 0 #ffcf4a,0 0 18px #ffcf4a08}.region-card input{border-color:#8398b6}.region-card input:checked{border-color:#ffda45;background:#172138}.region-copy b{font-size:14px;color:#fff6e7}.region-copy small{color:#abbbd1;font-size:12px}.region-copy em{background:#4f421f;color:#ffe282;font-size:10px;letter-spacing:.25px}.region-ping{color:#7ce8c6;font-size:13px}.region-auto-icon{color:#ffcf4a}.lobby-tip{border-color:#4e426d;border-left:3px solid #ff5898;background:linear-gradient(120deg,#2a1d3c,#162137);box-shadow:0 4px 0 #060b14;padding:17px 18px;border-radius:14px}.lobby-tip b{color:#ff8bb9;font-size:12px}.lobby-tip>span{color:#ff6da6}.lobby-tip p{color:#cbd1e3;font-size:14px}.lobby-tip button{color:#ffd95a}.lobby-disclosure{font-size:12px;color:#9badc6;margin-top:18px}
.match-orbit{background:#131a2e;border-color:#b1669b;width:99px;height:99px;box-shadow:0 0 38px #ff54952b}.orbit-track{border-color:#483054;border-top-color:#ffdc4d;border-right-color:#ff5e9c}.search-player{border-color:#415a7a;background:#0f1c30}.player-avatar{background:linear-gradient(145deg,#ffde62,#ff9750);border:1px solid #ffeca4;color:#27172b;box-shadow:0 3px 0 #090d19;border-radius:11px}.search-dot{background:#7bedc6}.search-device{color:#7fdcfa}.match-checklist li{font-size:14px;color:#aebed5}.match-checklist li.active{color:#fff4e1}.match-checklist li.active>span,.match-checklist li.complete>span{color:#7fe8c8}.found-mark{background:linear-gradient(#fff096,#ffc638);color:#2a1e2c;box-shadow:0 0 0 7px #ffcd4012,0 5px 0 #9d692d;border:1px solid #ffee95}.room-ticket{background:#101b2e;border:1px solid #6d6070;border-top:3px solid #ff5898;box-shadow:0 5px 0 #080d19}.ticket-label{color:#ff95c0;font-size:12px}.ticket-badge{color:#88edc9;border-color:#408d7e;background:#123931;font-size:12px}.room-ticket h3{font-size:26px}.room-code{color:#91a4c3}.ticket-details{border-bottom-color:#556380}.ticket-details dt{color:#a9bdd5;font-size:12px}.ticket-details dd{font-size:14px}.ticket-device dd{color:#7cddfc}.centered-back{margin-top:18px}
.party-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px}.party-feature{display:flex;align-items:flex-start;gap:15px;background:#152034;border:1px solid #394b6b;border-radius:17px;padding:23px;box-shadow:0 5px 0 #050a13}.party-feature>span{width:47px;height:47px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#3f253e;color:#ff81b0;font-size:26px;box-shadow:inset 0 0 0 1px #764366}.party-feature:nth-child(2)>span{color:#ffdc5d;background:#3b3427;box-shadow:inset 0 0 0 1px #705c37}.party-feature:nth-child(3)>span{color:#7fddff;background:#16394b;box-shadow:inset 0 0 0 1px #3a697d}.party-feature h2{font-family:var(--heading);font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0 0 8px}.party-feature p{font-size:14px;line-height:1.65;color:#b1c0d7;margin:0}.party-gallery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:center;background:linear-gradient(125deg,#322344,#131e31);border:1px solid #5e496e;border-radius:22px;padding:20px;margin-top:15px;overflow:hidden}.party-gallery figure{margin:0;min-width:0;position:relative}.party-gallery img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block;border-radius:14px;border:1px solid #976177}.party-gallery figcaption{position:absolute;left:14px;bottom:12px;font-size:12px;color:#fff;background:#161327d9;padding:5px 9px;border:1px solid #ffffff30;border-radius:6px}.party-gallery-copy{padding:20px 20px 20px 0}.party-gallery-copy h2{font-family:var(--heading);font-size:clamp(32px,3.5vw,47px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 19px;color:#ffe16a}.party-gallery-copy h2 span{color:#ff71ab}.party-gallery-copy p{color:#c3c8de;font-size:16px;line-height:1.75}.party-gallery-copy .lobby-eyebrow{color:#82dbf9;font-size:12px}.party-gallery-copy a{color:#87e8ff;font-size:14px;font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:15px}
.game-overview{border-top-color:#36445f;margin-top:15px;padding-top:35px}.overview-heading .lobby-eyebrow{color:#ff86b8}.overview-heading h2{color:#fff1d9}.overview-columns h3{color:#7eddff}.overview-columns p{color:#b6c4da}.overview-columns a{color:#ffdd74}.lobby-footer{max-width:1236px;border-top-color:#344360;color:#aebbd1}.lobby-footer b{color:#ff609f}.lobby-footer>span{font-size:12px}.lobby-footer a{font-size:14px}
.game-layout{width:min(100% - 64px,1236px)}.room-heading p{color:#ff84b2}.room-heading h1{color:#ffdf71}.game-surface{background:radial-gradient(ellipse at 60% 0,#64315550,transparent 64%),#131e32;border-color:#556586;box-shadow:0 7px 0 #050914}.game-statusbar{background:#101a2d;border-bottom-color:#3f4964}.game-statusbar>b{color:#ffdc66}.game-statusbar>span{color:#82e7c9}.game-placeholder{position:relative;isolation:isolate;min-height:470px}.game-placeholder:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#111c2bd9,#111827ed),url('assets/party-crew.png') center 38%/cover no-repeat}.game-placeholder h2{color:#fff0d5}.game-placeholder p{color:#bfcee1}.game-placeholder .idle-chip{background:#143c36;border-color:#418c7c;color:#8befce}.room-info-card{background:#17233a;border-color:#465979;box-shadow:0 4px 0 #070d17}.room-info-card h2{color:#7ddeff}.room-info-card dt{color:#a9bcd6}.room-info-card dd{color:#fff0d8}.game-note{color:#9bb0cc}.missing-session{background:#162139;border-color:#4f6484}.missing-session h1{color:#ffdd65}
/* Keep the guide in the same colorful game world. */
.party-theme .hero-stage .wheel{background:conic-gradient(from -30deg,#ffdb45 0 60deg,#79ddff 60deg 120deg,#ff76ae 120deg 180deg,#ffdb45 180deg 240deg,#79ddff 240deg 300deg,#ff76ae 300deg 360deg)}.party-theme .wheel-shell{background:#283451;border-color:#080e19}.party-theme .feature-card{background:#172339;border-color:#445a78}.party-theme .feature-card p{color:#bdcbe0}.party-theme .section-stamp{background:#ff5d9b;color:#1d1730}.party-theme .noise-strip{background:#ffcc42;border-color:#fff1a4;color:#1b1426}.party-theme .media-art{border-color:#825379}.party-theme .hero-description,.party-theme .hero-note{color:#bfcee1}.party-theme .signal-caption,.party-theme .signal-line>span{color:#a8bad3}.party-theme .cta-inner{background:linear-gradient(135deg,#ffe774,#ffbd33)}.party-theme .cta-inner h2>span{color:#a92c60}.party-theme .cta-requirements{color:#5d3a27}
@media(max-width:1100px) and (min-width:821px){.lobby-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:24px;padding-inline:26px}.lobby-intro h1{font-size:clamp(37px,4.7vw,52px)}.lobby-card{padding-inline:23px}.lobby-steps li{font-size:12px;gap:5px}.party-feature{padding:18px;gap:11px}.party-feature>span{width:37px;height:40px;font-size:23px}.party-feature h2{font-size:17px}.art-sticker{font-size:12px;right:10px;bottom:13px;padding:8px}.art-caption{left:12px;bottom:12px;font-size:12px;max-width:130px}.party-perks small{display:none}.lobby-screen h2{font-size:36px}}
@media(max-width:820px){.lobby-header{padding:20px 22px 12px;max-width:610px}.lobby-header .wordmark{font-size:26px}.prototype-pill{font-size:12px;padding:8px 10px;letter-spacing:0}.lobby-layout{display:flex;flex-direction:column;max-width:610px;padding-inline:22px;gap:23px;margin-top:7px}.lobby-intro{width:100%;padding-top:5px;display:flex;flex-direction:column}.lobby-intro .lobby-eyebrow{display:none}.lobby-intro h1{font-size:35px;letter-spacing:-1.3px;line-height:1.04;margin:0 0 14px}.lobby-intro h1 br{display:none}.lobby-intro h1 span{display:block}.intro-copy{display:none}.intro-art{aspect-ratio:2.05;margin:0;border-radius:17px;box-shadow:0 5px 0 #040811}.intro-art img{object-position:50% 41%}.art-sticker{right:12px;bottom:13px;font-size:12px;padding:8px 10px}.art-caption{font-size:12px;left:12px;bottom:12px}.party-perks{display:none}.lobby-column{width:100%}.lobby-card{padding:22px 25px;border-radius:19px}.lobby-steps{padding-bottom:17px}.lobby-steps li{font-size:13px}.lobby-audio-toolbar{margin-top:9px}.lobby-audio-toolbar+.lobby-screen{padding-top:15px}.screen-icon.lips-icon{width:57px;height:57px;margin-top:2px;float:right;border-radius:16px}.lobby-screen h2{font-size:35px}.lobby-screen .lobby-eyebrow{font-size:12px}.screen-copy{font-size:16px;margin-bottom:19px}.party-features{width:100%;grid-template-columns:1fr;gap:12px;margin-top:8px}.party-feature{padding:19px;gap:16px}.party-feature h2{font-size:18px}.party-feature p{font-size:14px}.party-gallery{grid-template-columns:1fr;gap:14px;padding:14px;margin-top:12px;width:100%}.party-gallery-copy{padding:11px 9px}.party-gallery-copy h2{font-size:36px}.game-overview{margin-top:10px;padding-top:26px}.overview-columns{grid-template-columns:1fr;gap:16px}.overview-heading h2{font-size:31px}.lobby-footer{max-width:566px;margin:0 auto;padding-inline:22px;flex-wrap:wrap}.game-layout{width:calc(100% - 36px)}.game-placeholder{min-height:390px}.game-grid{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:420px){.lobby-header{padding:18px 16px 10px;gap:14px}.lobby-header .wordmark{font-size:24px}.lobby-header .brand-bars{height:31px;gap:3px}.lobby-header .brand-bars i{width:4px}.prototype-pill{font-size:12px;padding:7px 8px;max-width:135px;line-height:1.3}.lobby-layout{padding-inline:15px;gap:20px}.lobby-intro h1{font-size:30px;margin-bottom:12px}.intro-art{aspect-ratio:1.95}.art-caption{font-size:12px;max-width:140px}.art-sticker{font-size:12px;padding:6px 8px}.lobby-card{padding:20px 20px 22px}.lobby-steps{gap:7px}.lobby-steps li{font-size:12px;gap:6px}.lobby-steps li>span{font-size:12px;width:24px;height:24px}.lobby-audio-toolbar>span{font-size:12px;letter-spacing:0;max-width:110px;line-height:1.4}.sound-toggle{font-size:12px;min-height:44px}.lobby-screen h2{font-size:33px}.screen-icon.lips-icon{width:53px;height:53px}.lobby-screen .lobby-eyebrow{font-size:12px;letter-spacing:.35px}.screen-copy{font-size:16px}.lobby-primary{font-size:16px;min-height:57px}.region-card{padding:12px;gap:10px}.region-copy b{font-size:14px}.region-copy em{display:block;width:max-content;font-size:10px;margin:4px 0 0}.region-copy small,.region-ping{font-size:12px}.auto-region{min-height:87px}.lobby-disclosure{font-size:12px}.lobby-tip p{font-size:14px}.game-sidebar{grid-template-columns:1fr}.game-placeholder{min-height:360px}.room-heading h1{font-size:26px}.game-placeholder h2{font-size:34px}.game-placeholder p{font-size:16px}.party-feature>span{width:43px;height:45px}.lobby-footer{margin-inline:15px;padding-inline:0;gap:9px}}
@media(prefers-reduced-motion:reduce){.party-theme *,.party-theme *:before,.party-theme *:after{animation:none!important;transition:none!important}}