:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f7ff;background:#111225;font-synthesis:none;font-weight:400;--bg:#111225;--panel:#1b1d35;--muted:#adb0cd;--violet:#ab90ff;--mint:#80e6be;--coral:#ff8f83;--gold:#ffd47d;--border:#343650}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}::selection{background:#785bd5;color:#fff}.shell{max-width:1300px;margin:auto;padding:0 42px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:105px;border-bottom:1px solid #25273e;gap:16px}.logo{font-size:37px;font-weight:850;letter-spacing:-2px;text-decoration:none;display:flex;align-items:center;gap:9px}.logo-mark{color:var(--violet);font-size:30px}.logo-dot{color:var(--mint);margin-left:-6px}.topbar-right{display:flex;align-items:center;gap:16px}.pill{border:1px solid var(--border);padding:7px 12px;border-radius:100px;font-size:12px;white-space:nowrap}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--violet)}h1,h2,h3,p{margin-top:0}h1{font-size:52px;line-height:1.08;letter-spacing:-2px}h2{font-size:28px;letter-spacing:-.7px}h3{font-size:18px}p{color:var(--muted);line-height:1.65;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:67px 0 60px}.hero h1{font-size:clamp(48px,5.7vw,76px);letter-spacing:-3.5px;margin:22px 0}.hero h1>span,.lobby-intro h1>span{color:var(--mint)}.hero-copy>p{max-width:420px;font-size:16px}.feature-line{display:flex;gap:22px;color:#c9cbe0;font-size:12px;margin-top:28px}.feature-line span:before{content:"✦";color:var(--violet);margin-right:7px}.hero-art{position:relative;height:380px;display:flex;align-items:center;justify-content:center}.hero-wheel{width:290px;height:290px;border-radius:50%;background:conic-gradient(from 22.5deg,#ad95f5 0deg 45deg,#ff998a 45deg 90deg,#ffd47d 90deg 135deg,#82dbbc 135deg 180deg,#ad95f5 180deg 225deg,#ff998a 225deg 270deg,#ffd47d 270deg 315deg,#82dbbc 315deg 360deg);border:12px solid #25273f;box-shadow:0 0 0 1px #3d3d5c,0 20px 70px #0004;display:grid;place-items:center;transform:rotate(-15deg)}.hero-wheel>span{display:grid;place-items:center;background:#17182b;color:#f5f1ff;width:100px;height:100px;border:9px solid #34314b;border-radius:50%;font-size:45px}.orbit{position:absolute;border:1px dashed #41415f;border-radius:50%;width:340px;height:340px}.orbit-two{width:405px;height:405px;opacity:.45}.float-card{position:absolute;background:#25263d;border:1px solid #41425d;padding:16px 20px;border-radius:14px;box-shadow:0 12px 35px #0003;font-size:13px;display:flex;align-items:center;gap:9px;z-index:1}.card-top{top:30px;right:1%;transform:rotate(7deg);color:var(--gold)}.card-bottom{bottom:25px;left:0;transform:rotate(-7deg);color:var(--muted)}.card-bottom strong{font-size:26px;color:var(--mint)}.art-spark{position:absolute;font-size:34px;color:var(--gold)}.spark-one{top:20px;left:30px}.spark-two{bottom:0;right:35px;color:var(--violet)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel h2{margin:13px 0}.join-panel{background:linear-gradient(140deg,#20263b,#1b1d35)}label,legend{display:block;font-size:12px;font-weight:650;color:#d5d6e8;margin-bottom:9px}input,select,textarea{width:100%;border:1px solid #444661;border-radius:9px;padding:13px 14px;background:#111428;color:#f8f7ff;min-width:0}input::placeholder{color:#7f829f}input:read-only{color:#b7bad4}select{appearance:auto}form>input,form>select{margin-bottom:18px}textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.5;resize:vertical}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.button{border:1px solid transparent;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:750;transition:background .15s,transform .15s;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:8px}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--mint);color:#101d1c}.primary:hover:not(:disabled){background:#a2f2d2}.secondary{background:#2a2b46;color:#e7e4ff;border-color:#484966}.secondary:hover:not(:disabled){background:#343551}.gold{background:var(--gold);color:#30230d}.danger{background:#ff8f8311;border-color:#ff8f8340;color:#ffc0b8}.button:disabled{opacity:.4}.full{width:100%}.small{padding:9px 12px;font-size:12px}.text-button{background:none;border:0;color:var(--violet);font-size:12px;padding:7px 0;text-align:left}.text-button:hover{text-decoration:underline}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.category-picker{display:flex;gap:7px;flex-wrap:wrap}.category-chip{padding:7px 10px;border-radius:7px;border:1px solid #44435c;color:#9fa2be;font-size:11px;cursor:pointer;margin:0;display:flex;gap:6px;align-items:center}.category-chip input{width:12px;height:12px;padding:0;accent-color:var(--violet)}.category-chip.selected{background:#ab90ff18;color:#d6c9ff;border-color:#8068bc}.toggle-label{display:flex;align-items:center;gap:11px;margin:0 0 23px}.toggle-label input{width:17px;height:17px;accent-color:var(--mint)}.toggle-label small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.fine-print{font-size:11px;color:#9296b6;margin-top:14px;margin-bottom:0}.error{color:#ffb4a7;padding:12px 15px;border:1px solid #854d50;background:#482c3844;border-radius:9px;font-size:13px}.success{color:var(--mint)}.content-section{margin-top:25px}.content-section>.panel{margin-top:15px}.file-label{display:flex;align-items:center;gap:18px;margin:20px 0}.file-label input{font-size:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.games-preview{padding:80px 0 50px}.games-preview h2{margin:13px 0 30px;font-size:34px}.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.game-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #544569;background:#ab90ff15;border-radius:12px;color:var(--violet);font-size:25px;margin-bottom:17px}.preview-grid h3{font-size:14px;margin-bottom:8px}.preview-grid p{font-size:12px}footer{border-top:1px solid #292b43;padding:25px 0;color:#8589a9;font-size:11px;display:flex;justify-content:space-between;gap:20px}footer a{text-decoration:none}.join-screen{max-width:540px;margin:65px auto}.join-screen h1{font-size:38px;margin:18px 0}.join-screen .back-link{display:inline-block;margin-top:20px}.back-link{font-size:12px;color:var(--violet);text-decoration:none}.loading{padding:100px 0;text-align:center}.loading .back-link{display:block;margin:20px}.spinner{width:35px;height:35px;border:3px solid #40425a;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 25px}@keyframes spin{to{transform:rotate(360deg)}}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}.connection-dot.online{background:var(--mint)}.my-name{font-size:12px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding:40px 0 55px}.play-area{min-width:0}.lobby-intro h1{font-size:56px;margin:16px 0}.lobby-intro p{max-width:500px}.invitation{margin-top:26px;padding:23px}.invitation input{font-size:12px}.room-summary{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:11px;margin-top:16px}.practice{padding:23px;margin-top:18px;background:#16182d}.practice h3{margin-bottom:10px}.practice p{font-size:13px}kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #5a5b77;border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:11px;min-width:24px;min-height:24px;padding:0 6px;background:#ffffff09;color:#d6d6ed}.lobby-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.score-panel{border:1px solid var(--border);border-radius:16px;background:#191b30;padding:20px;height:fit-content;position:sticky;top:25px}.score-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.score-heading>span:last-child{font-size:11px;color:var(--muted)}.scoreboard{list-style:none;padding:0;margin:0}.scoreboard li{display:flex;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #2b2d45;position:relative}.scoreboard li.is-me{background:#ab90ff0b}.rank{font-size:11px;color:#9296b5;width:14px;flex-shrink:0}.avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:800;flex-shrink:0}.avatar-0{background:#ab90ff24;color:#cab6ff}.avatar-1{background:#80e6be24;color:#a1edce}.avatar-2{background:#ff8f8324;color:#ffb3a9}.avatar-3{background:#ffd47d24;color:#ffe0a2}.avatar-4{background:#81c9ed24;color:#a6deff}.player-info{flex:1;min-width:0}.player-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.player-info strong small{color:var(--violet);font-weight:400}.player-info>span{font-size:10px;color:#9a9ebb;display:block;margin-top:3px}.player-score{font-size:12px;color:#e0ddf7}.kick-button{background:none;border:0;color:#9c849a;padding:0 3px;font-size:16px}.kick-button:hover{color:var(--coral)}.my-score{margin-top:22px;border-radius:10px;background:#ab90ff0c;padding:14px;border:1px solid #ab90ff24}.my-score>span{display:block;font-size:11px;color:var(--muted)}.my-score>strong{font-size:29px;display:block;margin-top:5px;color:var(--violet)}.my-score small{font-size:12px;font-weight:400}.host-controls{margin-top:28px;border-top:1px dashed #393b55;padding-top:20px}.round-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.round-header h2{margin:12px 0 0;font-size:26px}.round-header h2>span{color:var(--mint)}.timer{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #514669;background:#ab90ff0e;border-radius:14px;width:78px;height:78px;flex-shrink:0}.timer strong{font-size:31px;font-variant-numeric:tabular-nums}.timer span{font-size:9px;color:var(--muted)}.timer.urgent{color:var(--coral);border-color:var(--coral)}.modifier-banner{background:#ab90ff0b;border:1px solid #ab90ff25;border-radius:9px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:11px;margin-bottom:22px}.modifier-banner strong{color:var(--violet);white-space:nowrap}.modifier-banner span{color:#b4b4cd}.modifier-double,.modifier-boost{border-color:#ffd47d44;background:#ffd47d0b}.modifier-double strong,.modifier-boost strong{color:var(--gold)}.modifier-risk{border-color:#ff8f8344;background:#ff8f830b}.modifier-risk strong{color:var(--coral)}.modifier-shield strong{color:var(--mint)}.question-panel{border:1px solid var(--border);background:#191b30;border-radius:18px;padding:30px}.question-category{color:var(--muted);font-size:10px;padding:5px 10px;display:inline-block}.question-panel h1{font-size:29px;line-height:1.35;letter-spacing:-.6px;margin:23px 0 28px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;align-items:center;gap:13px;min-height:79px;padding:18px 15px;background:#23253e;color:#f0efff;border:1px solid #45465f;border-radius:11px;text-align:left;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.answer kbd{flex-shrink:0;color:var(--violet);border-color:#736090;background:#ab90ff12;width:29px;height:30px}.answer span{overflow-wrap:anywhere}.answer:hover:not(:disabled){background:#2d2f4b;border-color:var(--violet)}.answer:disabled{cursor:default;color:#b7bad5}.answer.chosen{border-color:var(--violet);background:#ab90ff15;color:#e8ddff}.answer.correct{border-color:var(--mint);background:#80e6be15;color:#a5f0d1}.answer.incorrect{border-color:var(--coral);background:#ff8f8310;color:#ffc0b7}.answer-mark{margin-left:auto;font-size:22px}.answer-status{text-align:center;color:var(--mint);font-size:12px;margin:20px 0 0}.buzz-area{margin-bottom:20px;text-align:center}.buzz-button{background:var(--gold);color:#30230c;font-size:18px;padding:18px 25px}.buzz-button kbd{color:#40351f;border-color:#8a784c;background:#0001}.buzz-area>p{border:1px solid #ffd47d55;color:var(--gold);padding:15px;border-radius:9px}.buzz-area strong{margin-left:10px}.bets small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.scene{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#121426;border:1px solid #35374f;border-radius:13px;padding:22px;max-width:500px;margin:auto}.shape{width:100%;max-height:90px}.color-coral{fill:var(--coral)}.color-mint{fill:var(--mint)}.color-gold{fill:var(--gold)}.color-violet{fill:var(--violet)}.reveal-box{margin-top:25px;padding-top:22px;border-top:1px solid #393b55}.reveal-box p{font-size:13px;margin:12px 0 15px}.result-chips{display:flex;flex-wrap:wrap;gap:8px}.result-chips>span{border:1px solid #44465d;border-radius:7px;font-size:10px;padding:6px 9px;color:var(--muted)}.result-chips strong{margin-left:5px}.result-chips .positive{color:var(--mint);border-color:#80e6be44}.result-chips .negative{color:var(--coral);border-color:#ff8f8344}.wheel-stage{text-align:center;padding:10px 20px 22px}.wheel-wrap{position:relative;width:270px;height:270px;margin:36px auto 26px}.game-wheel{width:100%;height:100%;border-radius:50%;border:10px solid #2d2f48;background:conic-gradient(#ab90ff 0deg 90deg,#ff8f83 90deg 180deg,#ffd47d 180deg 270deg,#80e6be 270deg 360deg);box-shadow:0 0 0 1px #575373,0 15px 65px #0004;animation:wheel-spin 3s cubic-bezier(.14,.72,.18,1) both}.wheel-symbol{position:absolute;color:#191b30;font-size:35px;font-weight:800}.symbol-one{top:37px;right:45px}.symbol-two{bottom:45px;right:40px}.symbol-three{bottom:42px;left:44px}.symbol-four{top:35px;left:44px}.wheel-center{position:absolute;top:calc(50% - 44px);left:calc(50% - 44px);width:88px;height:88px;display:grid;place-items:center;background:#1b1d35;border:8px solid #42405b;border-radius:50%;font-size:37px;color:var(--gold)}.wheel-pointer{position:absolute;top:-15px;left:calc(50% - 14px);color:#f5f1ff;font-size:28px;z-index:1;filter:drop-shadow(0 3px 2px #0007)}@keyframes wheel-spin{0%{transform:rotate(-1230deg)}to{transform:rotate(-45deg)}}.wheel-stage h1{font-size:35px;margin-bottom:12px}.wheel-stage>p{max-width:450px;margin:0 auto 20px}.wheel-result{border:1px solid #544569;background:#ab90ff0c;padding:15px 20px;border-radius:12px;margin:20px auto;max-width:450px}.wheel-result strong{display:block;color:var(--gold);font-size:16px}.wheel-result span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.connection-banner{background:#4c2f36;border:1px solid #885252;color:#ffccc2;padding:12px 18px;border-radius:8px;font-size:12px;margin-top:18px}.connection-banner.paused{background:#342d4e;border-color:#675486;color:#dfcdff}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10;border:1px solid #6f9187;background:#223c38;color:#c8fce5;padding:14px 40px 14px 18px;border-radius:10px;box-shadow:0 12px 35px #0005;font-size:12px;max-width:calc(100vw - 30px)}.toast-error{border-color:#94615e;background:#422c34;color:#ffc6bd}.toast>button{position:absolute;right:9px;top:8px;border:0;background:none;color:inherit;font-size:22px}.notice{padding:12px 15px;background:#ffd47d0b;border:1px solid #ffd47d33;color:var(--gold);border-radius:9px;font-size:12px}.finished{text-align:center;padding:20px 0 15px}.confetti{font-size:25px;color:var(--violet);letter-spacing:35px;margin-left:35px;margin-bottom:20px}.trophy{font-size:75px;color:var(--gold);margin:18px 0 5px}.finished h1{font-size:42px;color:var(--mint);margin:15px 0;overflow-wrap:anywhere}.winner-score{font-size:26px;font-weight:800;color:#f3efff}.winner-score span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:35px 0}.podium-place{display:flex;flex-direction:column;justify-content:center;width:150px;min-width:0;background:#25263e;border:1px solid #55516e;border-radius:12px;padding:18px 10px}.podium-place span{font-size:27px;color:var(--violet);margin-bottom:10px}.podium-place strong{font-size:14px;overflow-wrap:anywhere}.podium-place small{font-size:11px;color:var(--muted);margin-top:8px}.place-0{min-height:170px;border-color:#ffd47d77;order:2}.place-0 span{color:var(--gold)}.place-1{min-height:145px;order:1}.place-2{min-height:125px;order:3}@media(min-width:1450px){.shell{padding:0 20px}.hero{padding-top:85px;padding-bottom:80px}}@media(max-width:1050px){.shell{padding:0 25px}.hero h1{font-size:60px}.hero-art{transform:scale(.85)}.preview-grid{grid-template-columns:repeat(3,1fr)}.game-layout{grid-template-columns:minmax(0,1fr) 255px;gap:22px}.question-panel{padding:23px}.answer{font-size:12px;padding:14px 11px}.question-panel h1{font-size:25px}.score-panel{padding:16px}.modifier-banner{align-items:flex-start;flex-direction:column;gap:5px}.topbar-right{gap:10px}}@media(max-width:760px){.shell{padding:0 18px}.topbar{min-height:82px}.logo{font-size:30px}.topbar .muted{display:none}.hero{grid-template-columns:1fr;padding:45px 0 35px}.hero h1{font-size:58px}.hero-art{display:none}.feature-line{gap:14px;flex-wrap:wrap}.entry-grid{grid-template-columns:1fr}.panel{padding:23px}.preview-grid{grid-template-columns:1fr 1fr;gap:20px}.games-preview{padding-top:50px}.games-preview h2{font-size:28px}.game-layout{grid-template-columns:1fr;padding-top:25px}.score-panel{position:static;order:2}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.my-score{display:flex;justify-content:space-between;align-items:center}.my-score>strong{margin:0}.lobby-intro h1{font-size:44px}.my-name{display:none}.round-header h2{font-size:22px}.round-header .eyebrow{font-size:9px;letter-spacing:1px}.timer{width:64px;height:64px}.timer strong{font-size:26px}.question-panel h1{font-size:23px}.answers{gap:10px}.answer{min-height:75px;gap:9px}.wheel-stage{padding-left:0;padding-right:0}.wheel-stage h1{font-size:29px}.join-screen{margin-top:40px}.file-label{display:block}.file-label input{margin-top:10px}.invitation .inline-form{flex-wrap:wrap}.invitation input{flex-basis:100%}.invitation .button{width:100%}.room-summary{gap:12px}.toast{top:10px}.finished h1{font-size:33px}footer{flex-direction:column;gap:8px}}@media(max-width:420px){.topbar-right{gap:8px}.topbar-right .pill{padding:6px 9px;font-size:10px}.topbar-right .text-button{font-size:10px}.connection-dot{display:none}.hero h1{font-size:50px}.inline-form{gap:8px}.inline-form .button{padding:12px}.scoreboard{grid-template-columns:1fr}.answer{padding:12px 9px;font-size:12px}.answer kbd{width:23px;min-width:23px}.scene{padding:15px;gap:8px}.question-panel{padding:19px}.question-panel h1{font-size:22px}.form-row{gap:10px}.form-row select{font-size:12px;padding:12px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.game-wheel{animation-name:wheel-settle}@keyframes wheel-settle{0%{transform:rotate(calc(var(--wheel-stop) - 1440deg))}to{transform:rotate(var(--wheel-stop))}}