*{box-sizing:border-box} :root{color-scheme:dark;--bg:#101429;--panel:#1b223e;--ink:#f5f7ff;--muted:#b6c0dd;--mint:#79f3cc;--purple:#9d8cff}body{margin:0;background:radial-gradient(ellipse at 10% 0,#293463,transparent 55%),var(--bg);color:var(--ink);font:16px/1.6 Tahoma,system-ui,sans-serif}main{max-width:1160px;margin:auto;padding:24px}button{font:inherit;font-weight:bold;background:#2b3659;color:var(--ink);border:1px solid #53628a;border-radius:14px;padding:12px 22px;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#3d4d7b;transform:translateY(-2px)}button:focus-visible,summary:focus-visible{outline:3px solid #ffe493;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.primary{color:#102239;background:var(--mint);border-color:var(--mint);box-shadow:0 5px 0 #368c77}.primary:hover:not(:disabled){background:#a3ffe4}.brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:900;line-height:1.15}.brand b{color:var(--mint)}small{display:block;font-size:14px;font-weight:normal;color:var(--muted);margin-top:6px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.hud{display:flex;align-items:center;gap:16px}.hud strong{font-size:25px;color:var(--mint);padding:8px 18px;background:#222d49;border-radius:16px}nav{display:flex;gap:8px;margin-bottom:18px}nav span{padding:10px 18px;color:var(--muted);border-bottom:3px solid #334164;flex:1}nav .active{color:var(--mint);border-color:var(--mint)}.panel{background:linear-gradient(140deg,#232c4c,#19213a);border:1px solid #3e4b70;border-radius:28px;padding:28px;box-shadow:0 24px 70px #06091955}.welcome{padding:clamp(24px,5vw,56px)}.eyebrow{color:var(--mint);font-weight:bold;font-size:14px;letter-spacing:1px}h1{font-size:clamp(32px,5vw,62px);line-height:1.3;margin:16px 0}em{color:var(--mint);font-style:normal}p{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.tiles article{border:1px solid #495779;background:#151e36;padding:20px;border-radius:18px}.tiles b{font-size:32px;color:var(--mint)}h3{margin:4px 0}.tiles p{margin:0}.note{font-size:14px;margin-top:22px}.missionhead{display:flex;justify-content:space-between;align-items:center}h2{margin:5px 0;font-size:28px}.clock{text-align:center;min-width:76px}.clock strong{font-size:32px;color:var(--mint)}.track{height:6px;background:#0f162d;border-radius:6px;margin:16px 0;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--mint));width:100%}.mini{display:flex;justify-content:space-between;color:var(--mint);margin-bottom:12px}#arena{position:relative;min-height:360px;background:#10182e;background-image:radial-gradient(#293855 1px,transparent 1px);background-size:24px 24px;border:1px solid #3d4c6c;border-radius:20px;padding:24px;user-select:none}#arena.targetfield{height:380px}#feedback{min-height:30px;color:#ffe493;margin:12px 0}footer{display:flex;justify-content:space-between;gap:12px}.target{position:absolute;border-radius:50%;background:var(--mint);color:#102239;display:grid;place-items:center;padding:0;box-shadow:0 5px 0 #387d70}.decoy{background:#ed91ac;box-shadow:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item{min-height:86px;text-align:center}.item strong{display:block;font-size:30px}.selected{border-color:var(--mint);background:#275448!important}.done{opacity:.4;pointer-events:none}.menu{position:absolute;background:#344166;padding:8px;border-radius:16px;z-index:3;box-shadow:0 12px 30px #0008}.menu button{display:block;width:100%;margin:3px 0}.bins{display:flex;gap:12px;margin-top:28px}.bin{flex:1;border:2px dashed #728bb1;border-radius:18px;padding:20px 8px;text-align:center;background:#202d47}.draggable{touch-action:none}.dragging{position:fixed!important;z-index:10;pointer-events:none;opacity:.8}.scrollbox{height:300px;overflow:auto;overscroll-behavior:contain;border-radius:16px}.scrollcard{padding:45px 20px;text-align:center;border-bottom:1px solid #4c577b}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answers button{text-align:left;min-height:75px}.correct{background:#265b4f!important;border-color:var(--mint)}.wrong{background:#70394e!important;border-color:#ffadc7}.resultscore{color:var(--mint);font-size:68px;font-weight:bold}details{margin:28px 0;text-align:left}summary{cursor:pointer;padding:12px;background:#2a3555;border-radius:12px}#review p{border-bottom:1px solid #3e4b70;padding:10px}dialog{background:#222c4b;color:var(--ink);border:1px solid #64779f;border-radius:24px;padding:32px}dialog::backdrop{background:#070b20ce}[hidden]{display:none!important}@media(max-width:700px){main{padding:12px}.panel{padding:18px}.brand{font-size:23px}header{flex-wrap:wrap}.hud{width:100%;justify-content:space-between}nav span{font-size:14px;padding:8px}.tiles{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}h2{font-size:23px}#arena{padding:14px}.bins{flex-wrap:wrap}.bin{min-width:110px}footer button{padding:12px}.clock strong{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}