@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--bg:#05060f;--panel-bg:#0d1020f0;--line:#7a8ac438;--text:#d6daf0;--dim:#8b93b8;--cyan:#4af2ff;--gold:#d4af37;--font:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;padding:0;overflow:hidden}#app,#app canvas{width:100%;height:100%;position:fixed;inset:0}body.locked #app canvas{cursor:none}a{color:var(--cyan)}button{font-family:var(--font)}.btn{border:1px solid var(--gold);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#d4af371f;border-radius:4px;padding:.55em 1.1em;font-size:13px;text-decoration:none;transition:background .15s,transform .15s;display:inline-block}.btn:hover:not(:disabled){background:#d4af3747;transform:translateY(-1px)}.btn:disabled{opacity:.35;cursor:wait}.btn.ghost{border-color:var(--line);color:var(--dim);background:#7a8ac414}.btn.ghost:hover{color:var(--text);background:#7a8ac429}.btn.big{padding:.8em 1.6em;font-size:15px}.chip-row{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chip{border:1px solid var(--line);color:var(--dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}.chip.warn{color:#e3b341;border-color:#e3b34166}.chip.topic{color:var(--cyan);border-color:#4af2ff40}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}#intro{z-index:40;text-align:center;background:radial-gradient(ellipse at 50% 110%, #281e5a8c, transparent 60%), radial-gradient(ellipse at 50% -20%, #143c5a80, transparent 55%), var(--bg);justify-content:center;align-items:center;transition:opacity .55s;display:flex;position:fixed;inset:0}#intro.gone{opacity:0;pointer-events:none}.intro-inner{max-width:720px;padding:24px}.intro-kicker{color:var(--dim);letter-spacing:.35em;text-transform:uppercase;font-size:12px}#intro h1{letter-spacing:.14em;color:var(--gold);text-shadow:0 0 28px #d4af3759;margin:18px 0 10px;font-size:clamp(28px,6vw,56px);line-height:1.15}.intro-sub{color:var(--text);margin:0 0 6px;font-size:14px}.intro-status{min-height:1.4em;color:var(--cyan);margin:0 0 22px;font-size:12.5px}.intro-status.error{color:#ff7b72}.intro-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:26px;display:flex}.intro-controls{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:11.5px;display:flex}.intro-controls b{color:var(--text)}#hud-top{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:12px 16px;transition:opacity .25s;display:flex;position:fixed;top:0;left:0;right:0}#hud-brand{letter-spacing:.3em;color:var(--dim);font-size:11px}#hud-actions{pointer-events:auto;gap:8px;display:flex}.hud-btn{border:1px solid var(--line);color:var(--dim);letter-spacing:.08em;cursor:pointer;background:#0a0d1cb3;border-radius:4px;padding:6px 10px;font-size:11px}.hud-btn:hover{color:var(--text);border-color:var(--dim)}#hud-nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d1cc7;border-radius:8px;gap:6px;padding:6px;transition:opacity .25s;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#hud-nav button{color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex}#hud-nav button:hover{color:var(--text);background:#4af2ff1a}#hud-nav .key{border:1px solid var(--line);width:17px;height:17px;color:var(--cyan);border-radius:3px;justify-content:center;align-items:center;font-size:10px;display:inline-flex}body.locked #hud-top,body.locked #hud-nav{opacity:.3;pointer-events:none}#crosshair{z-index:20;opacity:0;pointer-events:none;background:#ffffffd9;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transition:opacity .2s;position:fixed;top:50%;left:50%;box-shadow:0 0 0 7px #4af2ff29,0 0 12px #4af2ff99}body.locked #crosshair{opacity:1}#hint{z-index:20;border:1px solid var(--line);color:var(--dim);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#0a0d1cb8;border-radius:999px;max-width:92vw;padding:6px 14px;font-size:11.5px;transition:opacity .3s;position:fixed;bottom:68px;left:50%;overflow:hidden;transform:translate(-50%)}#hint.show{opacity:1}#tooltip{z-index:30;pointer-events:none;background:#080b18eb;border:1px solid #4af2ff59;border-radius:5px;flex-direction:column;gap:2px;max-width:320px;padding:7px 11px;font-size:12px;display:flex;position:fixed}#tooltip b{color:var(--cyan)}#tooltip span{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}#tooltip.centered{text-align:center;transform:translate(-50%);top:calc(50% + 34px)!important;left:50%!important}#panel{z-index:25;border:1px solid var(--line);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:390px;max-width:calc(100vw - 28px);padding:20px 22px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;top:56px;bottom:70px;right:14px;overflow-y:auto;transform:translate(calc(100% + 24px))}#panel.open{transform:translate(0)}.panel-close{border:1px solid var(--line);width:30px;height:30px;color:var(--dim);cursor:pointer;background:0 0;border-radius:5px;font-size:16px;position:absolute;top:10px;right:12px}.panel-close:hover{color:var(--text)}.panel-kind{letter-spacing:.28em;margin-bottom:6px;font-size:10.5px}#panel h2{word-break:break-word;margin:0 0 8px;font-size:20px;line-height:1.25}.panel-sub{color:var(--dim);margin:0 0 10px;font-size:12.5px}.panel-desc{margin:8px 0;font-size:13px;line-height:1.55}.panel-desc.prewrap{white-space:pre-line}.panel-dim{color:var(--dim);font-size:12px;line-height:1.5}.panel-quote{border-left:2px solid var(--cyan);color:var(--text);word-break:break-word;background:#4af2ff0f;margin:10px 0;padding:8px 12px;font-size:12.5px;line-height:1.5}.meta{gap:22px;margin:12px 0;display:flex}.meta dt{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.meta dd{margin:2px 0 0;font-size:13px}.easter{color:var(--gold);font-size:12px;font-style:italic}.panel-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.demo-wrap{margin-top:14px}.demo-wrap iframe{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:42vh}.demo-pop{color:var(--dim);margin-top:6px;font-size:11.5px;display:inline-block}#help-overlay{z-index:35;background:#03040ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-card{border:1px solid var(--line);background:var(--panel-bg);border-radius:10px;width:min(560px,100vw - 32px);padding:26px 30px}.help-card h3{letter-spacing:.25em;color:var(--gold);margin:0 0 16px;font-size:14px}.help-grid{color:var(--dim);grid-template-columns:auto 1fr;gap:7px 18px;font-size:12.5px;display:grid}.help-grid b{color:var(--cyan);font-weight:400}.help-note{color:var(--dim);margin:16px 0;font-size:12px;line-height:1.55}#fade{z-index:38;opacity:0;pointer-events:none;background:#000;transition:opacity .17s;position:fixed;inset:0}#fade.on{opacity:1}#toasts{z-index:36;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);color:var(--text);background:#0a0d1ceb;border-radius:6px;padding:8px 16px;font-size:12.5px;animation:.25s toast-in,.4s 3.1s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0}}#listview{z-index:45;background:#060811fb;position:fixed;inset:0;overflow-y:auto}.list-shell{max-width:1020px;margin:0 auto;padding:36px 20px 60px}.list-head{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:22px;display:flex}.list-head h1{margin:0;font-size:24px}.list-head>div{flex:1;min-width:240px}.list-avatar{border:2px solid var(--gold);border-radius:50%;width:72px;height:72px}.list-login,.list-stats{color:var(--dim);margin:4px 0 0;font-size:12.5px}#list-filter{border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font);background:#0d1020cc;border-radius:6px;margin:6px 0 10px;padding:10px 14px;font-size:13px}#list-filter:focus{outline:1px solid var(--cyan)}#listview section{margin-top:26px}#listview h2{letter-spacing:.2em;color:var(--gold);text-transform:uppercase;font-size:14px}.list-dim{color:var(--dim);font-size:12.5px}.list-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;display:grid}.list-card{border:1px solid var(--line);color:var(--text);background:#0d102099;border-radius:8px;flex-direction:column;gap:5px;padding:12px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.list-card:hover{border-color:var(--cyan);transform:translateY(-1px)}.list-card-name{color:var(--cyan);word-break:break-word;font-size:14px}.list-card-name em{color:var(--gold);font-size:11px}.list-card-desc{color:var(--text);font-size:12px;line-height:1.45}.list-card-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.list-events{flex-direction:column;gap:9px;margin:10px 0 0;padding:0;list-style:none;display:flex}.list-events li{border-bottom:1px dashed #7a8ac424;flex-wrap:wrap;align-items:baseline;gap:10px;padding-bottom:9px;font-size:13px;display:flex}.list-events a{text-decoration:none}.list-events a:hover{text-decoration:underline}.list-foot{border-top:1px solid var(--line);color:var(--dim);margin-top:40px;padding-top:16px;font-size:11.5px;line-height:1.6}.filtered{display:none!important}@media (max-width:760px){#panel{width:auto;max-height:58vh;inset:auto 8px 64px}#hud-nav{max-width:calc(100vw - 12px);overflow-x:auto}#hud-nav .key,#hud-brand{display:none}.meta{flex-wrap:wrap;gap:10px 22px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}