:root{--ice:#cfe4ff;--glow:#9fc4ff;--deep:#060a18;--violet:#8f7ae8;--gold:#ffd985;--danger:#ff7b8a;font-size:clamp(14px,1.45vmin,19px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--deep);color:var(--ice);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#gl{cursor:grab;position:absolute;inset:0}#gl.dragging{cursor:grabbing}.hidden{display:none!important}#hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-left,.hud-right{align-items:center;gap:.9rem;display:flex}.hud-title{flex-direction:column;line-height:1.15;display:flex}#hudLabel{letter-spacing:.24em;color:var(--glow);opacity:.85;font-size:.7rem;font-weight:700}#hudName{letter-spacing:.14em;font-size:1.15rem;font-weight:800}.icon-btn{width:2.4rem;height:2.4rem;color:var(--ice);cursor:pointer;background:#080e22b8;border:1px solid #9fc4ff66;border-radius:50%;font-size:1.15rem;transition:transform .15s,background .15s}.icon-btn:hover{background:#18244ae6;transform:scale(1.08)}.icon-btn.off{opacity:.4}.score-box{text-align:right;flex-direction:column;line-height:1.05;display:flex}.score-box span{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.score-box label{letter-spacing:.3em;opacity:.7;font-size:.58rem}.streak{color:var(--violet);background:#8f7ae824;border:1px solid #8f7ae866;border-radius:2rem;padding:.25rem .7rem;font-size:1rem;font-weight:800}.streak.hot{color:var(--gold);background:#ffd9851f;border-color:#ffd98580}#target{z-index:9;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a18ad;border:1px solid #9fc4ff40;border-radius:1.2rem;padding:.55rem 1.3rem;position:absolute;top:4.6rem;left:50%;transform:translate(-50%)}#targetHint{opacity:.9;margin-bottom:.35rem;font-size:.86rem}#targetDots{justify-content:center;gap:.4rem;display:flex}.tdot{background:0 0;border:1px solid #9fc4ff99;border-radius:50%;width:.72rem;height:.72rem;transition:all .25s}.tdot.found{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #ffd985cc}.panel{z-index:14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#080c1ee0;border:1px solid #9fc4ff59;border-radius:1.1rem;width:min(34rem,92vw);padding:1.4rem 1.6rem;animation:.35s ease-out rise;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0000008c}@keyframes rise{0%{opacity:0;transform:translate(-50%)translateY(16px)}}.panel h3{letter-spacing:.18em;color:var(--gold);margin-bottom:.6rem;font-size:1.15rem}.panel p{font-size:.95rem;line-height:1.55}.panel .fact{color:var(--glow);margin-top:.55rem;font-size:.88rem}.panel .primary{margin-top:.9rem}.choices{flex-direction:column;gap:.55rem;margin-top:.9rem;display:flex}.choices button{font:inherit;cursor:pointer;color:var(--ice);background:#0e1630cc;border:1px solid #9fc4ff4d;border-radius:.7rem;padding:.7rem 1rem;transition:all .15s}.choices button:hover{background:#1e2c5ae6;transform:translateY(-1px)}.choices button.right{background:#2ea06459;border-color:#6fe0a8}.choices button.wrong{border-color:var(--danger);background:#c83c4659}.overlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 30%,#141e4659,#040610e6 75%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:2rem;display:flex;position:absolute;inset:0}h1{letter-spacing:.16em;background:linear-gradient(180deg, #fff 15%, var(--glow) 55%, #4a6bd8 95%);color:#0000;text-shadow:0 0 60px #9fc4ff59;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,7vmin,4.6rem);font-weight:900}h2{letter-spacing:.14em;color:var(--glow);font-size:clamp(1.6rem,4vmin,2.4rem)}.tag{opacity:.85;font-size:1.02rem;line-height:1.6}.menu-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}button.primary,.menu-btns button{font:inherit;cursor:pointer;letter-spacing:.14em;color:var(--ice);background:#0a1026d9;border:1px solid #9fc4ff73;border-radius:2rem;padding:.85rem 2.1rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}button.primary{color:#071022;background:linear-gradient(#b8d4ff,#5b82e8);border:none;box-shadow:0 6px 26px #5b82e873}button.primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 36px #5b82e899}.menu-btns button:not(.primary):hover{background:#18244af2;transform:translateY(-1px)}.best{letter-spacing:.18em;color:var(--gold);opacity:.9;font-size:.85rem}.brief{text-align:left;flex-direction:column;gap:.7rem;max-width:34rem;font-size:1rem;line-height:1.7;list-style-position:inside;display:flex}.brief b{color:#fff}.res-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:2.2rem;display:flex}.res-stats .cell{flex-direction:column;line-height:1.1;display:flex}.res-stats .cell b{color:var(--gold);font-size:1.7rem}.res-stats .cell label{letter-spacing:.26em;opacity:.7;font-size:.62rem}#toast{z-index:15;pointer-events:none;letter-spacing:.06em;color:var(--ice);background:#080c1ed9;border:1px solid #9fc4ff66;border-radius:2rem;padding:.6rem 1.4rem;font-size:1rem;font-weight:700;animation:.3s ease-out toastIn;position:absolute;top:17%;left:50%;transform:translate(-50%)}#toast.bad{color:var(--danger);border-color:#ff7b8a80}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}