:root{--bg:#f5f6fc;--ink:#182136;--muted:#59647a;--green:#6350d9;--lime:#c5f582;--line:#dfe3ef;--paper:#fff;--orange:#aa4933}
body{background:radial-gradient(ellipse at 80% 0,#ece9fc 0,transparent 48%),var(--bg)}button{min-height:44px;transition:background .15s,box-shadow .15s,transform .15s}button:hover{background:#f1efff;border-color:#897ce1}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#22a1a8}.primary{background:var(--green)}.primary:hover{background:#4f3dbb}.shell{max-width:1480px;grid-template-columns:270px 1fr}aside{background:#111a2c;color:#f4f6ff;padding:30px 22px;border:0}.brand{font-size:25px;line-height:1.17;letter-spacing:-.7px;position:relative}.brand small{color:#abb6ce;font-size:11px;letter-spacing:1.5px}.brand-dot{display:block;color:var(--lime);font-size:32px;margin-top:10px}.nav{gap:6px;margin:22px 0}.nav button{color:#c7d0e5;border-radius:10px;padding:10px 12px;font-size:15px}.nav button:hover{background:#202d46;color:white}.nav button.active{background:#2a3650;color:white}.nav button.olympiad-nav{background:var(--lime);border-color:var(--lime);color:#192b28;box-shadow:0 2px 0 #5e813b}.nav button.olympiad-nav:hover{background:#d5ffa0}.nav button.olympiad-nav.active{background:#c5f582;color:#17291f;border-color:var(--lime)}.aside-quote{font-size:13px;color:#aebbd3;margin:20px 0}#logout{background:transparent;border-color:#46546d;color:#c8d2e9;font-size:13px;padding:6px 13px}
main{padding:32px 36px}.hero{background:linear-gradient(120deg,#17223b,#242043 80%);border:1px solid #394462;padding:32px 34px;overflow:hidden;box-shadow:0 12px 30px #1721360c}.hero:after{content:'↗';font-size:130px;line-height:1;color:#a49ee918;position:absolute;right:35px;top:28px;pointer-events:none}.hero h1{font-size:clamp(34px,4.5vw,53px);letter-spacing:-1.8px}.hero p{max-width:590px;font-size:17px}.hero .kicker{color:#c5f582}.hero button{position:relative;z-index:1;background:#e8e5fa;border-color:#e8e5fa;color:#29204f}.hero button:hover{background:white}.hero .olympiad-cta{background:var(--lime);border-color:var(--lime);color:#1d3024;box-shadow:0 4px 0 #789d4c}.hero .olympiad-cta:hover{background:#d4ffa0}.olympiad-entry{margin:22px 0 20px;gap:9px}.olympiad-entry>span{color:#c7cfe1;font-size:13px}.stats{gap:12px}.stat{border-radius:13px}.stat strong{font-variant-numeric:tabular-nums;font-size:29px}.score-stat{background:#eeebff;border-color:#d4ccfc;color:#433397}.card{box-shadow:0 3px 12px #17213604;border-radius:15px}.card h3{font-size:20px}.tag{background:#eeeafa;color:#514295;font-weight:650;letter-spacing:.1px}.grid{gap:16px}.question{font-family:Georgia,'Times New Roman',serif;color:#182136;font-size:21px;line-height:1.7;white-space:pre-line}.visual{background:#f2f4f9}.filters input,.filters select{min-height:44px}.notice{border:1px solid #eccb8c;background:#fff5df}.feedback{background:#eef7e9;border-color:#418634;color:#24442a}.feedback.bad{background:#fff0e9;border-color:#bb684a;color:#633322}.answerline>label{font-weight:700}.answerline input{border-color:#bec4d7}.hintbox{border-color:#c1b7f0}.ai-note{margin:14px 0;padding:13px 16px;border-left:3px solid #9884e9;background:#f4f1ff;font-size:14px;font-style:italic;line-height:1.65;color:#504665;border-radius:0 10px 10px 0}.ai-note p{margin:5px 0 0;color:inherit}.ai-sign{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-style:normal;font-weight:750}.ai-footnote{font-size:12px;color:#666e81;line-height:1.6;max-width:760px}.mode-panel{background:#ffffff08;border:1px solid #3a4760;border-radius:13px;padding:14px 12px}.switch{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;cursor:pointer;min-height:32px}.switch input{width:18px;height:18px;accent-color:#c5f582;margin:0}.mode-panel p{font-size:12px;line-height:1.5;color:#b0bdd5;margin:7px 0 12px}.mode-tag{font:10px/1.5 system-ui;padding:2px 5px;border:1px solid #6b7c94;border-radius:4px;margin-left:3px;color:#bbc9df}.effects{font-size:12px;font-weight:500;color:#b7c4da}.mission-strip{display:flex;gap:17px;align-items:flex-start;background:#e9edf6;border:1px solid #d7ddeb;padding:19px 22px;border-radius:14px;margin:23px 0}.mission-icon{font-size:35px;line-height:1;color:#6550c8}.mission-strip h3{margin:0 0 7px;font-size:18px}.mission-strip p{margin:0;font-size:14px;color:#566176}
.trap-card{border:1px solid #b4a6e6;background:linear-gradient(115deg,#f7f5ff,#f0f4fd);border-radius:15px;padding:21px;margin:24px 0}.trap-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.trap-top .quiet{font-size:12px}.trap-card h3{font-size:21px;margin:15px 0 6px}.proposed-answer{display:flex;flex-direction:column;gap:5px;border:1px solid #d4cbed;background:white;border-radius:10px;padding:13px 17px;margin:17px 0}.proposed-answer span{font-size:12px;color:#6a637c}.proposed-answer strong{font-size:24px;letter-spacing:.4px;overflow-wrap:anywhere}.lamp-row{display:flex;gap:12px;flex-wrap:wrap}.lamp-choice{display:flex;align-items:center;gap:9px;background:white;border-color:#c6c0d8;font-weight:650}.lamp{width:12px;height:12px;border-radius:50%;background:#a0a5b5;box-shadow:0 0 0 4px #e9eaf0;flex-shrink:0}.lamp-choice.selected{border:2px solid #7760cf;padding:9px 14px;background:#f0eafa}.lamp-choice.selected .lamp{background:#8270d2;box-shadow:0 0 0 4px #dcd5f3}.lamp-choice:disabled{opacity:1;cursor:default}.lamp-choice.is-correct{border-color:#428345;background:#eff8ed}.lamp-choice.is-correct .lamp{background:#3c9f4d;box-shadow:0 0 0 4px #cce9ce,0 0 12px #5cbf6350}.lamp-choice.is-wrong{border-color:#a46044;background:#fff1e7}.lamp-choice.is-wrong .lamp{background:#b96643;box-shadow:0 0 0 4px #f2d9cc}.game-verdict{margin-top:16px;font-size:14px;color:#605c74}.game-verdict>b{color:#34364d}.game-verdict>p{margin:6px 0}.score-feedback{font-weight:750;color:#5241b1;font-variant-numeric:tabular-nums}.celebration{position:fixed;left:65%;top:55%;z-index:20;pointer-events:none}.spark{position:absolute;width:7px;height:13px;border-radius:2px;animation:burst 1s ease-out var(--delay) both}@keyframes burst{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}
@media(max-width:850px){.shell{grid-template-columns:1fr}aside{padding:19px 19px 15px}.brand{font-size:21px}.brand-dot{position:absolute;right:10px;top:8px;margin:0}.nav{display:flex;flex-wrap:wrap;margin:16px 0 12px}.nav button,.nav button.olympiad-nav{font-size:13px;padding:8px 10px;min-height:42px}.mode-panel{display:flex;flex-wrap:wrap;gap:10px 22px;padding:10px 12px}.mode-panel p{display:none}.switch{font-size:13px}.effects{font-size:12px}.aside-quote{display:none}#logout{position:absolute;right:20px;top:70px}main{padding:22px 16px}.hero{padding:24px}.hero h1{font-size:38px}.hero p{font-size:15px}.hero:after{font-size:90px;right:15px}.question{font-size:19px}.card{padding:19px}.trap-card{padding:17px}.lamp-choice{flex:1;justify-content:center;font-size:14px;white-space:nowrap}.mission-strip{padding:17px}.stats .stat{min-width:130px;padding:12px 15px}.celebration{left:50%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebration{display:none}}
@media print{.mode-panel,.trap-card,.mission-strip,.celebration{display:none}.ai-note{border:1px solid #aaa}.question{font-size:16px}}

.mini-signal{display:inline-block;width:8px;height:8px;background:#9ca5b8;border-radius:50%;margin-right:8px;vertical-align:1px}.mini-signal.green{background:#34864a;box-shadow:0 0 0 3px #d9edde}.mini-signal.amber{background:#b36d31;box-shadow:0 0 0 3px #f0e1cf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cellgrid.shops button{width:100%;min-width:0;height:auto;aspect-ratio:1;font-size:14px}.cellgrid.shops{width:100%;gap:2px}
@media(min-width:851px) and(max-height:850px){aside{padding:22px 18px}.brand-dot{font-size:26px;margin-top:6px}.nav{margin:16px 0;gap:4px}.nav button{padding:8px 10px;min-height:42px}.aside-quote{margin:12px 0;font-size:12px}.mode-panel{padding:12px}.mode-panel p{margin:5px 0 9px}}

.score-hud{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:9px;background:#f7f7fef2;border:1px solid #dcdfee;box-shadow:0 5px 15px #1621360c;border-radius:0 0 13px 13px;margin:0 0 23px;backdrop-filter:blur(10px)}.hud-metric{padding:7px 4px;min-height:54px;border-color:transparent;background:transparent;display:flex;flex-direction:column;align-items:center;gap:1px;color:#3f4963}.hud-metric>span{font-size:11px;white-space:nowrap}.hud-metric>strong{font-size:20px;font-variant-numeric:tabular-nums;line-height:1.15}.hud-primary{background:#ece7ff;color:#4930a3}.route-choice{margin:20px 0}.route-choice>label{display:block;font-weight:700;margin-bottom:9px}.route-choice select{width:100%;padding:11px;border:1px solid #c4c9db;border-radius:9px;background:white}.route-choice p{margin:8px 0 0}.ai-note p,.journal-note{white-space:pre-line}.score-line{font-weight:750;color:#4d3daa!important}.last-answer{overflow-wrap:anywhere}.construction-tools{margin-top:16px}.skill.learning{border-color:#9e89d0}.route-choice~.grid{margin-top:18px}#app h1:focus{outline:none}#app input,#app button,#app textarea{scroll-margin-top:105px}.dice-route{margin:0 0 14px}.dice-route p{font-size:13px;margin:4px 0}.dice-route svg{max-height:190px}body[data-effects="off"] *,body[data-effects="off"] *:before,body[data-effects="off"] *:after{animation:none!important;transition:none!important}body[data-effects="off"] button:active{transform:none}
@media(max-width:1100px) and(min-width:851px){.score-hud{grid-template-columns:repeat(4,minmax(0,1fr))}.hud-metric{min-height:43px}}@media(max-width:850px){.score-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px;margin-bottom:18px}.hud-metric{min-height:37px;padding:3px 2px}.hud-metric>span{font-size:10px}.hud-metric>strong{font-size:17px}#app input,#app button,#app textarea{scroll-margin-top:125px}}@media print{.score-hud{display:none}}