:root{color-scheme:dark;--bg:#071923;--panel:#0c2632;--line:#25414c;--muted:#a9c2cb;--teal:#64f3da;--amber:#ffb96a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f7f7;font-family:Tahoma,Arial,sans-serif;font-size:18px;line-height:1.7;min-height:100vh;min-height:100dvh}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:16px;background:#12303b;color:inherit;min-height:54px;padding:12px 22px;touch-action:manipulation}button:hover{border-color:var(--teal);background:#19404a}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.42;cursor:default}button.primary{background:var(--teal);color:#092c30;font-weight:bold;border:0;box-shadow:0 8px 38px #58ead31c}button.selected{border-color:var(--teal);background:#164842}button.amber{border-color:var(--amber);color:var(--amber)}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 35%,#11748120,transparent 55%),radial-gradient(ellipse at 90% 90%,#23765716,transparent 40%);z-index:-1}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #28434a70;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:17px}.brandmark{color:var(--teal);font-size:48px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);direction:ltr}.tools{display:flex;align-items:center;gap:10px}.tools button{padding:8px 15px;font-size:14px;min-height:48px}.status{font-size:12px;color:var(--teal)}nav{display:flex;justify-content:center;gap:8px;padding:16px 20px}nav span{height:5px;width:70px;border-radius:6px;background:#25404b}nav span.active{background:var(--teal)}main{max-width:1400px;margin:auto;padding:16px 5vw 24px;min-height:70vh}h1{font-size:clamp(38px,5.3vw,76px);line-height:1.3;margin:15px 0 20px;letter-spacing:-1px}h2{font-size:clamp(28px,3.2vw,45px);line-height:1.4;margin:12px 0 20px}h3{margin:4px 0 10px;font-size:23px}p{color:var(--muted);margin:12px 0 20px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--teal);direction:ltr;text-align:right}.accent{color:var(--teal)}.layout{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:5vw;animation:enter .45s ease}.lead{font-size:21px;max-width:540px}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:5px 14px;font-size:13px;color:var(--muted);margin:4px}.art{position:relative;background:radial-gradient(ellipse,#15546540,transparent 68%);border:1px solid #284650;border-radius:32px;overflow:hidden;min-height:430px}.art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#80d6db20 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.art svg{display:block;width:100%;height:460px;position:relative}.artcaption{position:absolute;bottom:12px;left:20px;right:20px;font-size:12px;color:var(--muted);text-align:center}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.note{padding:17px 20px;border-right:3px solid var(--teal);background:#15323c;border-radius:12px;color:#dbf1ef;min-height:75px;font-size:17px}.note.warn{border-color:var(--amber)}.nextrow{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.nextrow span{color:var(--muted);font-size:13px}.labelbtn{font-size:14px;padding:9px 13px;min-height:48px}.signal{stroke-dasharray:12 600;animation:flow 2.3s linear infinite;filter:drop-shadow(0 0 5px #66ffe8)}.slow{animation-duration:4.5s;opacity:.55}.flicker{animation:flicker 2s infinite}.fiber{fill:none;stroke-linecap:round}.cards{display:grid;gap:13px;margin:22px 0}.answer{text-align:right;padding:20px 24px;display:flex;align-items:center;gap:18px;background:#102c37}.answer b{color:var(--teal);border:1px solid #3a6269;border-radius:50%;width:36px;height:36px;text-align:center;flex-shrink:0}.answer.correct{border:2px solid var(--teal);background:#12423c;opacity:1}.answer.wrong{border:2px solid var(--amber);opacity:1}.question-wrap{max-width:870px;margin:auto}.question-wrap h2{font-size:34px}.score{font-size:80px;color:var(--teal);line-height:1.2}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.tip{padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d2933}.tip b{color:var(--teal)}footer{display:flex;justify-content:space-between;gap:16px;padding:18px 4vw;border-top:1px solid #28434a70;font-size:11px;color:#90aeb8}dialog{background:#102e39;color:#fff;border:1px solid #41606a;border-radius:24px;padding:30px;max-width:560px;width:90%}dialog::backdrop{background:#020d17cc}dialog label{display:block;margin:20px 0}input{width:23px;height:23px;vertical-align:middle;accent-color:var(--teal);margin-left:10px}.big{font-size:21px}.big p,.big .note{font-size:22px}.hotspot{cursor:pointer;outline:none}.hotspot:focus .target{stroke:#fff;stroke-width:4}.target{fill:#54f4d526;stroke:#64f3da;stroke-width:2}.wound{opacity:0}.revealed .wound{opacity:1}.reticle{animation:breathe 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.tiny{font-size:13px;color:var(--muted)}a{color:var(--teal)}@keyframes flow{from{stroke-dashoffset:620}to{stroke-dashoffset:0}}@keyframes breathe{50%{opacity:.4;transform:scale(1.12)}}@keyframes flicker{50%{opacity:.3}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){header{padding:16px 20px}.brand small{font-size:7px;letter-spacing:1px}.brand{font-size:13px}.status{display:none}main{padding:12px 22px 25px}.layout{grid-template-columns:1fr;gap:24px}h1{font-size:48px}.art{min-height:340px}.art svg{height:370px}.lead{font-size:19px}.checklist{grid-template-columns:1fr}.question-wrap h2{font-size:28px}footer{flex-direction:column}.tools button{padding:8px 10px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}.reduce *{animation:none!important;transition:none!important}