@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#edc66c;--muted:#9297b2;--line:#ffffff16}*{box-sizing:border-box}body{margin:0;background:#080b20;color:#f5f3ff;font-family:'DM Sans',Arial,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 50% 40%,#27215566,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.35;cursor:default}header{max-width:1320px;margin:auto;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 24px 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px;color:white;text-decoration:none}.brand span{color:var(--gold)}.brand small{display:block;font:9px Arial;letter-spacing:2.1px;margin-top:7px;color:var(--muted)}.subtle{border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 14px;margin-left:8px;font-size:12px;color:#c0c2d4}main{max-width:1160px;padding:0 30px;margin:auto}.intro{text-align:center;padding:42px 0 30px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px;font-weight:700}h1{font:700 clamp(40px,6vw,66px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:12px 0}h1 em{font-style:normal;color:var(--gold)}.intro p{color:var(--muted);font-size:13px}.dashboard{border:1px solid #d8bb682d;border-radius:12px;padding:23px 28px;background:linear-gradient(100deg,#d6b4500c,#15162f);display:flex;justify-content:space-between;align-items:center}.dashboard span{font-size:9px;letter-spacing:2px;color:var(--muted);display:block}.dashboard strong{display:block;font:700 36px 'Barlow Condensed',Impact,sans-serif;color:var(--gold);margin-top:5px;font-variant-numeric:tabular-nums}.clock{text-align:right}.clock strong{color:#fff}.clock strong span{display:inline;font:16px Arial}.progress{display:flex;gap:9px}.dot{width:29px;height:29px;border:1px solid #ffffff26;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--muted)}.dot.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px #edc66c20}.dot.done{background:var(--gold);color:#080b20;border-color:var(--gold)}.question{text-align:center;padding:30px 0 25px}h2{font:600 30px 'Barlow Condensed',Arial,sans-serif;margin:12px 0}.question p,.hint{color:var(--muted);font-size:12px}.categories{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 35px}.category{position:relative;text-align:left;border:1px solid #ffffff21;border-radius:12px;background:linear-gradient(135deg,#232541,#11142b);padding:32px;transition:.2s}.category:hover{border-color:var(--gold);transform:translateY(-3px)}.category small{color:var(--gold);letter-spacing:2px;font-size:10px}.category b{display:block;font:600 29px 'Barlow Condensed',Arial;margin:12px 0}.category .arrow{position:absolute;right:28px;top:50%;color:var(--gold);font-size:24px}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.answer{border:1px solid #ffffff24;background:linear-gradient(160deg,#20233d,#101329);border-radius:12px;overflow:hidden;position:relative}.answer.top{border-color:#edc66c80}.answer.correct{border-color:#58d5a0;background:#144432}.answer.wrong{opacity:.45}.answer-head{padding:20px 18px;min-height:95px;display:flex;gap:12px;align-items:flex-start}.letter{border:1px solid #ffffff30;border-radius:6px;padding:5px 8px;font-size:11px;color:var(--gold)}.answer h3{font-size:14px;margin:5px 0;line-height:1.4}.bet{text-align:center;padding:18px 10px;background:#00000020;border-top:1px solid var(--line);font:600 28px 'Barlow Condensed',Arial;color:var(--gold)}.controls{display:flex;justify-content:center;gap:9px;padding:14px 8px}.controls button{border:1px solid #ffffff20;background:#ffffff08;border-radius:5px;min-width:33px;min-height:34px;font-size:16px}.controls .all{font-size:10px;padding:0 8px}.allocation{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:16px}.allocation strong{display:block;font-size:21px;color:var(--gold);margin-top:6px}.allocation small{color:var(--muted);font-size:10px;letter-spacing:1px}.primary{background:var(--gold);color:#171427;border:0;padding:16px 28px;border-radius:7px;font-weight:700;font-size:13px;box-shadow:0 4px 22px #edc66c15}.primary:hover{background:#ffda88}.reset{background:none;border:0;color:var(--muted);font-size:11px;margin-right:15px}.notice{min-height:20px;color:#efc98a;font-size:12px;text-align:center}.result{text-align:center;padding:24px 0}.result strong{color:var(--gold)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;color:#686f91;font-size:10px;margin-top:20px}dialog{background:#151830;color:white;border:1px solid #edc66c50;border-radius:15px;padding:35px;max-width:510px;width:calc(100% - 32px)}dialog::backdrop{background:#030410c9;backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.8;color:#b4b8cd}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}.final-amount{font:700 70px 'Barlow Condensed',Arial;color:var(--gold);margin:20px}.danger{color:#ff817b!important}@media(max-width:760px){header{padding:20px}.brand{font-size:20px}.brand small{font-size:7px}.subtle{padding:8px;font-size:10px}main{padding:0 16px}.intro{padding:28px 0 18px}.intro p{font-size:11px}.dashboard{padding:17px}.dashboard strong{font-size:28px}.progress{gap:4px}.dot{width:19px;height:19px;font-size:9px}.answers{grid-template-columns:repeat(2,1fr);gap:10px}.answer-head{min-height:80px;padding:15px 10px}.answer h3{font-size:12px}.bet{font-size:25px;padding:12px}.categories{gap:10px}.category{padding:23px 16px}.category b{font-size:24px}.category .arrow{right:14px}.allocation{flex-wrap:wrap}.allocation .primary{padding:15px}.question{padding:23px 0 15px}h2{font-size:26px}.dashboard span{font-size:8px;letter-spacing:1px}}@media(max-width:390px){.progress{display:none}.subtle{margin-left:2px}.allocation{justify-content:center;text-align:center}.allocation>div{width:100%}}
.bank-select{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 0;font-size:12px;color:var(--muted);flex-wrap:wrap}.bank-select select{max-width:100%;background:#171a32;border:1px solid #ffffff25;color:#e5e5ed;border-radius:6px;padding:9px;font:inherit}.bank-select a{color:var(--gold)}.cash-bank{margin-top:23px;border:1px solid #ffffff19;border-radius:10px;padding:18px 22px;background:linear-gradient(170deg,#222a38,#101725);display:flex;align-items:center;gap:25px}.cash-bank .hint{font-size:11px;max-width:220px;line-height:1.6}.cash-bundles{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:48px;align-content:center}.cash-note{display:block;position:relative;width:43px;height:22px;border:1px solid #a4c7a7;background:repeating-linear-gradient(0deg,#759e83 0px,#759e83 2px,#d0ddbd 3px,#d0ddbd 4px);border-radius:2px;box-shadow:0 3px 0 #536b59,1px 4px 4px #0009;transform:rotate(-5deg);flex-shrink:0}.cash-note:after{content:'';position:absolute;left:43%;width:19%;height:100%;top:0;background:#6fc5de;border-inline:1px solid #d8f4ff}.cash-note span{position:absolute;left:2px;top:5px;font:700 6px Arial;color:#1c473e}.cash-note[draggable]{cursor:grab;transition:transform .15s}.cash-note[draggable]:hover{transform:translateY(-5px) rotate(0)}.trap{height:100px;background:#030710;position:relative;margin:0 12px 12px;border:4px solid #41495a;border-radius:4px;perspective:500px;overflow:hidden;box-shadow:inset 0 12px 18px #000}.trap-door{position:absolute;inset:0;background:linear-gradient(155deg,#596273,#252c3a);border:1px solid #727c8d;transform-origin:top;transition:transform .55s ease-in,filter .55s}.trap-door:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff12}.money-stack{position:absolute;inset:10px 7px;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-end;justify-content:center;transition:transform .75s cubic-bezier(.5,0,1,.5),opacity .65s}.money-stack .cash-note{width:33px;height:15px;box-shadow:0 2px 0 #536b59}.money-stack .cash-note span{font-size:5px;top:3px}.answer.trap-open .trap-door{transform:rotateX(-105deg);filter:brightness(.15)}.answer.trap-open .money-stack{transform:translateY(160px) rotate(15deg);opacity:0}.answer.lost .answer-head,.answer.lost .bet{opacity:.4}.answer.saved .trap{box-shadow:0 0 22px #58d5a040;border-color:#58d5a0}.answer.drop-target{outline:2px solid var(--gold);box-shadow:0 0 24px #edc66c30}.question,.category,.answer,.result{animation:appear .4s both}.answer:nth-child(2){animation-delay:.08s}.answer:nth-child(3){animation-delay:.16s}.answer:nth-child(4){animation-delay:.24s}.danger{animation:tick 1s infinite}.answer.saved{animation:safe .6s}.final-amount{animation:appear .6s}.questions-table{width:100%;border-collapse:collapse;font-size:12px}.questions-table td,.questions-table th{border-bottom:1px solid #ffffff19;padding:15px 10px;text-align:left;vertical-align:top;line-height:1.6}.questions-table th{color:var(--gold)}.questions-table .key{color:#80dfaf}.search-box{width:100%;padding:15px;background:#151830;border:1px solid #ffffff30;color:white;border-radius:8px;margin:20px 0;font:inherit}.table-wrap{overflow:auto}.export-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.export-links a{color:var(--gold)}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tick{50%{opacity:.5}}@keyframes safe{50%{box-shadow:0 0 35px #58d5a070}}@media(max-width:760px){.cash-bank{flex-direction:column;gap:6px;align-items:stretch;padding:15px}.cash-bank .hint{max-width:none}.cash-bundles{gap:6px}.cash-note{width:34px;height:18px}.trap{height:95px;margin:0 8px 10px}.money-stack{gap:3px;inset:5px}.money-stack .cash-note{width:23px;height:12px}.money-stack .cash-note span{font-size:4px}.bank-select{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.save-score{max-width:540px;margin:28px auto 0;padding:24px;text-align:left;background:#14182c;border:1px solid #ffffff20;border-radius:12px}.save-score h2{margin-top:0}.save-score label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.save-row{display:flex;gap:10px}.save-row input{min-width:0;flex:1;background:#080b20;border:1px solid #ffffff30;border-radius:7px;padding:14px;color:#fff;font:inherit}.save-score p{font-size:12px;line-height:1.6}.save-score [role=status]{color:var(--gold);min-height:20px}#ranking-dialog{max-width:650px}#ranking-list{padding:0;list-style:none;margin:24px 0 0;font-size:13px;line-height:1.6}.ranking-row{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;padding:13px 0}.ranking-row>span{min-width:0;overflow-wrap:anywhere}.ranking-row small{display:block;color:var(--muted);font-size:10px}.ranking-row strong{white-space:nowrap;color:var(--gold)}@media(max-width:760px){header{flex-wrap:wrap;gap:16px}header>div{display:flex;gap:4px;margin-left:auto}.save-row{flex-direction:column}.save-score{padding:18px}.save-row input{width:100%}}
.language-picker{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);order:1;margin-left:auto;margin-right:16px;white-space:nowrap}.language-picker select{background:#151830;border:1px solid #ffffff25;color:#fff;padding:9px 8px;border-radius:6px;font:inherit}header>a{order:0}header>div{order:2}@media(max-width:760px){.language-picker{margin-right:0}header>div{width:100%;justify-content:flex-end}}
.final-amount{font-size:clamp(40px,10vw,70px)}
.sets-link{text-decoration:none;display:inline-block;text-align:center}.sets-main{padding-bottom:40px}.sets-toolbar,.sets-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sets-toolbar{margin:25px 0}.sets-toolbar>span{margin-right:auto}.set-card{background:#15182d;border:1px solid #ffffff20;border-radius:12px;padding:25px;margin:18px 0}.set-card h2{margin-top:0}.set-card label{display:block;font-size:12px;color:#bec3da;margin:12px 0}.set-card input,.set-card textarea,.set-card select{display:block;width:100%;background:#080c20;border:1px solid #ffffff30;border-radius:7px;color:#fff;padding:12px;font:inherit;margin-top:7px;min-width:0}.set-card textarea{min-height:80px;resize:vertical}.sets-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.question-editor{border:1px solid #ffffff25;border-radius:9px;margin:22px 0;padding:20px}.question-editor legend{color:var(--gold);font-size:12px}.editor-actions{position:sticky;bottom:0;background:#15182df5;padding:18px 0}#sets-status,#editor-status{color:var(--gold);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.sets-main .hint{line-height:1.7}.sets-main #auth-panel{max-width:650px;margin:auto}@media(max-width:760px){.sets-grid{grid-template-columns:1fr;gap:0}.set-card{padding:17px}.question-editor{padding:12px}.sets-actions .primary{padding:13px 18px}.sets-toolbar>span{width:100%}}
@media(max-width:760px){header>div{flex-wrap:wrap}}
.audio-toggle{display:flex;align-items:center;gap:12px;font-size:14px;margin:16px 0}.audio-toggle input{accent-color:var(--gold);width:18px;height:18px}.audio-channel{padding:8px 0 18px;border-bottom:1px solid #ffffff19}.audio-channel>label:not(.audio-toggle){display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.audio-channel input[type=range]{width:100%;accent-color:var(--gold)}#audio-preview{margin-top:24px}#audio-status{line-height:1.7}header>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}header>div .subtle{margin-left:0}@media(max-width:760px){#audio-dialog{padding:25px}}
.fullscreen-status:not(:empty){display:block;width:100%;font-size:11px;color:var(--gold);text-align:right}html:fullscreen{overflow:auto;background:#080b20}html:-webkit-full-screen{overflow:auto;background:#080b20}
body{isolation:isolate;background:#080b20}.studio-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#080b2033 0%,#080b20a6 50%,#080b20ed 100%),url('assets/studio.png') center top/cover no-repeat}.studio-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#080b20a6 12%,transparent 80%)}.studio-beam{position:absolute;top:-120px;width:35vw;height:110vh;opacity:.17;filter:blur(16px);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);background:linear-gradient(#d9e9ff99,#5c86ff11);transform-origin:50% 0;animation:spotlight 15s ease-in-out infinite alternate}.beam-left{left:-10vw;transform:rotate(-15deg)}.beam-right{right:-10vw;animation-delay:-7s;animation-direction:alternate-reverse;background:linear-gradient(#edc66c99,#edc66c05)}header{background:#080b2070;backdrop-filter:blur(14px);border-color:#d9b85e25}main{position:relative;z-index:1}.intro{padding-top:35px;padding-bottom:24px;text-shadow:0 2px 22px #080b20}.intro h1{margin-top:10px}.million-emblem{position:relative;width:92px;height:92px;border:1px solid #edc66c70;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:radial-gradient(circle,#303149,#0a1029 70%);box-shadow:0 0 42px #d9b75d22,inset 0 0 20px #edc66c16;animation:emblem-float 5s ease-in-out infinite}.million-emblem:before,.million-emblem:after{content:'';position:absolute;inset:6px;border:1px dashed #edc66c50;border-radius:50%}.million-emblem:before{animation:ring-spin 35s linear infinite}.million-emblem:after{inset:-7px;border-style:solid;border-color:#edc66c25}.million-emblem>span{font:700 48px 'Barlow Condensed',Arial;color:var(--gold)}.million-emblem>span>span{font-size:32px}.dashboard{background:linear-gradient(115deg,#252437d9,#121a35ec);backdrop-filter:blur(12px);box-shadow:0 20px 45px #0003;border-color:#edc66c45}.category{background:linear-gradient(135deg,#242841e6,#10152ae8);box-shadow:0 15px 24px #0002}.category:hover{box-shadow:0 8px 30px #edc66c20}.answer{background:linear-gradient(155deg,#262b48f2,#0c1228f5);box-shadow:0 12px 25px #0002}.answer.saved{box-shadow:0 0 36px #58d5a03d}.answer.trap-open{animation:trap-shudder .45s}.money-stack .cash-note{animation:cash-land .24s backwards;animation-delay:calc(var(--i)*.008s)}#studio-particles{position:fixed;inset:0;z-index:8;pointer-events:none}dialog{max-height:calc(100dvh - 40px);overflow:auto}#audio-voice-choice{width:100%;margin:10px 0 18px;background:#080b20;color:#fff;border:1px solid #ffffff30;border-radius:6px;padding:10px}#audio-dialog .hint{font-size:11px}.offline-banner{background:#8d542b40;border:1px solid #edc66c70;border-radius:8px;padding:12px 16px;color:#ffe4b4;font-size:12px;margin-top:20px}#pwa-dialog p{line-height:1.8}#pwa-dialog .sets-actions{margin:20px 0}body[data-game-phase=betting] .million-emblem{box-shadow:0 0 40px #568aff30}body[data-game-phase=revealing] .studio-backdrop{filter:saturate(.7)}body[data-game-phase=finished] .million-emblem{box-shadow:0 0 60px #edc66c55}@keyframes spotlight{from{transform:rotate(-18deg)}to{transform:rotate(23deg)}}@keyframes emblem-float{50%{transform:translateY(-5px)}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes cash-land{from{opacity:0;transform:translateY(-14px) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}@keyframes trap-shudder{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media(max-width:760px){.studio-backdrop{background-position:center top;background-size:auto 100vh}.studio-beam{width:75vw}.intro{padding-top:26px}.million-emblem{width:70px;height:70px;margin-bottom:22px}.million-emblem>span{font-size:36px}.million-emblem>span>span{font-size:24px}.intro h1{font-size:43px}header{backdrop-filter:blur(8px)}}@media(prefers-reduced-motion:reduce){.studio-beam,.million-emblem,.million-emblem:before,.money-stack .cash-note,.answer.trap-open{animation:none!important}}
.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}.reader-toolbar .subtle{margin-left:0}#reader-status{width:100%;font-size:11px;color:var(--gold);min-height:16px}.read-answer{margin-left:auto;background:#ffffff09;color:var(--gold);border:1px solid #ffffff25;border-radius:6px;cursor:pointer;padding:5px;flex-shrink:0}.answer-head h3{overflow-wrap:anywhere}.read-answer:disabled{cursor:default}
