:root{--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--glass:rgba(12,16,28,.72);--glass-light:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.14);--text:hsla(0,0%,100%,.94);--text-dim:hsla(0,0%,100%,.62);--radius:14px;--accent:#8fb8e8}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#0b1020;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}.world,main{position:fixed;inset:0}canvas{display:block;outline:none}.world__loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-dim);font-size:.95rem;letter-spacing:.02em}.overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.overlay .panel,.overlay a,.overlay button,.overlay input,.overlay label{pointer-events:auto}.overlay--contrast{--glass:rgba(4,6,12,.92);--text:#fff;--text-dim:hsla(0,0%,100%,.85);--border:hsla(0,0%,100%,.4)}.overlay--contrast .hud,.overlay--contrast .monument,.overlay--contrast .prompt,.overlay--contrast .signpost{font-weight:600}kbd{display:inline-block;min-width:1.5em;padding:.15em .4em;border:solid var(--border);border-width:1px 1px 2px;border-radius:5px;font:inherit;font-size:.8em;text-align:center;letter-spacing:.02em}.btn,kbd{background:var(--glass-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.25em;border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;font-size:.92rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.btn:hover{background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.28)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);border-color:transparent;color:#0b1020;font-weight:600}.btn--primary:hover{background:var(--accent);filter:brightness(1.12)}.btn--lg{padding:.85em 1.8em;font-size:1.02rem}.btn--sm{padding:.5em .9em;font-size:.85rem;border-left:3px solid var(--accent)}.btn--disabled{opacity:.45;cursor:default}.title{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at center,rgba(6,9,20,.55) 0,rgba(6,9,20,.88) 100%);pointer-events:auto;animation:fade-in .5s ease both}.title__card{max-width:34rem;text-align:center}.title__eyebrow{margin:0 0 .9rem;color:var(--text-dim);font-size:.82rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.title__heading{margin:0 0 1rem;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}.title__body{margin:0 auto 2rem;max-width:30rem;color:var(--text-dim);font-size:1rem;line-height:1.6}.title__controls{margin:2rem 0 0;color:var(--text-dim);font-size:.8rem;line-height:2.1}.hud{position:absolute;display:flex;align-items:center;gap:.9rem;padding:.55rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:.8rem;letter-spacing:.01em;animation:fade-in .7s ease both}.hud--tl{top:1rem;left:1rem;flex-direction:column;align-items:flex-start;gap:.25rem}.hud__brand{font-weight:600;letter-spacing:.01em}.hud__clock{color:var(--text-dim);font-size:.74rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud--tr{top:1rem;right:1rem}.hud__button{font:inherit;font-size:.8rem;cursor:pointer}.hud__button:hover{border-color:hsla(0,0%,100%,.3)}.hud--b{bottom:1rem;left:50%;transform:translateX(-50%);color:var(--text-dim);white-space:nowrap}.reticle{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:hsla(0,0%,100%,.55);box-shadow:0 0 0 1px rgba(0,0,0,.35);transition:transform .18s ease,background .18s ease}.reticle--active{transform:scale(2);background:#fff}.prompt{top:calc(50% + 2.6rem);display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.88rem;white-space:nowrap;animation:prompt-in .22s cubic-bezier(.2,.9,.3,1) both}.prompt,.resume{position:absolute;left:50%;transform:translateX(-50%)}.resume{top:calc(50% + 5.5rem);color:var(--text-dim);font-size:.8rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}.panel-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(6,9,20,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;animation:fade-in .2s ease both;z-index:20}.panel{position:relative;width:min(30rem,100%);max-height:min(85vh,44rem);overflow-y:auto;padding:2rem;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(0,0,0,.45);animation:panel-in .28s cubic-bezier(.2,.9,.3,1) both}.panel:focus{outline:none}.panel__close{position:absolute;top:.85rem;right:.85rem;width:2rem;height:2rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);font-size:.85rem;cursor:pointer;transition:background .15s ease}.panel__close:hover{background:var(--glass-light);color:var(--text)}.panel__title{margin:0 2rem .6rem 0;font-size:1.5rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}.panel__intro{color:var(--text-dim);font-size:.95rem;line-height:1.6}.panel__body,.panel__intro{margin:0 0 1.4rem}.panel__body p{margin:0 0 .9rem;color:var(--text-dim);font-size:.9rem;line-height:1.65}.panel__body p:last-child{margin-bottom:0}.panel__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.4rem;padding:0;list-style:none}.panel__tags li{padding:.35em .75em;border:1px solid var(--border);border-radius:999px;background:var(--glass-light);font-size:.78rem;color:var(--text-dim)}.panel__bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:.4rem 1rem;gap:.4rem 1rem;margin:0 0 1.5rem;padding:0;list-style:none;font-size:.9rem}.panel__bullets li{position:relative;padding-left:1rem;color:var(--text-dim)}.panel__bullets li:before{content:"";position:absolute;top:.55em;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent)}.panel__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.25rem}.panel__hint{margin:0;color:hsla(0,0%,100%,.4);font-size:.74rem}.panel--menu{width:min(26rem,100%)}.menu__section{padding:1.1rem 0;border-top:1px solid hsla(0,0%,100%,.08)}.menu__section:first-of-type{border-top:none;padding-top:.4rem}.menu__label{color:var(--text-dim);font-size:.83rem}.menu__jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.menu__row{display:grid;grid-template-columns:1fr 7rem 3rem;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.45rem 0;cursor:pointer}.menu__value{color:var(--text);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.menu__reset{margin-top:.6rem;border-left-color:var(--text-dim)}.menu__row input[type=range]{grid-column:2;width:100%;accent-color:var(--accent)}.menu__row--toggle{grid-template-columns:1fr auto}.menu__row--toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.menu__switch{position:relative;width:2.6rem;height:1.45rem;border:1px solid var(--border);border-radius:999px;background:hsla(0,0%,100%,.08);transition:background .18s ease}.menu__switch:after{content:"";position:absolute;top:2px;left:2px;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--text-dim);transition:transform .18s cubic-bezier(.2,.9,.3,1),background .18s ease}.menu__row--toggle input:checked~.menu__switch{background:#6ee0b8}.menu__row--toggle input:checked~.menu__switch:after{transform:translateX(1.15rem);background:#0b1020}.menu__row--toggle input:focus-visible~.menu__switch{outline:2px solid var(--accent);outline-offset:2px}.label-wrapper{pointer-events:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.signpost{padding:.3em .75em;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:7px;background:rgba(12,16,28,.8);font-size:1rem;font-weight:600;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.7)}.monument,.signpost{color:#fff;font-family:var(--font)}.monument{width:17rem;padding:.9rem 1.1rem;border:1px solid hsla(0,0%,100%,.18);border-radius:10px;background:rgba(12,16,28,.72);text-align:center}.monument__title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.monument__subtitle{margin-top:.35rem;color:hsla(0,0%,100%,.68);font-size:.82rem;line-height:1.45}.compass{color:hsla(0,0%,100%,.5);font-family:var(--font);font-size:1.4rem;font-weight:700;letter-spacing:.1em}.touch{position:absolute;pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch__stick{bottom:2rem;left:1.6rem;width:8.5rem;height:8.5rem;border:1px solid var(--border);border-radius:50%;background:rgba(12,16,28,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.touch__knob{width:3.4rem;height:3.4rem;border:1px solid hsla(0,0%,100%,.28);border-radius:50%;background:hsla(0,0%,100%,.22);transition:transform .18s cubic-bezier(.2,.9,.3,1)}.touch__buttons{right:1.6rem;bottom:2rem;display:flex;flex-direction:column;gap:.7rem}.touch__btn{width:3.9rem;height:3.9rem;border:1px solid var(--border);border-radius:50%;background:rgba(12,16,28,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font:inherit;font-size:1.15rem;font-weight:600}.touch__btn--primary{background:hsla(0,0%,100%,.9);color:#0b1020}.noscript{position:relative;z-index:30;max-width:34rem;margin:0 auto;padding:4rem 1.5rem;line-height:1.6}.noscript a{color:#8fb8e8}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes prompt-in{0%{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:640px){.hud--b{display:none}.panel{padding:1.5rem 1.25rem}.title__controls{display:none}}