:root{--bg:#0b0d12;--panel:#0c0f16d1;--line:#e8c46a47;--gold:#e8c46a;--text:#f1ebdf;--muted:#a39d92;--display:"Syne", "Segoe UI", system-ui, sans-serif;--serif:"Source Serif 4", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{font-family:var(--mono);background:#ffffff0f;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;padding:.1em .45em;font-size:.78em}#crosshair{pointer-events:none;background:#ffffffbf;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 6px #0009}#start{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:radial-gradient(at 50% 30%,#281c0a8c,#05060aeb);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.start-card{text-align:center;max-width:640px}.start-card h1{font-family:var(--display);letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(44px,10vw,92px);font-weight:800}.start-card .tag{color:var(--muted);margin:4px 0 18px;font-size:1.15rem;font-style:italic}.thesis{color:#d9d1c3;line-height:1.6}.start-stats,.status{font-family:var(--mono);color:var(--gold);letter-spacing:.04em;font-size:.8rem}.status{color:var(--muted);min-height:1.2em}.controls{font-family:var(--mono);color:var(--muted);font-size:.75rem;line-height:2}#enter,.btn{font-family:var(--display);letter-spacing:.02em;color:#16120a;cursor:pointer;background:linear-gradient(#f5d98f,#c99b45);border:0;border-radius:999px;margin:10px 0;padding:14px 34px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 0 30px #e8c46a59}#enter:disabled{opacity:.5;cursor:progress}.btn{margin:0;padding:9px 18px;font-size:.85rem}.btn.ghost{color:var(--text);border:1px solid var(--line);box-shadow:none;background:0 0}.btn.small{padding:5px 12px;font-size:.75rem}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rank{pointer-events:none;width:min(300px,100vw - 32px);padding:12px 14px;position:absolute;top:16px;left:16px}.rank-title{font-family:var(--display);font-size:1.05rem;font-weight:800}.rank-sub,.xp-text{font-family:var(--mono);color:var(--gold);letter-spacing:.05em;font-size:.7rem}.xp-bar{background:#ffffff14;border-radius:99px;height:6px;margin:8px 0 5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#c99b45,#ffe3a0);width:0;height:100%;transition:width .6s}.xp-text{color:var(--muted)}.stats{font-family:var(--mono);color:#cfc8bb;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:.68rem;display:flex}.compass{text-align:center;pointer-events:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}.compass-window{background:var(--panel);border:1px solid var(--line);border-radius:99px;width:300px;height:26px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.compass-strip{height:100%;position:absolute;top:0;left:0}.compass-strip span{font-family:var(--mono);color:var(--muted);font-size:.66rem;position:absolute;top:5px;transform:translate(-50%)}.compass-strip span.major{color:var(--gold);font-weight:600}.compass-marker{border-top:10px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-left:-7px;position:absolute;top:2px;left:0}.compass-marker:after{content:attr(data-dist);width:60px;font-family:var(--mono);color:#fff;font-size:.6rem;position:absolute;top:8px;left:-30px}.compass-caret{background:var(--gold);width:2px;height:8px;margin:2px auto 0}.region-name{font-family:var(--display);text-shadow:0 2px 10px #000c;margin-top:4px;font-size:1.15rem;font-weight:800}.region-sub{font-family:var(--mono);color:#ddd5c7;text-shadow:0 1px 6px #000000e6;font-size:.68rem}.minimap{pointer-events:none;width:170px;height:170px;position:absolute;top:16px;right:16px}.prompt{background:var(--panel);border:1px solid var(--line);font-family:var(--display);white-space:nowrap;pointer-events:none;border-radius:99px;padding:10px 16px;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.prompt span{font-family:var(--mono);color:var(--gold);margin-left:6px;font-size:.7rem}.keys{max-width:60vw;font-family:var(--mono);color:#cfc8bb;text-shadow:0 1px 4px #000;pointer-events:none;flex-wrap:wrap;gap:6px 12px;font-size:.66rem;display:flex;position:absolute;bottom:14px;left:16px}.toasts{pointer-events:none;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:absolute;top:200px;right:16px}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:10px 14px;transition:opacity .5s,transform .5s;animation:.35s toast-in}.toast b{font-family:var(--display);font-size:.9rem;display:block}.toast span{color:#d8d0c2;font-size:.85rem;line-height:1.4}.toast.orb{border-left-color:#8ff7ff}.toast.quest{border-left-color:#b4f57a}.toast.out{opacity:0;transform:translate(20px)}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}}.banner{text-align:center;pointer-events:none;--accent:var(--gold);animation:.8s banner-in;position:absolute;top:30%;left:50%;transform:translate(-50%)}.banner-title{font-family:var(--display);color:var(--accent);text-shadow:0 0 30px #000c, 0 0 12px var(--accent);font-size:clamp(30px,6vw,58px);font-weight:800}.banner-sub{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px #000;font-size:.85rem}@keyframes banner-in{0%{opacity:0;letter-spacing:.3em}}.panel{--accent:var(--gold);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#0a0c12eb;width:min(440px,100vw - 32px);padding:20px 22px;animation:.3s panel-in;position:absolute;top:16px;bottom:16px;right:16px;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}}.panel-head,.modal-head{justify-content:space-between;align-items:center;display:flex}.panel .kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.close{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1}.panel h2{font-family:var(--display);margin:8px 0 2px;font-size:1.5rem}.panel .subtitle{font-family:var(--mono);color:var(--muted);margin-bottom:12px;font-size:.75rem}.panel p{color:#ddd5c7;line-height:1.6}.facts{border-collapse:collapse;width:100%;margin:14px 0;font-size:.85rem}.facts th,.facts td{text-align:left;vertical-align:top;border-top:1px solid #ffffff12;padding:6px 0}.facts th{width:36%;font-family:var(--mono);color:var(--accent);padding-right:10px;font-size:.72rem;font-weight:400}.tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tags span{font-family:var(--mono);color:var(--muted);border:1px solid #ffffff26;border-radius:99px;padding:3px 8px;font-size:.66rem}.actions{flex-wrap:wrap;gap:8px;display:flex}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;background:#03040899;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-card{border:1px solid var(--line);border-radius:var(--radius);background:#0a0c12f2;width:min(760px,100%);max-height:calc(100vh - 32px);padding:20px 24px;overflow-y:auto}.modal[data-kind=map] .modal-card{width:min(92vh,100%)}.modal-card h2{font-family:var(--display);margin:0}.lede{color:#d9d1c3;line-height:1.6}.map-canvas{aspect-ratio:1;cursor:crosshair;border-radius:10px;width:100%;margin-top:12px;display:block}.map-legend{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:.7rem}.map-legend span{color:var(--gold);margin-left:10px}.map-legend .dim{color:#6b727d}.map-legend .orb{color:#8ff7ff}.ranks{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.ranks li{opacity:.5;border:1px solid #ffffff1a;border-radius:10px;padding:8px}.ranks li.earned{opacity:1;border-color:var(--gold)}.ranks b{font-family:var(--display);font-size:.8rem;display:block}.ranks span{font-family:var(--mono);color:var(--muted);font-size:.6rem}.quests{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quests li{border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px}.quests li.done{border-color:#b4f57a80}.quest-head{font-family:var(--display);justify-content:space-between;display:flex}.reward{font-family:var(--mono);color:var(--gold);font-size:.72rem}.quests p{color:#d0c8ba;margin:6px 0;font-size:.9rem}.quest-bar{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.quest-bar div{background:linear-gradient(90deg,#c99b45,#b4f57a);height:100%}.quest-foot{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:center;margin-top:6px;font-size:.7rem;display:flex}.search-input{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff0d;border-radius:10px;outline:none;margin:14px 0 8px;padding:12px 14px;font-size:1rem}.results{margin:0;padding:0;list-style:none}.results li{cursor:pointer;border-radius:10px;grid-template-columns:1fr auto;padding:10px 12px;display:grid}.results li:hover,.results li:focus{background:#e8c46a1a;outline:none}.results b{font-family:var(--display)}.results span{font-family:var(--mono);color:var(--muted);grid-column:1;font-size:.72rem}.results em{font-family:var(--mono);color:#b4f57a;grid-area:1/2/span 2;align-self:center;font-size:.66rem}.results .empty{color:var(--muted);cursor:default}.help-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 20px;display:grid}.help-grid h3{font-family:var(--display);color:var(--gold);margin:8px 0 4px}.help-grid p{margin:0;font-size:.92rem;line-height:1.7}#touch{z-index:11;height:0;position:fixed;inset:auto 0 0}#stick{border:2px solid var(--line);background:#0a0c1259;border-radius:50%;width:120px;height:120px;position:fixed;bottom:40px;left:28px}#knob{background:#e8c46a8c;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.touch-buttons{grid-template-columns:repeat(2,auto);gap:8px;display:grid;position:fixed;bottom:30px;right:16px}.touch-buttons button{font-family:var(--display);color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:700}body.ui-open #touch{display:none}@media (pointer:coarse){.keys,#crosshair{display:none}.prompt{bottom:236px}}@media (width<=640px){.minimap{width:110px;height:110px}.compass{top:132px}.rank{width:calc(100vw - 150px);padding:8px 10px}.rank-title{font-size:.9rem}.stats,.xp-text{display:none}.toasts{top:auto;bottom:190px}}.presence-pill{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:.68rem}.presence-pill.online{color:#b4f57a}.chat{pointer-events:none;flex-direction:column;gap:6px;width:min(420px,100vw - 32px);display:flex;position:absolute;bottom:44px;left:16px}.chat-log{flex-direction:column;gap:3px;max-height:180px;font-size:.9rem;line-height:1.35;display:flex;overflow:hidden}.chat-log.open{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;overflow-y:auto}.chat-log .line{text-shadow:0 1px 4px #000;transition:opacity 1.5s}.chat-log .line b{font-family:var(--display)}.chat-log .line.system{font-family:var(--mono);color:var(--muted);font-size:.72rem}.chat-log .line.old{opacity:0}.chat-log.open .line.old{opacity:.75}.chat-input{pointer-events:auto;width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:#0a0c12e6;border-radius:10px;outline:none;padding:10px 12px}@media (pointer:coarse){.chat{bottom:200px}}