:root{color-scheme:dark;--bg:#02070d;--panel:#06121e;--panel2:#071827;--line:rgba(126,187,216,.18);--cyan:#78bddd;--gold:#d9b16a;--text:#f3f1eb;--muted:#8fa4b3;--danger:#df8777;--success:#91cda9}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 10%,#12314b 0,#071522 38%,#02070d 75%)}button,a{font:inherit}.game-space{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.38))}.game-space:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#dbeaff 0 1px,transparent 1.4px);background-size:63px 71px;opacity:.19}.game-space i{position:absolute;border:1px solid rgba(120,189,221,.12);border-radius:50%;width:34vw;aspect-ratio:1}.game-space i:nth-child(1){left:-18vw;top:20vh}.game-space i:nth-child(2){right:-22vw;top:8vh;width:46vw}.game-space i:nth-child(3){left:34vw;bottom:-38vw;width:60vw}.game-space i:nth-child(4){left:57vw;top:28vh;width:12vw;border-color:rgba(217,177,106,.12)}
.game-topbar{position:relative;z-index:5;height:86px;padding:0 clamp(18px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(126,187,216,.13);background:rgba(2,8,14,.68);backdrop-filter:blur(14px)}.game-back,.game-brand,.game-account{display:flex;align-items:center;text-decoration:none;color:var(--text)}.game-back{gap:10px;font-size:10px;letter-spacing:.16em}.game-back span{font-size:28px;color:var(--cyan);font-weight:300}.game-brand{gap:10px}.game-brand img{width:39px;height:39px;object-fit:contain}.game-brand span{display:grid}.game-brand small{font-size:6px;color:#829aaa;letter-spacing:.2em}.game-brand strong{font-size:10px;letter-spacing:.14em}.game-account{justify-self:end;gap:9px;color:#a7b7c2;font-size:9px;letter-spacing:.11em}.game-account i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(217,177,106,.6)}
.game-shell{position:relative;z-index:2;width:min(1220px,calc(100% - 36px));margin:0 auto;padding:clamp(34px,6vh,72px) 0 58px}.eyebrow{margin:0 0 14px;color:#88b3ca;font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.game-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(28px,6vw,86px);align-items:center;min-height:calc(100vh - 176px)}.game-intro-copy{min-width:0}.game-intro h1,.result-stage h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6.8vw,92px);line-height:.93;font-weight:400;letter-spacing:-.045em}.game-intro h1 span,.result-stage h1 span{color:#d9c59d}.lead{max-width:700px;margin:24px 0 0;color:#adbbc5;font-size:14px;line-height:1.75}.level-track{display:grid;max-width:100%;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:34px}.level-track span{min-width:0;padding:13px 12px;border-top:1px solid rgba(126,187,216,.28);border-bottom:1px solid rgba(126,187,216,.12);background:rgba(4,15,25,.52)}.level-track b,.level-track small,.level-track em{display:block}.level-track b{color:var(--gold);font-size:9px;letter-spacing:.18em}.level-track small{margin-top:5px;font-size:8px;letter-spacing:.11em}.level-track em{margin-top:4px;color:#8095a3;font-size:8px;font-style:normal}.game-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.game-actions button,.game-actions a,.result-actions a,.result-actions button,.game-error button,.game-error a{min-height:47px;padding:0 18px;border:1px solid rgba(126,187,216,.22);background:rgba(5,17,28,.65);color:#dce6eb;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:9px;font-weight:700;letter-spacing:.14em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.game-actions .primary,.result-actions .primary-link{border-color:#e4c27f;background:linear-gradient(120deg,#e1bd77,#bf8f4e);color:#101820}.game-actions button:disabled{opacity:.44;cursor:not-allowed;filter:saturate(.45)}.game-login-note{margin:13px 0 0;color:#6f8595;font-size:9px;letter-spacing:.05em}.game-brief{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(126,187,216,.15);background:linear-gradient(145deg,rgba(6,20,33,.85),rgba(3,11,18,.9));clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.game-brief div{min-height:145px;padding:25px;border-right:1px solid rgba(126,187,216,.1);border-bottom:1px solid rgba(126,187,216,.1);display:flex;flex-direction:column;justify-content:flex-end}.game-brief small,.game-brief span{color:#7891a2;font-size:8px;letter-spacing:.12em}.game-brief strong{margin:8px 0 4px;font-family:Georgia,serif;font-size:30px;font-weight:400;color:#eee7d8}
.quiz-stage{min-height:calc(100vh - 144px)}.quiz-hud{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(126,187,216,.13);background:rgba(3,11,19,.62);margin-bottom:13px}.quiz-hud-item{padding:12px 16px;border-right:1px solid rgba(126,187,216,.09)}.quiz-hud-item:last-child{border-right:0}.quiz-hud-item small{display:block;color:#738998;font-size:7px;letter-spacing:.17em}.quiz-hud-item strong{display:block;margin-top:5px;font-size:14px;letter-spacing:.05em}.quiz-level strong{color:var(--gold)}.quiz-card{position:relative;max-width:980px;margin:0 auto;padding:clamp(22px,4vw,44px);border:1px solid rgba(126,187,216,.17);background:linear-gradient(145deg,rgba(7,22,36,.97),rgba(3,11,19,.97));box-shadow:0 30px 90px rgba(0,0,0,.35);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.quiz-card:before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,var(--gold),transparent 38%,transparent 62%,var(--cyan))}.quiz-card-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.quiz-card-top p{margin:0;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.25em}.quiz-card-top span{display:block;margin-top:7px;color:#8396a4;font-size:8px;letter-spacing:.11em}.timer{--timer:1;position:relative;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--timer)*1turn),rgba(126,187,216,.12) 0);transition:background .08s linear}.timer:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#06131f;border:1px solid rgba(126,187,216,.15)}.timer div{position:relative;z-index:1;text-align:center}.timer strong{display:block;font-size:20px;font-variant-numeric:tabular-nums}.timer small{display:block;color:#768d9d;font-size:6px;letter-spacing:.14em}.timer.is-low{filter:saturate(1.3);--gold:#df8876}.timer-bar{height:2px;margin:18px 0 0;background:rgba(126,187,216,.1);overflow:hidden}.timer-bar i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--gold),var(--cyan))}.quiz-card h2{max-width:850px;margin:clamp(24px,4vh,42px) 0 28px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3.1vw,42px);font-weight:400;line-height:1.18;letter-spacing:-.02em}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option{position:relative;min-height:78px;padding:17px 18px 17px 58px;border:1px solid rgba(126,187,216,.16);background:rgba(4,15,25,.72);color:#dfe7eb;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .16s}.quiz-option:hover:not(:disabled){border-color:rgba(217,177,106,.5);background:rgba(9,28,43,.84);transform:translateY(-1px)}.quiz-option b{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid rgba(217,177,106,.32);display:grid;place-items:center;color:#d7b979;font-size:10px}.quiz-option span{font-size:12px;line-height:1.5}.quiz-option:disabled{cursor:default}.quiz-option.is-correct{border-color:rgba(145,205,169,.7);background:rgba(27,70,53,.34)}.quiz-option.is-wrong{border-color:rgba(223,135,119,.65);background:rgba(78,36,34,.36)}.quiz-feedback{margin-top:18px;padding:20px;border:1px solid rgba(126,187,216,.15);background:rgba(2,10,17,.58)}.quiz-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.quiz-feedback-head span{color:var(--success);font-size:10px;font-weight:800;letter-spacing:.18em}.quiz-feedback.is-wrong .quiz-feedback-head span{color:var(--danger)}.quiz-feedback-head strong{color:var(--gold);font-size:18px}.quiz-feedback p{margin:10px 0 0;color:#a9bac4;font-size:12px;line-height:1.65}.quiz-feedback .correct-line{color:#d9e5ea}.quiz-feedback small{display:block;margin-top:10px;color:#687f8e;font-size:7px;line-height:1.5;letter-spacing:.08em}.quiz-feedback button{margin-top:17px;min-height:42px;padding:0 17px;border:1px solid rgba(217,177,106,.45);background:transparent;color:#e4d2ad;font-size:8px;font-weight:700;letter-spacing:.14em;cursor:pointer}.quiz-feedback button span{margin-left:14px}
.result-stage{text-align:center;max-width:900px;margin:0 auto;padding-top:3vh}.result-stage h1{font-size:clamp(44px,6vw,78px)}.result-score{width:240px;height:240px;margin:34px auto 26px;border-radius:50%;border:1px solid rgba(217,177,106,.42);box-shadow:inset 0 0 0 12px rgba(126,187,216,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(15,45,67,.68),rgba(3,11,18,.9))}.result-score small,.result-score span{font-size:7px;letter-spacing:.18em;color:#7e94a3}.result-score strong{margin:5px 0;font-size:42px;font-variant-numeric:tabular-nums}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(126,187,216,.14)}.result-grid div{padding:18px;border-right:1px solid rgba(126,187,216,.1)}.result-grid div:last-child{border-right:0}.result-grid small{display:block;color:#718796;font-size:7px;letter-spacing:.14em}.result-grid strong{display:block;margin-top:7px;font-size:17px}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}.game-error{max-width:720px;margin:10vh auto 0;padding:32px;border:1px solid rgba(223,135,119,.25);background:rgba(25,10,12,.45);text-align:center}.game-error small{color:#cc8174;font-size:8px;letter-spacing:.18em}.game-error h2{font-family:Georgia,serif;font-size:34px;font-weight:400}.game-error p{color:#a5b2bb;font-size:12px;line-height:1.6}.game-error div{display:flex;justify-content:center;gap:9px;margin-top:22px}
@media(max-width:850px){.game-topbar{grid-template-columns:1fr auto;height:72px}.game-brand{justify-self:start}.game-back{display:none}.game-account{font-size:7px}.game-intro{grid-template-columns:1fr;min-height:auto}.game-brief{grid-template-columns:1fr 1fr}.level-track{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto;padding-bottom:3px}.quiz-options{grid-template-columns:1fr}.quiz-card{padding:22px}.result-grid{grid-template-columns:1fr 1fr}.result-grid div:nth-child(2){border-right:0}.result-grid div:nth-child(-n+2){border-bottom:1px solid rgba(126,187,216,.1)}}
@media(max-width:560px){.game-shell{width:min(100% - 22px,1220px);padding-top:24px}.game-topbar{padding:0 14px}.game-brand img{width:32px;height:32px}.game-account span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-intro h1{font-size:48px}.lead{font-size:12px}.game-brief div{min-height:112px;padding:17px}.game-brief strong{font-size:23px}.quiz-hud{grid-template-columns:1fr 1fr}.quiz-hud-item:nth-child(2){border-right:0}.quiz-hud-item:nth-child(-n+2){border-bottom:1px solid rgba(126,187,216,.09)}.quiz-card-top{align-items:flex-start}.timer{width:72px;height:72px;flex:0 0 auto}.timer strong{font-size:17px}.quiz-card h2{font-size:25px;margin-top:28px}.quiz-option{min-height:68px;padding:14px 14px 14px 52px}.quiz-option span{font-size:11px}.result-score{width:190px;height:190px}.result-score strong{font-size:34px}.result-actions{display:grid}.result-actions>*{width:100%}.game-actions{display:grid}.game-actions>*{width:100%}.game-brief{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.quiz-option,.timer{transition:none}}