@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Noto+Serif:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Be+Vietnam+Pro:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f0f7f2;--bg-secondary:#e8f4f0;--bg-surface:#ffffff8c;--bg-overlay:#f0f7f2eb;--text-primary:#1a2e1e;--text-secondary:#122218cc;--text-muted:#12221894;--text-inverse:#f0f7f2;--accent:#2a7048;--accent-bright:#3a9060;--accent-subtle:#2a70481f;--accent-mid:#2a704859;--glow-primary:#3cb46e4d;--glow-secondary:#3cb46e26;--glow-spread:#3cb46e14;--border-subtle:#1a2e1e1a;--border-mid:#1a2e1e33;--border-strong:#1a2e1e66;--orb-1:radial-gradient(ellipse at center, #50c8825c 0%, transparent 70%);--orb-2:radial-gradient(ellipse at center, #3ca0dc47 0%, transparent 70%);--orb-3:radial-gradient(ellipse at center, #78dcaa42 0%, transparent 70%);--orb-4:radial-gradient(ellipse at center, #64b4e63d 0%, transparent 70%);--orb-5:radial-gradient(ellipse at center, #3cc88c33 0%, transparent 70%);--orb-6:radial-gradient(ellipse at center, #50a0d238 0%, transparent 70%);--btn-bg:#ffffff8f;--btn-border:#1a5a3261;--btn-text:#1a5032;--btn-hover-bg:#1a5a3221;--btn-hover-border:#1a5a3294;--btn-glow:#3cb46e52;--shimmer-a:#1a6640;--shimmer-b:#3a9055;--shimmer-c:#0d3d26;--shimmer-d:#2a7048;--shimmer-e:#5ab87a;--toggle-bg:#ffffffb8;--toggle-border:#14301e38;--toggle-thumb:#2a7048;--scene-bg:#c8ddd0;--scene-fog:#d4e8dc;--scene-ambient:#a8c8b4;--scene-sun:#f5e8d0;--scene-emissive:#3a7050;--hud-text:#0a1810f5;--hud-text-muted:#0a1810a8;--hud-accent:#2a7048;--hud-overlay-text:#fff8f1;--hud-overlay-muted:#fff8f1cc;--hud-overlay-line:#fff8f185;--hud-overlay-glow:#ffffff6b;--hud-footer-text:#fffaf2;--hud-footer-muted:#fff8f0eb;--hud-footer-glow:#ffffff70;--progress-from:#3a5028;--progress-mid:#6a9860;--progress-to:#9e4219;--font-serif:"Noto Serif", Georgia, serif;--font-credit:"Cormorant Garamond", "Times New Roman", serif;--font-sans:"Be Vietnam Pro", system-ui, sans-serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-primary:#050d0a;--bg-secondary:#060f14;--bg-surface:#0a1612cc;--bg-overlay:#050d0af0;--text-primary:#e8f0ec;--text-secondary:#e8f0ecb3;--text-muted:#e8f0ec61;--text-inverse:#050d0a;--accent:#7ffcb4;--accent-bright:#a0ffc8;--accent-subtle:#32c8781f;--accent-mid:#32c87859;--glow-primary:#32c87873;--glow-secondary:#32c87838;--glow-spread:#32c8781a;--border-subtle:#e8f0ec14;--border-mid:#e8f0ec29;--border-strong:#e8f0ec59;--orb-1:radial-gradient(ellipse at center, #32c8788c 0%, transparent 70%);--orb-2:radial-gradient(ellipse at center, #1e8cdc73 0%, transparent 70%);--orb-3:radial-gradient(ellipse at center, #50dca059 0%, transparent 70%);--orb-4:radial-gradient(ellipse at center, #1464b466 0%, transparent 70%);--orb-5:radial-gradient(ellipse at center, #64ff9647 0%, transparent 70%);--orb-6:radial-gradient(ellipse at center, #3ca0f052 0%, transparent 70%);--btn-bg:#32c8781a;--btn-border:#32c87852;--btn-text:#7ffcb4;--btn-hover-bg:#32c8782e;--btn-hover-border:#32c878ad;--btn-glow:#32c87873;--shimmer-a:#a8f0c8;--shimmer-b:#4ae8a0;--shimmer-c:#e8f4ee;--shimmer-d:#5cd49a;--shimmer-e:#fff;--toggle-bg:#ffffff14;--toggle-border:#ffffff26;--toggle-thumb:#7ffcb4;--scene-bg:#060e0a;--scene-fog:#080f0c;--scene-ambient:#1a3028;--scene-sun:#2a4838;--scene-emissive:#30c878;--hud-text:#fff8f5e6;--hud-text-muted:#fff8f58f;--hud-accent:#9e4219;--hud-overlay-text:#fff8f5e6;--hud-overlay-muted:#fff8f5ad;--hud-overlay-line:#fff8f557;--hud-overlay-glow:#ffffff2e;--hud-footer-text:#fff8f5bd;--hud-footer-muted:#fff8f5e6;--hud-footer-glow:#ffffff2e;--progress-from:#3a5028;--progress-mid:#a3b18a;--progress-to:#9e4219}html{transition:background-color .5s,color .5s}body,.canvas-wrapper,.hud,.hud-wordmark,.progress-bar{transition:background-color .5s,color .5s,border-color .5s}html,body{background:var(--bg-primary);width:100%;height:100%;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100%;height:100%}.canvas-wrapper{z-index:1;width:100%;height:100%;position:fixed;inset:0}.canvas-wrapper canvas{display:block}.mobile-joystick-wrap{display:none}.mobile-joystick{--thumb-x:0px;--thumb-y:0px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:999px;position:relative;transform:translateZ(0)}.mobile-joystick-ring,.mobile-joystick-core,.mobile-joystick-thumb{border-radius:999px}.mobile-joystick-ring{position:absolute;inset:0}.mobile-joystick-ring-outer{-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 32% 28%,#ffffff47,#0000 26%),#b4bcc642;border:2px solid #ffffff6b;box-shadow:inset 0 2px 12px #ffffff29,0 12px 30px #00000047}.mobile-joystick-ring-mid{border:1px solid #ffffff42;inset:16px;box-shadow:inset 0 0 0 1px #00000014}.mobile-joystick-core{background:radial-gradient(circle at 30% 30%,#fff6,#0000 34%),#e1e5ead1;border:1px solid #ffffff85;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 10px #ffffff57,0 2px 10px #0000001f}.mobile-joystick-thumb{width:56px;height:56px;transform:translate3d(calc(-50% + var(--thumb-x)), calc(-50% + var(--thumb-y)), 0);will-change:transform;background:radial-gradient(circle at 34% 30%,#ffffff57,#0000 30%),linear-gradient(#eceff3e0,#c6cdd6e6);border:1px solid #ffffffa3;transition:transform 70ms linear,box-shadow .18s;position:absolute;top:50%;left:50%;box-shadow:0 8px 18px #00000042,inset 0 2px 8px #ffffff47}.mobile-joystick.active .mobile-joystick-thumb{box-shadow:0 10px 22px #0000004d,inset 0 2px 10px #ffffff52}@media (width<=860px),(pointer:coarse){.mobile-joystick-wrap{right:calc(.72rem + env(safe-area-inset-right,0px));bottom:calc(.72rem + env(safe-area-inset-bottom,0px));z-index:56;pointer-events:none;display:block;position:fixed}.mobile-joystick{transform-origin:100% 100%;transform:scale(.84)}.hud{padding:calc(.28rem + env(safe-area-inset-top,0px)) calc(.6rem + env(safe-area-inset-right,0px)) calc(.72rem + env(safe-area-inset-bottom,0px)) calc(.6rem + env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) auto}.hud-wordmark{letter-spacing:.2em;flex-wrap:wrap;gap:.3rem;max-width:min(42vw,8rem);padding:.02rem 0 0 .05rem;font-size:.46rem}.hud-wordmark-credit{letter-spacing:.08em;font-size:.3rem}.hud-actions{gap:.26rem;max-width:54vw}.hud-theme-toggle,.hud-music-toggle{transform-origin:100% 0;padding:.24rem .42rem .24rem .32rem}.hud-theme-label{letter-spacing:.05em;font-size:.46rem}.hud-nav{top:50%;left:calc(.42rem + env(safe-area-inset-left,0px));place-self:start;gap:.5rem;width:auto;max-width:min(40vw,8rem);padding:.15rem .3rem .15rem 0;display:flex;position:fixed;overflow:visible;transform:translateY(-50%)}.hud-nav:hover,.hud-nav:focus-within{transform:translateY(-50%)}.hud-zone{opacity:.86;gap:.36rem;padding:.18rem .1rem .18rem .26rem;transform:none}.hud-zone.active{transform:none}.hud-zone:not(.active){opacity:.68;transform:none}.hud-zone-roman{min-width:.8rem;font-size:.5rem}.hud-zone-line{width:9px}.hud-zone.active .hud-zone-line{width:18px}.hud-zone-name{opacity:0;letter-spacing:.08em;white-space:normal;max-width:0;font-size:.49rem;line-height:1.1;overflow:hidden;transform:translate(.45rem)}.hud-nav.mobile-open .hud-zone-name,.hud-nav:hover .hud-zone-name,.hud-nav:focus-within .hud-zone-name{opacity:1;max-width:4.9rem;transform:translate(0)}.hud-footer{text-align:right;place-self:end;align-items:flex-end;gap:.16rem;width:min(36vw,6.8rem);margin-bottom:.18rem;margin-right:.05rem}.hud-biome-compass{font-size:.42rem;line-height:1.08}.hud-footer.mobile-layout{gap:0}.hud-footer.mobile-layout .hud-biome-compass{transform:translateY(.34rem)}.movement-hint-label{letter-spacing:.04em;white-space:normal;text-wrap:balance;max-width:100%;font-size:.31rem;line-height:1.12}}@media (width<=420px),(pointer:coarse){.mobile-joystick{transform-origin:100% 100%;transform:scale(.76)}.hud-wordmark{letter-spacing:.16em;max-width:39vw;font-size:.42rem}.hud-actions{gap:.22rem}.hud-theme-toggle,.hud-music-toggle{padding:.22rem .34rem .22rem .28rem}.hud-theme-label,.hud-music-toggle span:last-child{font-size:.42rem}.hud-nav{max-width:min(39vw,7rem);top:50%}.hud-zone-name{max-width:4.2rem;font-size:.45rem}.hud-footer{width:min(33vw,6rem)}.hud-footer.mobile-layout .hud-biome-compass{transform:translateY(.26rem)}.movement-hint-label{letter-spacing:.03em;font-size:.28rem}}.progress-track{z-index:60;pointer-events:none;width:100%;position:fixed;top:0;left:0}.progress-bar{background:linear-gradient(90deg, var(--progress-from) 0%, var(--progress-mid) 45%, var(--progress-to) 100%);height:2px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--progress-mid) 60%, transparent);transition:none}.hud{pointer-events:none;z-index:40;grid-template:"wordmark actions"".nav"1fr"footer."/1fr auto;padding:2.8rem 3rem;display:grid;position:fixed;inset:0}.hud-wordmark{font-family:var(--font-serif);letter-spacing:.55em;color:var(--hud-overlay-text);opacity:0;animation:fadeInDown 1.2s var(--ease-out-expo) .2s forwards;text-shadow:0 0 12px var(--hud-overlay-glow), 0 0 24px color-mix(in srgb, var(--hud-overlay-glow) 74%, transparent), 0 2px 12px #00000061;grid-area:wordmark;place-self:start;align-items:baseline;gap:.7rem;padding:.28rem .2rem .28rem .35rem;font-size:.68rem;font-weight:300;transition:color .5s,text-shadow .5s;display:inline-flex}.hud-wordmark-title{white-space:nowrap}.hud-wordmark-credit{font-family:var(--font-credit);letter-spacing:.18em;text-transform:none;white-space:nowrap;color:color-mix(in srgb, var(--hud-overlay-text) 76%, var(--hud-overlay-muted));opacity:.88;text-shadow:0 0 5px color-mix(in srgb, var(--hud-overlay-glow) 44%, transparent), 0 1px 6px #0000002e;font-size:.44rem;font-style:italic;font-weight:300}.hud-wordmark-credit-link{color:inherit;text-decoration:none;transition:color .22s,text-shadow .22s,opacity .22s}.hud-wordmark-credit-link:hover,.hud-wordmark-credit-link:focus-visible{color:color-mix(in srgb, var(--hud-overlay-text) 88%, white);text-shadow:0 0 7px color-mix(in srgb, var(--hud-overlay-glow) 56%, transparent), 0 1px 8px #0000002e;opacity:1;outline:none}.hud-nav{pointer-events:auto;width:max-content;max-width:min(82vw,22rem);transition:transform .45s var(--ease-out-expo);flex-direction:column;grid-area:nav;place-self:center end;gap:1.1rem;padding:.35rem 0 .35rem .45rem;list-style:none;display:flex;overflow:hidden;transform:translate(calc(100% - 3.8rem))}.hud-nav:hover,.hud-nav:focus-within{transform:translate(0)}.hud-actions{pointer-events:auto;opacity:0;animation:fadeInDownSolid 1.2s var(--ease-out-expo) .25s forwards;grid-area:actions;place-self:start end;align-items:center;gap:.65rem;display:flex}.hud-zone{appearance:none;text-align:left;opacity:0;width:100%;animation:fadeInRight 1.4s var(--ease-out-expo) forwards;cursor:pointer;pointer-events:auto;transition:background .25s ease, opacity .65s var(--ease-out-expo), transform .55s var(--ease-out-expo);background:0 0;border:0;border-radius:6px;align-items:center;gap:.75rem;padding:.42rem .5rem;display:flex;position:relative;transform:translate(6px)}@keyframes hudActivePulse{0%,to{opacity:.78;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.18)}}.hud-zone:before{content:"";width:.42rem;height:.42rem;box-shadow:none;opacity:0;transition:opacity .3s ease, transform .45s var(--ease-out-expo), box-shadow .45s ease, background .45s ease;background:0 0;border-radius:999px;position:absolute;top:50%;left:-.1rem;transform:translateY(-50%)scale(.6)}.hud-zone:hover{opacity:.92;transform:translate(1px)}.hud-zone:focus-visible{outline:1px solid var(--border-strong);outline-offset:6px}.hud-zone[data-index="0"]{animation-delay:.1s}.hud-zone[data-index="1"]{animation-delay:.2s}.hud-zone[data-index="2"]{animation-delay:.3s}.hud-zone[data-index="3"]{animation-delay:.4s}.hud-zone.active{opacity:1;transform:translate(-3px)}.hud-zone:not(.active){opacity:.42;transform:translate(4px)}:root .hud-zone:not(.active){opacity:.82}[data-theme=dark] .hud-zone:not(.active){opacity:.72}:root .hud-zone-name,:root .hud-zone-roman{text-shadow:0 0 10px var(--hud-overlay-glow), 0 0 22px color-mix(in srgb, var(--hud-overlay-glow) 66%, transparent), 0 2px 10px #00000057}:root .hud-zone-line{background:var(--hud-overlay-line);box-shadow:0 0 10px color-mix(in srgb, var(--hud-overlay-glow) 62%, transparent), 0 0 18px color-mix(in srgb, var(--hud-overlay-glow) 40%, transparent)}:root .hud-zone.active{box-shadow:none;background:0 0}:root .hud-zone.active:before{opacity:1;background:var(--hud-overlay-text);box-shadow:0 0 10px var(--hud-overlay-glow), 0 0 18px color-mix(in srgb, var(--hud-overlay-glow) 70%, transparent);animation:1.8s ease-in-out infinite hudActivePulse;transform:translateY(-50%)scale(1)}[data-theme=dark] .hud-zone.active{box-shadow:none;background:0 0}[data-theme=dark] .hud-zone-name,[data-theme=dark] .hud-zone-roman{text-shadow:0 0 10px var(--hud-overlay-glow), 0 0 18px color-mix(in srgb, var(--hud-overlay-glow) 48%, transparent), 0 2px 12px #0000006b}.hud-zone-roman{font-family:var(--font-serif);letter-spacing:.05em;color:var(--hud-overlay-muted);text-align:right;min-width:1.4rem;transition:color .5s ease, transform .45s var(--ease-out-expo), text-shadow .45s ease;font-size:.62rem;font-style:italic;font-weight:300}.hud-zone.active .hud-zone-roman{color:var(--hud-overlay-text);text-shadow:0 0 12px var(--hud-overlay-glow), 0 0 24px color-mix(in srgb, var(--hud-overlay-glow) 72%, transparent), 0 2px 12px #0000006b;transform:translate(-1px)scale(1.08)}.hud-zone-line{background:var(--hud-overlay-line);width:14px;height:1px;transition:width .5s var(--ease-out-expo), background .5s ease, box-shadow .5s ease;flex-shrink:0;display:block}.hud-zone.active .hud-zone-line{background:var(--hud-overlay-text);width:30px;height:2px;box-shadow:0 0 12px var(--hud-overlay-glow), 0 0 22px color-mix(in srgb, var(--hud-overlay-glow) 76%, transparent)}.hud-zone-name{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--hud-overlay-text);white-space:nowrap;opacity:0;transition:color .5s ease, opacity .35s ease, transform .45s var(--ease-out-expo);font-size:.65rem;font-weight:500;transform:translate(10px)}.hud-nav:hover .hud-zone-name,.hud-nav:focus-within .hud-zone-name{opacity:1;transform:translate(0)}.hud-footer{opacity:0;animation:fadeInUp 1.6s var(--ease-out-expo) .5s forwards;pointer-events:auto;flex-direction:column;grid-area:footer/1/footer/-1;place-self:end center;align-items:center;gap:.55rem;display:flex}.hud-biome-compass{font-family:var(--font-serif);letter-spacing:.08em;color:var(--hud-footer-text);text-align:center;text-shadow:0 0 12px var(--hud-footer-glow), 0 0 24px color-mix(in srgb, var(--hud-footer-glow) 72%, transparent), 0 2px 12px #0000006b;font-size:.62rem;font-style:italic;font-weight:600;transition:color .5s,text-shadow .5s}.movement-hint-label{letter-spacing:.28em;text-transform:uppercase;color:var(--hud-footer-muted);text-align:center;text-shadow:0 0 12px var(--hud-footer-glow), 0 0 24px color-mix(in srgb, var(--hud-footer-glow) 68%, transparent), 0 2px 12px #0000006b;font-size:.6rem;font-weight:600;transition:color .5s,text-shadow .5s}.hud-theme-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);cursor:pointer;transition:background .3s ease, border-color .3s ease, transform .2s var(--ease-out-expo);-webkit-backdrop-filter:blur(8px);border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .45rem;display:flex;box-shadow:0 6px 18px #0a181014}.hud-music-toggle:hover{transform:scale(1.02)}.hud-theme-toggle:hover{background:color-mix(in srgb, var(--toggle-bg) 80%, var(--accent-subtle));border-color:var(--border-mid);transform:scale(1.02)}.hud-theme-toggle:active{transform:scale(.98)}.toggle-track{background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:6px;flex-shrink:0;width:28px;height:14px;transition:background .3s,border-color .3s;position:relative}.toggle-thumb{background:var(--toggle-thumb);width:8px;height:8px;transition:transform .3s var(--ease-out-expo);border-radius:2px;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 3px #0000001f}.hud-theme-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;font-size:.58rem;font-weight:500;transition:color .3s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:.7;transform:translateY(0)}}@keyframes fadeInDownSolid{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(16px)}to{opacity:.22;transform:translate(4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px),(pointer:coarse){.hud-nav{top:50%;left:calc(.12rem + env(safe-area-inset-left,0px));padding-right:.3rem;transform:translateY(-50%)}.hud-nav:hover,.hud-nav:focus-within{transform:translateY(-50%)}.hud-nav.mobile-open{width:min(74vw,13.5rem);max-width:min(74vw,13.5rem);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;padding:.35rem .1rem .35rem .45rem}.hud-nav.mobile-open .hud-zone,.hud-nav.mobile-open .hud-zone:not(.active){opacity:1}.hud-zone{opacity:.92;justify-content:flex-start;gap:.24rem;padding:.18rem .38rem .18rem .18rem}.hud-zone:not(.active){opacity:.34}.hud-zone.active{opacity:1;background:radial-gradient(#1e1710e6 0%,#18120cb8 48%,#120e0a47 78%,#0000 100%);border-radius:999px}.hud-zone:before{box-shadow:none;background:#d6c6b4;left:auto;right:-.08rem}.hud-zone-line,.hud-zone.active .hud-zone-line{display:none}.hud-zone-name{opacity:0;letter-spacing:-.015em;white-space:normal;text-wrap:balance;color:#b7a897;-webkit-font-smoothing:antialiased;order:1;max-width:0;font-size:.57rem;font-style:italic;font-weight:700;line-height:.86;overflow:hidden;transform:translate(-.45rem);font-family:var(--font-serif)!important;text-transform:none!important;text-shadow:0 1px #fff8f005,0 1px 1px #000000d1,0 2px 4px #0000007a!important}.hud-nav.mobile-open .hud-zone-name,.hud-nav:hover .hud-zone-name,.hud-nav:focus-within .hud-zone-name{opacity:1;max-width:4.7rem;transform:translate(0)}.hud-zone-roman{text-align:left;color:#7e7062;text-shadow:0 1px 2px #0009;order:2;min-width:auto}[data-theme=dark] .hud-zone:not(.active) .hud-zone-name{color:#766a5d!important}[data-theme=dark] .hud-zone:not(.active) .hud-zone-roman{color:#665b4f!important}[data-theme=dark] .hud-zone.active .hud-zone-name{color:#e7ddd1!important;text-shadow:0 1px #fff7f00a,0 1px 1px #000000db,0 2px 4px #0000008f!important}[data-theme=dark] .hud-zone.active .hud-zone-roman{color:#aa9a8a!important}.hud-zone.active .hud-zone-name{letter-spacing:-.02em;font-size:.68rem;font-weight:700;line-height:.84}.hud-zone.active .hud-zone-roman{color:#aa9a8a}.hud-zone.active .hud-zone-name,.hud-zone.active .hud-zone-roman{opacity:1}.hud-zone.active .hud-zone-name{color:#e7ddd1!important;text-shadow:0 1px #fff8f00a,0 1px 1px #000000db,0 2px 4px #0000008f!important}}@media (width<=420px),(pointer:coarse){.hud-nav{top:50%;left:calc(.08rem + env(safe-area-inset-left,0px));max-width:min(39vw,7rem)}.hud-nav.mobile-open{width:min(78vw,11.25rem);max-width:min(78vw,11.25rem);padding:.3rem .08rem .3rem .4rem}.hud-zone-name{max-width:0;font-size:.46rem}.hud-zone.active .hud-zone-name{font-size:.58rem}.hud-nav.mobile-open .hud-zone-name,.hud-nav:hover .hud-zone-name,.hud-nav:focus-within .hud-zone-name{max-width:4.05rem}}.hud-biome-panel{top:50%;left:calc(1rem + env(safe-area-inset-left,0px));z-index:44;pointer-events:auto;width:2.4rem;transition:width .22s;position:fixed;transform:translateY(-50%)}.hud-biome-list{flex-direction:column;gap:.58rem;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.hud-biome-panel:not(.hover-suppressed):hover{width:min(13rem,100vw - 2rem)}}.hud-biome-list .hud-zone{opacity:1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.35rem .6rem;width:100%;padding:.08rem 0;animation:none;display:grid;transform:none}.hud-biome-list .hud-zone:before,.hud-biome-list .hud-zone-line{display:none}.hud-biome-list .hud-zone:hover{transform:translate(2px)}.hud-biome-list .hud-zone-name{opacity:1;letter-spacing:-.01em;text-wrap:balance;color:#8a7c6ee6;text-shadow:0 1px 1px #000000b3;white-space:nowrap;order:1;max-width:0;font-size:.64rem;font-style:italic;font-weight:600;line-height:.94;transition:max-width .22s,opacity .18s,transform .22s;overflow:hidden;transform:translate(-.28rem);font-family:var(--font-serif)!important;text-transform:none!important}.hud-biome-list .hud-zone-roman{text-align:right;min-width:1.1rem;font-family:var(--font-serif);color:#7e7164b8;text-shadow:0 1px 1px #000000a3;order:2;font-size:.62rem;font-style:italic}.hud-biome-list .hud-zone-dot{opacity:0;background:#7c6f61b3;border-radius:999px;order:3;width:.3rem;height:.3rem;margin-left:.08rem;transition:opacity .18s}.hud-biome-list .hud-zone.active{background:0 0}.hud-biome-list .hud-zone.active .hud-zone-name{color:#e2d7cbf5;text-shadow:0 1px 1px #000000c7,0 2px 6px #0000005c}.hud-biome-list .hud-zone.active .hud-zone-roman{color:#b2a291d1}.hud-biome-list .hud-zone.active .hud-zone-dot{background:#cabaa8eb}.hud-biome-panel.open{width:min(13rem,100vw - 2rem)}.hud-biome-panel.open .hud-biome-list .hud-zone-name,.hud-biome-panel:focus-within .hud-biome-list .hud-zone-name{max-width:8rem;transform:translate(0)}.hud-biome-panel.open .hud-biome-list .hud-zone-dot,.hud-biome-panel:focus-within .hud-biome-list .hud-zone-dot{opacity:1}@media (hover:hover) and (pointer:fine){.hud-biome-panel:not(.hover-suppressed):hover .hud-biome-list .hud-zone-name{max-width:8rem;transform:translate(0)}.hud-biome-panel:not(.hover-suppressed):hover .hud-biome-list .hud-zone-dot{opacity:1}}@media (width<=860px),(pointer:coarse){.hud-biome-panel{left:calc(.55rem + env(safe-area-inset-left,0px));width:2.15rem}.hud-biome-list{gap:.5rem}.hud-biome-list .hud-zone-name{font-size:.6rem}.hud-biome-list .hud-zone-roman{font-size:.58rem}}@media (width<=420px),(pointer:coarse){.hud-biome-panel{width:2rem}.hud-biome-list{gap:.44rem}.hud-biome-list .hud-zone-name{font-size:.56rem}}.intro-overlay{--intro-text:var(--text-primary);--intro-text-muted:var(--text-muted);--intro-bg:var(--bg-primary);--intro-border:var(--border-subtle);--cta-bg:var(--btn-bg);--cta-border:var(--btn-border);--cta-text:var(--btn-text);--cta-hover-bg:var(--btn-hover-bg);--cta-hover-border:var(--btn-hover-border);--cta-glow:var(--btn-glow);z-index:70;background:radial-gradient(ellipse at 15% 15%, var(--glow-secondary), transparent 34%), radial-gradient(ellipse at 85% 25%, color-mix(in srgb, var(--accent-subtle) 75%, transparent), transparent 32%), radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 54%), var(--intro-bg);opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .75s cubic-bezier(.4,0,.2,1),background .5s;display:flex;position:fixed;inset:0;overflow:hidden}[data-theme=light] .intro-overlay{--intro-text:#143727;--intro-text-muted:#143727a8;--intro-bg:linear-gradient(135deg, #b4cdbff0 0%, #c6dad0e6 28%, #bacec9eb 64%, #acc1bff5 100%), radial-gradient(circle at 50% 48%, #e3ece6f7 0%, #d5e1dafa 32%, #bcccc5fc 100%);--intro-border:#14372729;--cta-bg:#e7efeaad;--cta-border:#144e3475;--cta-text:#154a31;--cta-hover-bg:#144e3429;--cta-hover-border:#144e34ad;--cta-glow:#38946257}.intro-overlay.intro-mounted{opacity:1}.intro-overlay.intro-leaving{opacity:0;pointer-events:none}.intro-grain{pointer-events:none;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}[data-theme=light] .intro-grain{opacity:.026}.intro-orbs{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(54px);opacity:.82;will-change:transform;border-radius:8px;position:absolute}[data-theme=light] .orb{opacity:.92;filter:blur(60px)saturate(112%)}.orb-1{background:var(--orb-1);width:430px;height:360px;animation:18s ease-in-out infinite introDriftA;top:-10%;left:-7%}.orb-2{background:var(--orb-2);width:340px;height:300px;animation:22s ease-in-out infinite introDriftB;top:18%;right:-6%}.orb-3{background:var(--orb-3);width:300px;height:220px;animation:24s ease-in-out infinite introDriftC;bottom:8%;left:10%}.orb-4,.orb-5,.orb-6{display:none}.intro-actions{z-index:2;opacity:0;align-items:center;gap:.65rem;animation:.8s cubic-bezier(.16,1,.3,1) .25s forwards introFadeDown;display:flex;position:absolute;top:2.4rem;right:2.8rem}.intro-theme-toggle,.intro-music-toggle{border:1px solid var(--toggle-border);background:var(--toggle-bg);min-height:34px;color:var(--intro-text-muted);font-family:var(--font-sans);letter-spacing:.1em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);border-radius:6px;align-items:center;gap:.55rem;padding:.42rem .78rem;font-size:.65rem;transition:transform .2s,color .25s,border-color .25s,background .25s;display:flex;box-shadow:0 8px 24px #0a181014}.intro-theme-toggle:hover,.intro-music-toggle:hover{color:var(--intro-text);border-color:var(--border-mid);transform:translateY(-1px)}.intro-toggle-track{border:1px solid var(--accent-mid);background:var(--accent-subtle);border-radius:6px;flex-shrink:0;width:32px;height:18px;position:relative}.intro-toggle-thumb{background:var(--toggle-thumb);width:10px;height:10px;box-shadow:0 0 8px var(--glow-primary);border-radius:2px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:2px}[data-theme=dark] .intro-toggle-thumb{transform:translate(16px)}.intro-control-label{text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.68rem;line-height:1}.intro-eq-bars{align-items:flex-end;gap:2px;height:14px;display:flex}.intro-eq-bars span{background:var(--intro-text-muted);transform-origin:bottom;border-radius:1px;width:3px;height:4px;transition:height .2s,background .2s}.intro-music-toggle.active .intro-eq-bars span{background:var(--accent);animation:.65s ease-in-out infinite alternate introEqBar}.intro-center{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:2.35rem;padding:0 1.5rem;display:flex;position:relative}.intro-title-band{opacity:0;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2.2rem);width:min(92vw,1180px);animation:1s cubic-bezier(.16,1,.3,1) .18s forwards introBandReveal;display:flex}.intro-title-lockup{flex-direction:column;align-items:center;gap:.48rem;display:flex}.eyebrow-line{background:linear-gradient(90deg, transparent, var(--accent-mid), transparent);width:clamp(46px,14vw,180px);height:1px;animation:.9s cubic-bezier(.16,1,.3,1) .38s forwards introLineGrow;transform:scaleX(0)}.intro-title{font-family:var(--font-serif);letter-spacing:0;color:var(--intro-text);background:linear-gradient(115deg, var(--shimmer-a) 0%, var(--shimmer-b) 24%, var(--shimmer-e) 48%, var(--shimmer-d) 74%, var(--shimmer-a) 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;background-size:320% 320%;-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:0;margin:0;font-size:clamp(4.8rem,11vw,10rem);font-weight:300;line-height:1;animation:7s ease-in-out infinite odysseyShimmer,5s ease-in-out infinite odysseyGlow;display:flex}.title-char{opacity:0;color:var(--intro-text);background:inherit;background-size:inherit;-webkit-text-fill-color:transparent;animation:.72s cubic-bezier(.16,1,.3,1) forwards charReveal,6s ease-in-out infinite charBreathe;animation-delay:calc(var(--char-index) * 70ms + .42s), calc(var(--char-index) * .12s + 2s);-webkit-background-clip:text;background-clip:text;display:inline-block;transform:translateY(18px)}.intro-subtitle{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--intro-text-muted);opacity:0;margin:0;font-size:clamp(.75rem,1.4vw,.9rem);font-weight:300;animation:.85s cubic-bezier(.16,1,.3,1) .86s forwards introFadeUp}.intro-title-credit{font-family:var(--font-credit);letter-spacing:.14em;color:color-mix(in srgb, var(--intro-text) 76%, var(--intro-text-muted));opacity:0;text-shadow:0 0 5px color-mix(in srgb, var(--glow-secondary) 34%, transparent), 0 1px 8px #00000014;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-top:.26rem;font-size:clamp(.66rem,1.15vw,.9rem);font-style:italic;font-weight:300;line-height:1;animation:.85s cubic-bezier(.16,1,.3,1) .74s forwards introFadeUp}.intro-title-credit-link{color:inherit;text-decoration:none;transition:color .22s,text-shadow .22s,opacity .22s}.intro-title-credit-link:hover,.intro-title-credit-link:focus-visible{color:color-mix(in srgb, var(--intro-text) 88%, white);text-shadow:0 0 7px color-mix(in srgb, var(--glow-primary) 38%, transparent), 0 1px 10px #00000014;opacity:1;outline:none}.intro-cta{border:1px solid var(--cta-border);background:var(--cta-bg);min-height:44px;color:var(--cta-text);font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;cursor:pointer;pointer-events:auto;opacity:0;border-radius:6px;align-items:center;gap:.75rem;margin-top:.25rem;padding:.9rem 2.6rem;font-size:.72rem;font-weight:500;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;animation:.85s cubic-bezier(.16,1,.3,1) 1.05s forwards introFadeUp;display:inline-flex;position:relative;overflow:hidden}.intro-skip{color:var(--intro-text-muted);font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:0;background:0 0;border:0;font-size:.68rem;transition:color .2s,transform .2s;animation:.85s cubic-bezier(.16,1,.3,1) 1.15s forwards introFadeUp}.intro-skip:hover{color:var(--intro-text);transform:translateY(-1px)}.intro-cta:hover{background:var(--cta-hover-bg);border-color:var(--cta-hover-border);box-shadow:0 0 28px var(--cta-glow), 0 8px 24px #00000029;transform:translateY(-1px)}.intro-cta:active{transform:translateY(0)}.cta-text,.cta-arrow{z-index:1;position:relative}.cta-arrow{font-size:.9rem;transition:transform .2s}.intro-cta:hover .cta-arrow{transform:translate(3px)}.cta-glow{background:radial-gradient(ellipse at center, var(--cta-glow), transparent 70%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.intro-cta:hover .cta-glow{opacity:.45}.intro-footer{z-index:2;opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) 1.28s forwards introFadeIn;position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%)}.footer-text{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--intro-text-muted);white-space:nowrap;font-size:.58rem}.footer-text kbd{font-family:var(--font-sans);border:1px solid var(--intro-border);background:var(--intro-border);color:var(--intro-text-muted);letter-spacing:.1em;border-radius:3px;padding:.1em .35em;font-size:.55rem}@keyframes introFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes introFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introBandReveal{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes introLineGrow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes introDriftA{0%,to{transform:translate(0)}50%{transform:translate(28px,34px)}}@keyframes introDriftB{0%,to{transform:translate(0)}45%{transform:translate(-28px,24px)}}@keyframes introDriftC{0%,to{transform:translate(0)}55%{transform:translate(18px,-24px)}}@keyframes odysseyShimmer{0%{background-position:0 60%}50%{background-position:100% 40%}to{background-position:0 60%}}@keyframes odysseyGlow{0%,to{filter:drop-shadow(0 0 8px var(--glow-secondary))}50%{filter:drop-shadow(0 0 16px var(--glow-primary)) drop-shadow(0 0 40px var(--glow-secondary))}}@keyframes charReveal{to{opacity:1;transform:translateY(0)}}@keyframes charBreathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.01)}}@keyframes introEqBar{0%{transform:scaleY(.65)}to{transform:scaleY(1)}}@media (width<=700px){.intro-actions{gap:.45rem;top:1.2rem;right:1.2rem}.intro-theme-toggle,.intro-music-toggle{padding:.38rem .55rem}.intro-title{font-size:clamp(3.8rem,17vw,6rem)}.intro-title-credit{margin-top:.18rem;font-size:clamp(.6rem,2.6vw,.78rem)}.intro-title-band{gap:.75rem}.eyebrow-line{width:clamp(28px,10vw,58px)}.intro-footer{display:none}}.portal-flash{z-index:9998;pointer-events:none;opacity:0;will-change:clip-path, opacity;position:fixed;inset:0}.portal-flash[data-dark=false]{background:radial-gradient(120% 120% at 50% 45%,#fffdf5 0%,#fff8e0 35%,#ffe8a0 65%,#fc6 100%)}.portal-flash[data-dark=true]{background:radial-gradient(120% 120% at 50% 45%,#f4f8ff 0%,#e0ecff 35%,#b8d0ff 65%,#8099ee 100%)}.portal-flash--active{animation:.88s cubic-bezier(.22,1,.36,1) forwards portalFlashExpand}@keyframes portalFlashExpand{0%{clip-path:circle(0% at 50% 45%);opacity:0}12%{opacity:1}55%{clip-path:circle(75% at 50% 45%);opacity:1}to{clip-path:circle(160% at 50% 45%);opacity:1}}