:root{--cyan:#38e8ff;--yellow:#ffd23f;--pink:#ff4fd8;--green:#7dff9a;--ink:#050b12;--hud-bg:#050e168c;--mono:"Cascadia Code", "JetBrains Mono", "IBM Plex Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--ink);color:#cfe9f2;font-family:var(--mono);overflow-x:hidden}body.dragging{cursor:grabbing}body.can-click{cursor:pointer}#scroll-space{height:1500vh}#gl{width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}::selection{background:var(--cyan);color:var(--ink)}a{color:var(--cyan);text-decoration:none}a:hover{text-shadow:0 0 8px var(--cyan)}.hud{pointer-events:none}.hud-block{z-index:20;letter-spacing:.08em;opacity:0;font-size:11px;transition:opacity 1.2s .6s;position:fixed}body.live .hud-block{opacity:1}body.panel-open .hud-block{opacity:.25}.hud-tl{top:18px;left:20px}.hud-tl .hud-line{white-space:pre;text-shadow:0 0 6px #38e8ff80;margin-bottom:4px}.hud-brand{color:var(--cyan);font-size:13px;font-weight:700}.dim-sm{opacity:.55;font-weight:400}.hud-district-wrap{color:#9fc4d0}#hud-district{color:var(--yellow);font-weight:700}#hud-district.flash{animation:.9s districtFlash}@keyframes districtFlash{0%{background:var(--yellow);color:var(--ink);padding:0 4px}to{color:var(--yellow);background:0 0;padding:0}}.hud-tr{text-align:right;background:var(--hud-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;border:1px solid #38e8ff40;border-radius:3px;padding:10px 12px;top:18px;right:20px}.quest-title{color:var(--cyan);margin-bottom:6px;font-size:10px;font-weight:700}#quest-list{text-align:left;list-style:none}#quest-list li{color:#8fb4c0;margin:3px 0;font-size:10px}#quest-list li.done{color:var(--green);text-decoration:line-through;text-decoration-thickness:1px}#quest-list li.secret{color:var(--pink)}#quest-list li.secret.done{color:var(--green);text-decoration:none}.qbox{margin-right:4px}.shards{color:var(--yellow);text-shadow:0 0 8px #ffd23f99;margin-top:8px;font-size:10px}.hud-btn{color:#8fb4c0;font-family:var(--mono);letter-spacing:.1em;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #38e8ff66;margin-top:8px;padding:4px 10px;font-size:10px;transition:all .2s}.hud-btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #38e8ff4d}.hud-btn.on{color:var(--cyan);border-color:var(--cyan)}.hud-btn.big{margin-top:18px;padding:10px 22px;font-size:13px}.hud-bl{bottom:20px;left:20px}.alt-meter{opacity:0;border:1px solid #38e8ff4d;width:6px;height:120px;margin-bottom:8px;transition:opacity .5s;position:relative}.alt-meter.dropping{opacity:1}.alt-meter i{height:calc(var(--alt,0) * 100%);background:linear-gradient(to top, var(--cyan), var(--pink));display:block;position:absolute;bottom:0;left:0;right:0}.alt-meter span{left:12px;bottom:calc(var(--alt,0) * 100% - 6px);white-space:nowrap;color:var(--cyan);position:absolute}.hint-keys{color:#5f8291;flex-direction:column;gap:3px;font-size:9px;display:flex}.hint-keys b{color:#9fc4d0}.hud-bc{text-align:center;bottom:20px;left:50%;transform:translate(-50%)}.compass{border-bottom:1px solid #38e8ff59;width:260px;height:18px;margin:0 auto 10px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.compass-strip{white-space:pre;color:#9fc4d0;letter-spacing:.35em;will-change:transform;position:absolute;top:1px;left:50%}.compass-tick{background:var(--yellow);width:1px;height:100%;box-shadow:0 0 6px var(--yellow);position:absolute;top:0;left:50%}.prompt{background:var(--hud-bg);color:var(--yellow);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #ffd23f80;padding:8px 16px;font-size:12px;transition:all .25s;display:inline-block;transform:translateY(8px)}.prompt.show{opacity:1;transform:translateY(0)}.prompt .key{border:1px solid var(--yellow);border-radius:3px;margin-right:8px;padding:0 6px;display:inline-block;box-shadow:0 0 8px #ffd23f66}.toast{background:var(--hud-bg);border:1px solid var(--yellow);opacity:0;z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;border-left-width:4px;max-width:420px;padding:10px 16px;transition:all .35s;position:fixed;top:96px;left:50%;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}.toast-title{color:var(--yellow);letter-spacing:.12em;margin-bottom:4px;font-size:11px;font-weight:700}.toast-body{color:#9fc4d0;font-size:11px;font-style:italic;line-height:1.5}#waypoints{z-index:15;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.waypoint{pointer-events:auto;cursor:pointer;letter-spacing:.1em;will-change:transform;flex-direction:column;align-items:center;gap:2px;margin:-8px 0 0 -8px;font-size:9px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.wp-diamond{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px var(--cyan);animation:2s ease-in-out infinite wpPulse;transform:rotate(45deg)}.waypoint.visited .wp-diamond{background:var(--green);box-shadow:0 0 8px var(--green);opacity:.7;animation:none}.waypoint.near .wp-diamond{background:var(--yellow);box-shadow:0 0 14px var(--yellow)}@keyframes wpPulse{0%,to{transform:rotate(45deg)scale(1)}50%{transform:rotate(45deg)scale(1.35)}}.wp-label{color:var(--cyan);text-shadow:0 0 6px #000000e6;margin-top:4px}.waypoint.visited .wp-label{color:var(--green)}.wp-dist{color:#8fb4c0}.panel{z-index:50;-webkit-backdrop-filter:blur(4px)saturate(1.2);backdrop-filter:blur(4px)saturate(1.2);opacity:0;background:#03080d8c;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.panel.in{opacity:1}.panel-frame{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:linear-gradient(160deg,#07131df5,#040b12fa);border:1px solid #38e8ff73;width:min(720px,94vw);max-height:86vh;padding:34px 38px 28px;transition:transform .35s cubic-bezier(.2,.9,.25,1);position:relative;overflow-y:auto;transform:translateY(14px)scale(.985);box-shadow:0 0 40px #38e8ff26,inset 0 0 60px #38e8ff0a}.panel.in .panel-frame{transform:none}.panel-frame:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#38e8ff05 3px 4px);position:absolute;top:0;bottom:0;left:0;right:0}.panel-close{color:#8fb4c0;cursor:pointer;font-size:16px;font-family:var(--mono);background:0 0;border:none;position:absolute;top:12px;right:34px}.panel-close:hover{color:var(--pink);text-shadow:0 0 8px var(--pink)}.panel-kicker{color:var(--yellow);letter-spacing:.22em;margin-bottom:10px;font-size:10px}.panel-title{color:var(--cyan);letter-spacing:.06em;text-shadow:0 0 18px #38e8ff80;margin-bottom:18px;font-size:clamp(26px,4.5vw,38px);position:relative}.panel-body{color:#b8d5de;font-size:13px;line-height:1.75}.panel-body p{margin-bottom:12px}.panel-body .lead{color:#ddf1f7;font-size:15px}.panel-body .hl{color:var(--yellow)}.panel-body .dim{color:#6f93a1;font-style:italic}.panel-hint{color:#4d6d7a;letter-spacing:.2em;text-align:right;margin-top:18px;font-size:9px}.stats{margin:6px 0 14px;list-style:none}.stats li{margin-bottom:14px}.stat-row{justify-content:space-between;margin-bottom:4px;display:flex}.stat-name{color:#ddf1f7;letter-spacing:.1em;font-size:12px}.stat-note{color:#6f93a1;font-size:10px}.stat-bar{background:#38e8ff0d;border:1px solid #38e8ff59;height:10px;position:relative}.stat-fill{height:100%;width:var(--lvl);background:repeating-linear-gradient(90deg, var(--cyan) 0 6px, transparent 6px 8px);animation:1s cubic-bezier(.2,.9,.2,1) backwards statIn;box-shadow:0 0 10px #38e8ff66}@keyframes statIn{0%{width:0}}.stat-lvl{color:var(--yellow);font-size:10px;position:absolute;top:-3px;right:-30px}.proj-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;display:grid}.proj-card{background:#38e8ff08;border:1px solid #38e8ff40;transition:all .25s;display:block;overflow:hidden}.proj-card:hover{border-color:var(--cyan);text-shadow:none;transform:translateY(-2px);box-shadow:0 0 18px #38e8ff40}.proj-img{aspect-ratio:16/9;filter:saturate(1.1);background-position:50% 30%;background-size:cover;transition:filter .25s}.proj-card:hover .proj-img{filter:saturate(1.4)brightness(1.1)}.proj-meta{padding:12px 14px 14px}.proj-meta h3{color:var(--cyan);letter-spacing:.08em;margin-bottom:6px;font-size:14px}.proj-meta p{color:#9fc4d0;margin-bottom:8px;font-size:11px;line-height:1.6}.tags{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.tags span{color:var(--yellow);letter-spacing:.08em;border:1px solid #ffd23f66;padding:1px 7px;font-size:9px}.proj-link{color:var(--pink);letter-spacing:.15em;font-size:9px}.links{margin:10px 0 16px;list-style:none}.links li{border-bottom:1px dashed #38e8ff2e;align-items:baseline;gap:16px;padding:10px 2px;font-size:14px;display:flex}.link-label{color:#6f93a1;letter-spacing:.2em;flex-shrink:0;width:90px;font-size:10px}.links a{font-size:14px}.link-static{color:#b8d5de}.notes{margin:8px 0 14px;list-style:none}.notes li a{border-bottom:1px dashed #7dff9a40;grid-template-columns:92px 1fr;gap:2px 14px;padding:12px 4px;display:grid}.notes li a:hover{text-shadow:none;background:#7dff9a0d}.note-date{color:var(--green);grid-row:span 2;align-self:start;padding-top:2px;font-size:10px}.note-name{color:#ddf1f7;font-size:13px}.note-line{color:#6f93a1;font-size:11px;font-style:italic}.eol{z-index:45;pointer-events:none;opacity:0;justify-content:center;align-items:flex-end;padding-bottom:12vh;transition:opacity .8s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.eol.show{opacity:1;pointer-events:auto}.eol-card{text-align:center;background:var(--hud-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border:1px solid #38e8ff66;padding:30px 44px}.eol-card h2{color:var(--cyan);letter-spacing:.1em;text-shadow:0 0 16px #38e8ff80;margin-bottom:10px;font-size:20px}.eol-card p{font-size:12px;line-height:1.7}.boot{z-index:100;background:#030608;justify-content:center;align-items:center;transition:opacity 1.2s,visibility 1.2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.boot.out{opacity:0;visibility:hidden}.boot-inner{text-align:center;max-width:640px;padding:20px}.boot-title{color:var(--cyan);text-shadow:0 0 14px #38e8ff99;margin-bottom:10px;font-size:clamp(5px,1.35vw,10px);line-height:1.25;animation:4s linear infinite bootFlicker}@keyframes bootFlicker{0%,93%,96%,to{opacity:1}94%{opacity:.55}95%{opacity:.85}}.boot-sub{color:var(--yellow);letter-spacing:.35em;margin-bottom:26px;font-size:11px}.boot-log{text-align:left;color:#7fa9b8;width:340px;min-height:132px;margin:0 auto 18px;font-size:11px;line-height:1.7}.boot-log div{animation:.15s backwards lineIn}@keyframes lineIn{0%{opacity:0;transform:translate(-6px)}}.boot-progress{background:#38e8ff1f;width:340px;height:3px;margin:0 auto 26px}#boot-bar{background:var(--cyan);width:0%;height:100%;box-shadow:0 0 10px var(--cyan);transition:width .3s}#boot-enter{color:#3d5560;font-family:var(--mono);letter-spacing:.3em;cursor:not-allowed;background:0 0;border:1px solid #38e8ff33;padding:14px 34px;font-size:14px;transition:all .4s}#boot-enter.ready{color:var(--cyan);border-color:var(--cyan);cursor:pointer;animation:2s ease-in-out infinite pulseBtn;box-shadow:0 0 24px #38e8ff40}#boot-enter.ready:hover{background:#38e8ff1a}@keyframes pulseBtn{50%{box-shadow:0 0 38px #38e8ff80}}.boot-fine{color:#3d5560;letter-spacing:.2em;margin-top:18px;font-size:9px}@media (max-width:720px){.hud-tr,.hint-keys span:nth-child(n+2){display:none}.proj-grid{grid-template-columns:1fr}.panel-frame{padding:26px 20px}.stat-lvl{display:none}.boot-log,.boot-progress{width:86vw}}@media (prefers-reduced-motion:reduce){.wp-diamond,.boot-title{animation:none}}