:root{--stick-inset: 26px;--ui-bg: var(--color-surface);--ui-fg: var(--color-fg);--ui-accent: var(--color-accent);--ui-font: var(--font-mono)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--color-ink)}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ui-fg);font-family:var(--font-sans);z-index:20}.hud__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;justify-content:center;align-content:end;padding-bottom:8vh}.hud__hero{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/entry-hero.jpg);background-size:cover;background-position:center}.hud__overlayScrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 85%,#000000ad,#0000004d 40%,#0000001f)}.hud__overlayContent{position:relative;display:grid;place-items:center;text-align:center;gap:.9rem}.hud__overlayContent h1{margin:0;font-size:2rem;letter-spacing:.35em;text-transform:uppercase;color:var(--ui-accent)}.hud__overlayContent ul{list-style:none;padding:0;margin:0;font-size:.8rem;line-height:1.9;opacity:.75}.hud__enterBtn{font:inherit;font-size:1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink);background:var(--ui-accent);border:none;border-radius:var(--radius-md);padding:.75rem 2.5rem;cursor:pointer;pointer-events:auto}.hud__enterBtn:hover{filter:brightness(1.08)}.hud__enterBtn:active{filter:brightness(.95)}.intro-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--color-ink);z-index:25;opacity:1;transition:opacity .8s ease}.intro-video.is-fading{opacity:0}@media (prefers-reduced-motion: reduce){.intro-video{transition:none}}.hud__corner{position:absolute;top:1rem;left:1rem;display:flex;gap:.75rem;align-items:center;background:var(--ui-bg);padding:.4rem .7rem;border-radius:var(--radius-md);font-size:.75rem;pointer-events:auto}.hud__level{color:var(--ui-accent);text-transform:uppercase;letter-spacing:.15em}.hud__count{opacity:.55}.hud__btn{font:inherit;color:var(--ui-fg);background:none;cursor:pointer;border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:.1rem .45rem}.hud__btn--active{color:var(--ui-accent);border-color:var(--ui-accent)}.settings{position:absolute;top:4rem;left:1rem;width:16rem;background:var(--ui-bg);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.72rem;pointer-events:auto;display:flex;flex-direction:column;gap:.75rem}.settings h2{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ui-accent)}.settings__row{display:flex;flex-direction:column;gap:.35rem}.settings__row--sub{padding-left:.9rem;opacity:.85}.settings__row--sub input:disabled{opacity:.35}.credits__line{margin:0;font-size:.8rem;line-height:1.5;opacity:.8}.credits__line a{color:var(--ui-accent)}.settings__tiers{display:flex;gap:.4rem}.settings input[type=range]{width:100%}.map{position:absolute;top:calc(var(--space-lg) + env(safe-area-inset-top));right:calc(var(--space-lg) + env(safe-area-inset-right));width:8.5rem;aspect-ratio:1;padding:0;background:var(--ui-bg);border-radius:50%;overflow:hidden;border:1px solid rgb(var(--rgb-fg) / .14);pointer-events:auto;cursor:pointer;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(var(--rgb-fg) / .14);pointer-events:none}.map svg{display:block;width:100%;height:100%}.map__floor{fill:rgb(var(--rgb-fg) / .07)}.map__booth{fill:rgb(var(--rgb-fg) / .22);stroke:var(--color-lineStrong);stroke-width:.06;cursor:pointer}.map__booth.is-focused{fill:var(--ui-accent)}.map__label{fill:var(--ui-fg);opacity:.8;font-size:1px;font-weight:600;font-family:var(--ui-font);pointer-events:none}.map__stair{fill:none;stroke:rgb(var(--rgb-fg) / .45);stroke-width:.12;stroke-dasharray:.4 .3}.map__door{fill:var(--ui-accent);opacity:.8}.map__puckBody{fill:rgb(var(--rgb-surface) / .85);stroke:var(--ui-accent);stroke-width:.1}.map__puckNose{fill:var(--ui-accent)}.map__level{position:absolute;left:0;right:0;bottom:.35rem;text-align:center;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-fg);background:rgb(var(--rgb-surface) / .7);padding:.05rem 0;pointer-events:none}.debug{position:absolute;top:4rem;left:var(--space-lg);width:20rem;max-height:70vh;overflow:auto;background:var(--ui-bg);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.72rem;pointer-events:auto}.debug h2,.debug h3{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ui-accent)}.debug h3{margin-top:1rem}.debug table{width:100%;border-collapse:collapse}.debug td{padding:.15rem 0;border-bottom:1px solid rgb(var(--rgb-fg) / .08)}.debug td:last-child{text-align:right;opacity:.7}.hud__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center}.hud__loadingScrim{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);background:radial-gradient(circle at 50% 42%,rgb(var(--rgb-surface) / .55),rgb(var(--rgb-surface) / .92) 75%)}.hud__loadingContent{position:relative;display:grid;gap:.9rem;place-items:center;text-align:center;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ui-accent);animation:hud-loading-pulse 2.2s ease-in-out infinite}.hud__bar{width:14rem;height:3px;border-radius:2px;background:rgb(var(--rgb-fg) / .15);overflow:hidden;position:relative}.hud__bar i{display:block;height:100%;border-radius:2px;background:var(--ui-accent);transition:width .25s ease;position:relative;overflow:hidden}.hud__bar i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(var(--rgb-surface) / .55),transparent);animation:hud-loading-shimmer 1.3s ease-in-out infinite}@keyframes hud-loading-pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes hud-loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.hud__loadingContent{animation:none}.hud__bar i:after{animation:none}}.hud__focus{position:absolute;left:50%;bottom:4.5rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--ui-bg);padding:.45rem .9rem;border-radius:var(--radius-md);font-size:.7rem;text-align:center}.hud__booth{color:var(--ui-accent);letter-spacing:.2em}.hud__hint{opacity:.4;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;margin-top:.2rem}.booth{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));background:var(--ui-bg);padding:1rem 1.15rem;border-radius:var(--radius-md);border:1px solid rgb(var(--rgb-accent) / .3);pointer-events:auto;font-size:.72rem}.booth__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.booth__id{color:var(--ui-accent);letter-spacing:.22em;font-size:.66rem}.booth__name{margin:.6rem 0 .9rem;font-size:1.05rem;letter-spacing:.03em;font-weight:500}.booth__name--vacant{opacity:.6;font-style:italic}.booth__rows{margin:0;display:grid;gap:.35rem}.booth__rows>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(var(--rgb-fg) / .08);padding-bottom:.3rem}.booth__rows dt{opacity:.5;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.booth__rows dd{margin:0;text-transform:capitalize}.booth__vacant{margin:0;opacity:.6;line-height:1.6}.booth__stockHead{margin:1rem 0 .5rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-accent);opacity:.8}.booth__categories{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.booth__categoryChip{font:inherit;font-size:.66rem;letter-spacing:.04em;cursor:pointer;border:1px solid rgb(var(--rgb-fg) / .18);border-radius:999px;background:transparent;color:inherit;opacity:.7;padding:.3rem .7rem;min-height:unset}.booth__categoryChip--active{opacity:1;background:var(--ui-accent);color:var(--color-onAccent);border-color:var(--ui-accent)}.booth__stock{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:40vh;overflow-y:auto}.stock{display:flex;align-items:center;gap:.6rem}.stock__img{width:2.6rem;height:2.6rem;flex:none;border-radius:var(--radius-sm);object-fit:cover;background:rgb(var(--rgb-fg) / .08)}.stock__img--none{display:block}.stock__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.stock__title{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock__meta{font-size:.62rem;opacity:.5;letter-spacing:.06em}.stock__btn{flex:none}.booth__enquire{margin-top:.9rem;width:100%;font:inherit;font-size:.72rem;color:var(--color-onAccent);background:var(--ui-accent);cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.6rem .5rem;letter-spacing:.08em}.booth__enquire:disabled{opacity:.5;cursor:default}.booth__error{margin:.5rem 0 0;font-size:.66rem;color:var(--color-danger)}.hud__trader{font-size:.85rem;letter-spacing:.04em}.hud__spec{opacity:.5;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.hud:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:rgb(var(--rgb-fg) / .5)}.app{position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none}.hud{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hud__corner{top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left))}.debug{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right))}.touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch__stick{position:absolute;transform:translate(-50%,-50%);border:1px solid rgb(var(--rgb-fg) / .28);border-radius:50%;display:grid;place-items:center}.touch__nub{width:34%;height:34%;border-radius:50%;background:rgb(var(--rgb-fg) / .42)}@media (max-width: 820px){.hud__overlayContent h1{font-size:1.4rem;letter-spacing:.22em}.hud__overlayContent ul{font-size:.72rem}.hud__enterBtn{font-size:.85rem;padding:.7rem 2rem}.hud__focus{bottom:calc(6.5rem + env(safe-area-inset-bottom));font-size:.66rem}.hud__trader{font-size:.8rem}.debug{width:auto;left:var(--space-lg);right:8rem;font-size:.66rem}.map{width:6rem}}.hud__btn{min-height:var(--touch-target);min-width:var(--touch-target)}.hud__enterBtn{min-height:var(--touch-target)}@media (pointer: fine){.hud__btn{min-height:0;min-width:0}}@media (prefers-reduced-motion: reduce){.hud__bar i{transition:none}}.touch__hud{opacity:1;transition-property:opacity;transition-timing-function:ease;pointer-events:none}.touch__hud.is-faded{opacity:0}.touch__base{position:absolute;left:calc(var(--stick-inset) + env(safe-area-inset-left));bottom:calc(var(--stick-inset) + env(safe-area-inset-bottom));border:1px solid var(--color-lineStrong);background:rgb(var(--rgb-surface) / .28);border-radius:50%;display:grid;place-items:center;transition:border-color .15s,background .15s}.touch__base.is-active{border-color:rgb(var(--rgb-accent) / .75);background:rgb(var(--rgb-surface) / .45)}.touch__nub{width:42%;height:42%;border-radius:50%;background:rgb(var(--rgb-fg) / .55);pointer-events:none}.touch__hint{position:absolute;left:0;right:0;bottom:calc(.7rem + env(safe-area-inset-bottom));margin:0;text-align:center;font-family:var(--ui-font);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--rgb-fg) / .32);pointer-events:none}.fatal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.9rem;padding:2rem;text-align:center;background:var(--color-ink);color:var(--ui-fg);font-family:var(--ui-font)}.fatal h1{margin:0;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-accent)}.fatal__msg{margin:0;font-size:.8rem;color:var(--color-danger);word-break:break-word}.fatal__hint{margin:0;font-size:.72rem;opacity:.6;max-width:32rem;line-height:1.6}.fatal__btn{justify-self:center;font:inherit;font-size:.75rem;cursor:pointer;color:var(--ui-fg);background:none;padding:.5rem 1.2rem;border:1px solid var(--color-lineStrong);border-radius:var(--radius-md);min-height:44px}.hud__booth,.booth__id,.stock__meta,.map__label,.debug{font-family:var(--font-mono)}.pill{position:absolute;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));right:calc(var(--space-lg) + env(safe-area-inset-right));display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--space-sm);pointer-events:auto}.pill__trigger{display:grid;place-items:center;width:var(--touch-target);height:var(--touch-target);padding:0;color:var(--color-fg);background:var(--color-surface);cursor:pointer;border:1px solid var(--color-line);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color var(--motion-fast),border-color var(--motion-fast)}.pill.is-open .pill__trigger{color:var(--color-accent);border-color:var(--color-accent)}.pill__bar{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-height:calc(70vh - var(--space-lg) - env(safe-area-inset-bottom));max-height:calc(70dvh - var(--space-lg) - env(safe-area-inset-bottom));overflow-y:auto}.pill__btn{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target);padding:0 var(--space-md) 0 var(--space-sm);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg);background:none;cursor:pointer;border:none;border-radius:var(--radius-pill);white-space:nowrap}.pill__btn:hover{background:rgb(var(--rgb-fg) / .08)}.pill__btn.is-active{color:var(--color-accent)}.pill__label{font-size:var(--text-xs)}.plan__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--rgb-surface) / .92);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.plan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:calc(var(--space-lg) + env(safe-area-inset-top)) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));pointer-events:none}.plan>*{pointer-events:auto}.plan__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);width:100%;max-width:34rem}.plan__title{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent)}.plan__body{flex:1;min-height:0;display:grid;place-items:center}.plan__body svg{max-height:100%;width:auto;max-width:100%}.plan__readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-height:5.5rem;text-align:center}.plan__unit{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--color-accent)}.plan__trader{font-size:var(--text-lg);font-weight:var(--weight-medium)}.plan__trader--vacant{opacity:.55;font-style:italic}.plan__spec{font-size:var(--text-xs);opacity:.5;letter-spacing:var(--tracking-wide);text-transform:uppercase}.plan__hint{font-size:var(--text-sm);opacity:.45}.plan__open{margin-top:var(--space-xs);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-onAccent);background:var(--color-accent);border:none;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;min-height:var(--touch-target)}.directory{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:calc(var(--space-lg) + env(safe-area-inset-top)) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));pointer-events:none}.directory>*{pointer-events:auto}.directory__search{width:100%;max-width:34rem;min-height:var(--touch-target);padding:0 var(--space-md);font:inherit;font-size:16px;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.directory__list{width:100%;max-width:34rem;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.directory__empty{text-align:center;padding:var(--space-lg);opacity:.5;font-size:var(--text-sm)}.directory__row{width:100%;display:flex;align-items:center;gap:var(--space-md);min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);font:inherit;text-align:left;cursor:pointer;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.directory__row:hover{border-color:var(--color-accent)}.directory__booth{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--color-accent);flex-shrink:0}.directory__info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.directory__name{font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory__spec{font-size:var(--text-xs);opacity:.5;letter-spacing:var(--tracking-wide);text-transform:uppercase}.directory__go{flex-shrink:0;font-size:var(--text-xs);opacity:.4;letter-spacing:var(--tracking-wide);text-transform:uppercase}