:root{--ink: #e9edf8;--muted: #7f8aa6;--glass: rgba(13, 17, 32, .5);--line: rgba(255, 255, 255, .07)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04050b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}canvas{display:block}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.55) 100%)}.panel{position:fixed;z-index:10;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff0d}#brand{top:22px;left:22px;padding:16px 20px;max-width:320px}#brand .t{display:flex;align-items:center;gap:10px}#brand .orb{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c0,gold 55%,#e0a100);box-shadow:0 0 14px #ffd70099,0 0 4px #fff8}#brand h1{margin:0;font-size:15px;font-weight:800;letter-spacing:.22em}#brand h1 .sub{background:linear-gradient(90deg,#ffe27a,#fdb931);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#brand p{margin:9px 0 0;font-size:11px;color:var(--muted);line-height:1.55;font-weight:400}#legend{bottom:22px;left:22px;padding:13px 15px;font-size:11.5px;font-weight:500}#legend .row{display:flex;align-items:center;gap:9px;margin:4px 0;cursor:pointer;transition:opacity .25s,transform .2s}#legend .row:hover{transform:translate(2px)}#legend .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 9px currentColor}#legend .dim{opacity:.28}#hint{bottom:22px;right:22px;padding:11px 14px;font-size:10.5px;color:var(--muted);text-align:right;line-height:1.85;font-weight:400}#hint b{color:#c7cee2;font-weight:600}#q{position:fixed;z-index:10;top:22px;right:22px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;padding:9px 16px;color:var(--ink);font-size:12px;width:210px;outline:none;font-family:inherit;transition:border-color .25s,width .25s;box-shadow:0 8px 30px #0006}#q:focus{border-color:#ffd70073;width:240px}#q::placeholder{color:var(--muted)}#focusTitle{position:fixed;z-index:9;top:96px;left:50%;transform:translate(-50%) translateY(-8px);font-size:21px;font-weight:800;letter-spacing:.22em;opacity:0;pointer-events:none;text-transform:uppercase;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1);text-shadow:0 2px 18px rgba(0,0,0,.7)}.fade{animation:fade 1.2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}