:root{color-scheme:dark;--bg:#070919;--panel:#10152e;--gold:#f6c46c;--muted:#8e97b7;--line:#2b365b;--green:#6de1ac;--red:#fc7b87;--ink:#f4f5ff;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 0,#171444 0,transparent 55%),var(--bg);color:var(--ink);min-height:100vh}button,input,select{font:inherit}button,.button{border:1px solid #3a4368;border-radius:9px;background:#1c2341;color:var(--ink);padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}button:hover,.button:hover{background:#30365c;border-color:#9a91d1}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--gold);color:#211b17;border-color:var(--gold)}button.danger{border-color:#bd5964;color:#ffa6b0}button.quiet{background:transparent}input,select{background:#090e24;border:1px solid #343c60;border-radius:8px;color:var(--ink);padding:12px;width:100%;min-width:0}input:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold)}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #ffffff12;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:9px;color:#b0a7cf;letter-spacing:5px;margin-top:4px}.brand-mark{font-size:28px;letter-spacing:-6px;display:block;width:40px;color:var(--gold)}.brand-mark span{color:white}.header-center{font-size:10px;letter-spacing:3px;color:#a6a5c1}.header-center i{color:var(--gold);font-style:normal;margin:0 8px}.header-right{display:flex;gap:14px;align-items:center}#connection{font-size:12px;color:var(--muted);white-space:nowrap}#connection.live{color:var(--green)}main{max-width:1920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px;padding:32px 42px 22px}.stage{min-width:0;position:relative}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:700}h1{font-size:25px;margin:10px 0 0;letter-spacing:.5px}.bank{display:flex;gap:35px}.bank span{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block}.bank strong{display:block;font-size:29px;color:#fff;letter-spacing:0;margin-top:7px}.bank span:last-child strong{color:var(--gold)}.arena{height:430px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.light-rays{position:absolute;inset:10px 5%;background:repeating-conic-gradient(from -5deg at 50% 90%,transparent 0 9deg,#444bff0c 9deg 10deg,transparent 10deg 20deg);mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.orb{height:285px;width:285px;border-radius:50%;padding:15px;background:conic-gradient(from 25deg,#8b6db6,#353d81,#caa76d,#7475c9,#282d5f,#a89edd,#8b6db6);box-shadow:0 0 0 9px #44447c22,0 0 0 11px #9a8ad82b,0 0 85px #7365da22;z-index:1}.orb-inner{height:100%;border-radius:50%;background:radial-gradient(ellipse,#262044,#0c1027 70%);border:1px solid #c8b88d78;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.orb-inner:after{content:'';position:absolute;inset:12px;border:1px dashed #9791bb55;border-radius:50%;pointer-events:none}.orb strong{font-family:Georgia,serif;font-size:99px;line-height:1.1;font-weight:500;color:#ffdc95;letter-spacing:-5px;text-shadow:0 3px 35px #ffd37b30}.orb-top{font-size:8px;letter-spacing:3px;color:#b9afd6}.orb-bottom{font-size:7px;letter-spacing:1.5px;color:#c7bddc;margin-top:15px}.stage-badge{margin-top:29px;color:#bbb5d8;font-size:10px;letter-spacing:3px;text-align:center;z-index:1}.timer{position:absolute;right:20px;top:40%;font-size:45px;font-variant-numeric:tabular-nums;color:var(--gold)}.timer.paused{color:var(--muted)}.question-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:2px;padding:0 22px 14px;color:var(--muted)}#questionPrice{color:var(--gold);font-weight:700}.question-frame{position:relative;border:1px solid #746b9e;background:linear-gradient(120deg,#1e2447,#151a36 65%);clip-path:polygon(2.2% 0,97.8% 0,100% 50%,97.8% 100%,2.2% 100%,0 50%);min-height:128px;display:flex;align-items:center;justify-content:center;padding:24px 42px;box-shadow:inset 0 0 50px #8b76e60b}.question-frame h2{font-size:28px;line-height:1.4;text-align:center;margin:0;max-width:1050px;font-weight:600}.answers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0 0}.answer{position:relative;min-height:76px;display:flex;align-items:center;justify-content:flex-start;padding:18px 28px;gap:14px;border:1px solid #4b507b;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);border-radius:0;background:linear-gradient(110deg,#1a2141,#11182f);font-size:20px;font-weight:500;text-align:left;color:#e9e9f5}.answer .letter{font-size:18px;color:var(--gold);font-weight:700;flex-shrink:0}.answer.selected{background:linear-gradient(110deg,#d9a94d,#b57d28);color:#160f07;border-color:#f8d78a}.answer.selected .letter{color:#35200b}.answer.locked{box-shadow:inset 0 0 0 2px #ffe2a1}.answer.correct{background:linear-gradient(110deg,#127957,#0e6149);border-color:#86ffc2;color:white}.answer.wrong{background:linear-gradient(110deg,#9c3949,#6f253c);border-color:#ff8499}.answer.hidden-answer{visibility:hidden}.answer:disabled{opacity:1;cursor:default}.answer:disabled:not(.selected):not(.correct):not(.wrong){color:#b6b8cc}.explanation{margin:17px 18px 0;font-size:14px;line-height:1.6;color:#a8b7cf}.game-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;align-items:center}.game-controls .spacer{flex:1}.game-controls p{width:100%;font-size:13px;color:var(--muted);line-height:1.5;margin:0}.hint-button{border-color:#696295}.hint-button.used{opacity:.3}.host-answer{padding:15px 18px;border:1px dashed #5b4369;border-radius:9px;margin-top:18px;color:#d2b5dd;font-size:13px}.host-answer:empty{display:none}.camera-space{aspect-ratio:16/9;border:1px dashed #59617a55;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#6d748f;background:#090c1b88}.camera-space span{font-size:8px;letter-spacing:1.5px}.camera-space small{font-size:9px;opacity:.6}.ladder-title{display:flex;justify-content:space-between;padding:25px 9px 15px;color:#b8b6cd;font-size:10px;letter-spacing:1.7px}.ladder-title small{color:var(--muted)}.ladder{list-style:none;padding:0;margin:0;display:flex;flex-direction:column-reverse;gap:3px}.ladder li{display:flex;justify-content:space-between;align-items:center;height:39px;padding:0 18px;border-radius:6px;border:1px solid transparent;color:#8d94b3;font-size:16px}.ladder .number{font-size:11px;color:#626b90;display:inline-block;width:30px}.ladder .safe{color:var(--gold)}.ladder .safe .number{color:#b79762}.ladder .reached{color:#b0b8d5}.ladder .current{background:#e5b458;color:#241d13;border-color:#ffd690;font-weight:800;box-shadow:0 0 25px #e6b75615}.ladder .current .number{color:#735528}.ladder .safe-symbol{font-size:9px;margin-right:10px}.ladder-foot{font-size:9px;color:#927e62;border-top:1px solid #b6a07820;margin-top:17px;padding-top:16px;letter-spacing:.6px;text-align:center}.finished{margin-top:22px;padding:20px 25px;background:linear-gradient(90deg,#322b1e,#171a2f);border:1px solid #b29354;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.finished span{display:block;font-size:11px;letter-spacing:2px;color:var(--gold)}.finished strong{font-family:Georgia,serif;font-size:47px;font-weight:400;color:#ffe0a1}.finished h3{margin:8px 0;font-size:23px}.prize-banner{padding:14px 20px;margin-top:14px;border:1px solid #323958;border-radius:9px;font-size:13px;color:#b4bfdc;line-height:1.5}.private-section{max-width:1200px;margin:15px auto 30px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#10162c}.private-section h3{margin:8px 0}.private-section p{font-size:13px;color:var(--muted);line-height:1.6}.private-section input{margin:10px 0}.private-section>a{margin-left:12px;font-size:13px}.order{border-top:1px solid #ffffff12;padding:18px 0;line-height:1.6;font-size:14px}.order small{display:block;color:var(--muted);margin:5px 0}.order .error{color:#f6a6a8}.order .row{margin-top:10px}.vote-results{display:flex;gap:15px;width:100%;margin-top:6px}.vote-column{flex:1;padding:12px;background:#1b2441;border-radius:7px;text-align:center;font-size:13px}.vote-column strong{display:block;color:var(--gold);font-size:23px;margin-top:5px}dialog{max-width:780px;width:calc(100% - 30px);max-height:92vh;overflow:auto;border:1px solid #4d5078;border-radius:18px;padding:28px;background:#10162c;color:var(--ink)}dialog::backdrop{background:#030611cc;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-head h2{margin:8px 0}dialog section{padding:22px 0;border-top:1px solid #ffffff12;margin-top:18px}dialog h3{font-size:18px;margin:0 0 16px}dialog label:not(.button){display:block;font-size:13px;color:#b8c1dc;margin:15px 0}dialog label input{margin-top:8px}dialog p{font-size:12px;line-height:1.7;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.row input{flex:1;min-width:150px}.row select{width:auto}.checkbox{display:flex!important;align-items:center;gap:10px}.checkbox input{width:17px!important;margin:0!important}.service-status{border-radius:8px;padding:12px;background:#18233d;color:#a6dbcc;font-size:13px;margin-bottom:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#2f3656;color:white;border:1px solid #70759c;border-radius:10px;max-width:90vw;z-index:10;font-size:14px;box-shadow:0 12px 40px #0006}.host-only,.player-only{display:none}body.host .host-only{display:block}body.host button.host-only{display:inline-flex}body.player .player-only{display:block}body.screen .game-controls,body.screen .host-answer,body.screen .private-section{display:none}body.screen main{height:calc(100vh - 88px)}body.screen .arena{height:calc(100vh - 600px);min-height:280px;max-height:440px}body.screen .finished{padding:10px 22px}body.screen .finished strong{font-size:34px}body.screen .finished h3{font-size:18px;margin:4px 0}body.screen .prize-banner{margin-top:8px;padding:9px 16px}body.screen .explanation{font-size:13px}body.player header,body.vote header{padding:0 20px;height:72px}body.player .header-center,body.vote .header-center,body.player aside,body.vote aside{display:none}body.player main,body.vote main{display:block;max-width:950px;padding:25px 20px}body.player .arena,body.vote .arena{display:none}body.player .stage-top,body.vote .stage-top{margin-bottom:30px}body.player .question-frame h2,body.vote .question-frame h2{font-size:23px}body.player .question-frame,body.vote .question-frame{min-height:130px}body.player .question-caption,body.vote .question-caption{font-size:9px;padding:0 8px 12px}body.player .answer,body.vote .answer{font-size:17px;min-height:75px}body.player .bank strong,body.vote .bank strong{font-size:24px}body.player .bank,body.vote .bank{gap:20px}body.player .private-section{margin:10px 20px 30px;max-width:910px}body.vote .game-controls{display:block}body.vote .stage-top h1{font-size:20px}[hidden]{display:none!important}
@media(min-width:1700px){main{grid-template-columns:minmax(0,1fr) 360px;gap:48px}.ladder li{height:41px}.arena{height:455px}.orb{height:310px;width:310px}.question-frame h2{font-size:31px}.answer{font-size:23px;min-height:82px}.camera-space{margin-bottom:5px}}
@media(max-width:1100px){header{padding:0 22px}.header-center{display:none}main{padding:25px 22px;gap:25px;grid-template-columns:minmax(0,1fr) 240px}.arena{height:330px}.orb{width:230px;height:230px}.orb strong{font-size:80px}.orb-top{font-size:6px}.orb-bottom{font-size:6px}.question-frame h2{font-size:23px}.answer{font-size:17px;padding:16px 20px;min-height:75px}.bank{gap:18px}.bank strong{font-size:24px}.ladder li{height:34px}.stage-top h1{font-size:20px}.private-section{margin-left:22px;margin-right:22px}body.screen .arena{min-height:230px}}
@media(max-width:700px){header{height:68px;padding:0 16px}.brand{font-size:14px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:3px}.brand-mark{font-size:25px;width:32px}#connection{font-size:10px}.header-right{gap:8px}.header-right button{padding:8px;font-size:11px}main{display:flex;flex-direction:column;padding:22px 16px;gap:25px}aside .camera-space{display:none}aside{max-width:none}.ladder-title{padding-top:0}.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ladder li{height:33px;padding:0 9px;font-size:13px}.ladder .number{font-size:9px;width:20px}.stage-top{gap:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:18px}.bank{gap:12px}.bank strong{font-size:21px}.bank span{font-size:7px;letter-spacing:.8px}.arena{height:290px}.orb{height:210px;width:210px;padding:11px}.orb strong{font-size:73px}.orb-top{font-size:6px;letter-spacing:1.8px}.orb-bottom{font-size:5px}.question-frame{min-height:130px;padding:22px}.question-frame h2{font-size:20px}.answers{gap:10px;grid-template-columns:1fr;margin-top:15px}.answer{min-height:62px;font-size:17px;gap:10px;padding:15px 22px}.answer .letter{font-size:16px}.question-caption{font-size:8px;letter-spacing:.8px;padding:0 8px 10px}.game-controls{gap:8px}.game-controls button{font-size:12px;padding:12px}.game-controls .spacer{display:none}.finished{padding:17px}.finished h3{font-size:18px}.finished strong{font-size:36px}.private-section{padding:20px;margin:10px 16px 25px}.private-section>a{display:block;margin:12px 0 0}body.player main,body.vote main{padding:22px 16px}body.player .stage-top,body.vote .stage-top{align-items:flex-start;margin-bottom:25px}body.player .stage-top h1,body.vote .stage-top h1{font-size:19px}body.player .bank,body.vote .bank{gap:12px}body.player .bank strong,body.vote .bank strong{font-size:21px}body.player .question-frame h2,body.vote .question-frame h2{font-size:21px}body.player .answer,body.vote .answer{min-height:64px}body.player .private-section{margin:0 16px 25px}dialog{padding:20px}.dialog-head h2{font-size:22px}.row>*{max-width:100%}.timer{position:static;display:block;font-size:26px;text-align:center}.stage-badge{font-size:8px;letter-spacing:1.5px}.vote-results{gap:7px}.vote-column{padding:10px 4px}.vote-column strong{font-size:18px}}
.stage-top>div:first-child{min-width:0}.stage-top h1{overflow-wrap:anywhere}.bank{flex-shrink:0}.answer>span:last-child{overflow-wrap:anywhere}body.screen[data-phase="finished"] .arena{height:225px;min-height:180px}body.screen[data-phase="finished"] .orb{width:150px;height:150px;padding:9px}body.screen[data-phase="finished"] .orb strong{font-size:50px;letter-spacing:-2px}body.screen[data-phase="finished"] .orb-top{font-size:5px;letter-spacing:1px}body.screen[data-phase="finished"] .orb-bottom{display:none}body.screen[data-phase="finished"] .stage-badge{margin-top:15px}
body.screen .ladder li{height:38px}