:root{font-family:Inter,Arial,system-ui,sans-serif;color:#f3f6fa;background:#0b1118;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9edcff;outline-offset:4px}button:disabled{opacity:.4;cursor:default}#stage{width:100vw;height:100dvh;display:block;outline:none;touch-action:none}#overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#03090f80;backdrop-filter:blur(3px);overflow:auto}#overlay:empty{display:none}.panel{width:min(720px,100%);padding:36px;border:1px solid #405362;border-radius:16px;background:linear-gradient(145deg,#182631f7,#08121cf7);box-shadow:0 24px 100px #0008}.intro{width:min(580px,100%);margin-left:auto;margin-right:7vw}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.19em;color:#9cc2d8;text-transform:uppercase}.line{width:44px;height:3px;background:#efb35b;margin:22px 0}h1{font-size:clamp(28px,4vw,45px);line-height:1.07;letter-spacing:-.035em;margin:20px 0}h2{font-size:25px;line-height:1.35;margin:14px 0 24px}h3{font-size:15px;margin:0 0 9px}p{font-size:16px;line-height:1.65;color:#c0cbd5}.primary,.amber{display:block;width:100%;border:1px solid #58b2e7;border-radius:8px;padding:15px 22px;color:#fff;background:linear-gradient(#207fba,#176193);font-weight:600}.amber{background:linear-gradient(#ffbd62,#f29b37);border-color:#ffc77c;color:#101820}.intro .primary{margin-top:28px}.intro-meta{display:flex;gap:22px;border-top:1px solid #334451;padding-top:20px;margin-top:25px;color:#b8c7d2;font-size:14px}.intro-meta strong{color:#fff}.hint{font-size:13px;color:#9eafbc}.answers{display:grid;gap:10px;margin:0 0 24px;padding:0;border:0}.option{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #445462;background:#ffffff05;border-radius:8px;cursor:pointer;line-height:1.5;font-size:16px}.option:has(input:checked){border-color:#39b9ff;background:#1689c527;box-shadow:inset 0 0 0 1px #249ee560}.option input{accent-color:#32b2f5;margin-top:5px}.question-top{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#bcc9d3}.question-top span:last-child{color:#e9b46f}.feedback-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.feedback-top h2{margin:0;font-size:32px}.good{color:#64df9a}.bad{color:#ff8585}.points{font-weight:700;font-size:20px}.explain{background:#ffffff06;border:1px solid #304452;padding:20px;border-radius:9px;margin:22px 0}.explain p{margin:0}#hud,#caption{position:fixed;top:24px;left:24px;padding:19px 22px;background:#0a1721dd;border:1px solid #3a5161;border-radius:10px;backdrop-filter:blur(10px);width:260px}#hud h3{font-size:13px;letter-spacing:.04em;margin-bottom:18px}dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:14px}dt{color:#c1cbd4}dd{margin:0;font-variant-numeric:tabular-nums}.score{color:#ffbe67}.time{color:#a6d9f3}.progress{display:flex;gap:5px;margin-top:18px}.progress i{height:3px;background:#394852;flex:1}.progress i.done{background:#7fc6e9}#crosshair{position:fixed;top:50%;left:50%;color:#fff9;font-size:28px;pointer-events:none}#controls{position:fixed;bottom:23px;left:50%;transform:translate(-50%);display:flex;gap:26px;white-space:nowrap;background:#07121cbb;padding:13px 22px;border:1px solid #344450;border-radius:8px;font-size:13px;color:#c3d0da}kbd{font:inherit;display:inline-block;min-width:20px;text-align:center;padding:3px;background:#ffffff10;border:1px solid #ffffff25;border-radius:3px;margin:0 2px}#resume{position:fixed;bottom:95px;left:50%;transform:translate(-50%);background:#142c3fee;color:#fff;border:1px solid #6badce;padding:13px 24px;border-radius:8px}#caption{width:min(370px,calc(100% - 48px))}#caption p{font-size:14px;margin:8px 0 0}.results{width:min(800px,100%)}.results h1{font-size:28px}.stats{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin:25px 0}.score-card{background:#ffffff06;border:1px solid #3b4e5b;border-radius:10px;padding:20px}.score-card strong{display:block;font-size:42px;margin-top:8px}.score-card span{color:#c0cad3;font-size:14px}.result-list{list-style:none;padding:0;margin:0 0 24px}.result-list li{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px solid #344653;padding:13px 0}.result-list small{font-size:13px;white-space:nowrap}#touch{position:fixed;bottom:25px;left:20px;display:grid;grid-template-columns:repeat(3,48px);gap:6px}#touch button{height:48px;color:#fff;background:#16344ad9;border:1px solid #7393ab;border-radius:8px}#touch button:first-child{grid-column:2}#touch button:nth-child(2){grid-column:1}[hidden]{display:none!important}@media(max-width:650px){#overlay{padding:14px}.panel{padding:24px}.intro{margin:auto}#hud{top:12px;left:12px;width:218px;padding:14px}#controls{display:none}.option{padding:12px;font-size:14px}h2{font-size:21px}.stats{grid-template-columns:1fr}.intro-meta{gap:15px}.result-list li{font-size:13px}.results h1{font-size:24px}#resume{bottom:160px;width:250px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.secondary{width:100%;margin-top:12px;padding:14px;border:1px solid #557188;border-radius:8px;color:#dfeaf2;background:#20323f}.evidence{width:190px;height:145px;object-fit:cover;float:right;margin:0 0 18px 22px;border:1px solid #476071;border-radius:8px}.answers{overflow:hidden}.panel:has(.evidence){width:min(940px,100%)}#caption{top:auto;bottom:30px;left:50%;transform:translate(-50%);width:min(650px,90vw);text-align:center}#topbar{position:fixed;top:24px;right:24px;display:flex;gap:15px;align-items:center;font-size:12px;color:#b8cddd}#topbar button,#settings button,#settings select{padding:10px 14px;background:#152836;color:#dceaf4;border:1px solid #3e5b70;border-radius:7px}#settings{position:fixed;right:24px;top:76px;background:#122230f5;padding:22px;border:1px solid #425d70;border-radius:9px;z-index:5}#settings label{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:13px;font-size:14px}.loading{text-align:center}.loading-track{height:3px;background:#334a5b;margin:24px 0}.loading-track div{height:100%;background:#75bcdf;transition:width .2s}.intro{margin-left:5vw;margin-right:auto;background:linear-gradient(110deg,#0b1928ed,#0b1928a8)}.intro h1{font-size:clamp(32px,4.5vw,60px)}#overlay:has(.intro){background:linear-gradient(90deg,#06101baa,transparent);backdrop-filter:none}.option{font-size:15px}#hud h3{line-height:1.4}.intro-meta{font-size:12px}@media(max-width:650px){.evidence{display:none}.intro{margin:auto}#topbar span{display:none}#topbar{top:12px;right:12px}.intro h1{font-size:36px}}