:root{color-scheme:dark;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Spectral", Georgia, serif;--font-hud: "IBM Plex Mono", "Courier New", monospace;font-family:var(--font-body);--color-surface-canvas: #050608;--color-surface-0: #080b12;--color-surface-1: #0a101e;--color-surface-2: #0f1628;--color-surface-overlay: rgba(4, 6, 9, .72);--color-surface-glass: rgba(12, 16, 24, .62);--color-surface-interactive: rgba(255, 255, 255, .08);--color-text-primary: #f5f5f7;--color-text-secondary: #d5d9e4;--color-text-tertiary: #c8d2e9;--color-text-muted: #b8c4dc;--color-text-inverse: #02050f;--color-accent-300: #9cc8ff;--color-accent-400: #86a9ff;--color-accent-500: #6fa3ff;--color-accent-600: #4f89e8;--color-gilt-300: #ffe2a1;--color-gilt-400: #ffc857;--color-cyan-400: #6fe1ff;--color-rose-400: #ff7ad9;--color-mint-400: #7cffc4;--color-warning-400: #ffd166;--color-warning-500: #ffb347;--color-border-subtle: rgba(255, 255, 255, .09);--color-border-default: rgba(255, 255, 255, .2);--color-border-strong: rgba(255, 255, 255, .28);--font-size-xs: .72rem;--font-size-sm: .82rem;--font-size-md: .9rem;--font-size-lg: .95rem;--font-size-xl: 1.1rem;--font-size-display: clamp(2.2rem, 5vw, 4.4rem);--line-height-tight: 1.05;--line-height-body: 1.6;--line-height-relaxed: 1.45;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.75rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--motion-fast: .15s;--motion-medium: .32s;--motion-slow: .42s;--easing-standard: ease;--easing-out: cubic-bezier(.16, 1, .3, 1);--focus-ring-width: 2px;--focus-ring-color: #9ec8ff;--focus-ring-offset: 3px}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-medium: 0ms;--motion-slow: 0ms}}*{box-sizing:border-box}body{margin:0;background:var(--color-surface-canvas);color:var(--color-text-primary)}canvas#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui-button,.hero-button,.nav-hub__trigger,.nav-hub__close,.nav-hub__retry,.settings-menu__trigger,.settings-menu__close,.settings-menu__mode,.onboarding-modal__cta,.onboarding-modal__secondary{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-interactive);color:var(--color-text-primary);padding:.55rem .95rem;font-size:var(--font-size-sm);letter-spacing:.03em;cursor:pointer;transition:transform var(--motion-fast) var(--easing-standard),filter var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),opacity var(--motion-medium) var(--easing-standard)}.ui-button:hover,.hero-button:hover,.nav-hub__trigger:hover,.nav-hub__close:hover,.nav-hub__retry:hover,.settings-menu__trigger:hover,.settings-menu__close:hover,.settings-menu__mode:hover,.onboarding-modal__cta:hover,.onboarding-modal__secondary:hover{transform:translateY(-1px);filter:brightness(1.1)}.ui-button:focus-visible,.hero-button:focus-visible,.nav-hub__trigger:focus-visible,.nav-hub__close:focus-visible,.nav-hub__retry:focus-visible,.nav-hub__link:focus-visible,.settings-menu__trigger:focus-visible,.settings-menu__close:focus-visible,.settings-menu__mode:focus-visible,.onboarding-modal__cta:focus-visible,.onboarding-modal__secondary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ui-card,.hero-intro,.hero-navigation,.onboarding-modal__panel,.nav-hub,.settings-menu{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface-1) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ui-badge,.nav-hub__badge{width:fit-content;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-300);border:1px solid rgba(146,189,255,.6);border-radius:var(--radius-pill);padding:.1rem .45rem}.ui-panel,.settings-menu,.nav-hub,.onboarding-modal__panel{border:1px solid var(--color-border-default);background:color-mix(in srgb,var(--color-surface-1) 84%,transparent)}.ui-tooltip,.hero-affordance{text-transform:uppercase;letter-spacing:.16em;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ui-toast,.nav-hub__loading,.nav-hub__error,.nav-hub__empty{font-size:var(--font-size-sm);color:var(--color-text-tertiary);border-left:2px solid var(--color-accent-400);padding-left:var(--space-2)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:3.5rem;pointer-events:auto;transition:opacity var(--motion-slow) var(--easing-standard),visibility var(--motion-slow) var(--easing-standard);background:radial-gradient(circle at 50% 25%,rgba(10,24,52,.2),var(--color-surface-overlay))}.hero-overlay.is-interacted .hero-affordance{opacity:0;transform:translateY(10px);visibility:hidden}.hero-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.hero-content{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-6);align-items:end}.hero-intro{padding:clamp(1.5rem,3vw,2.8rem)}.hero-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-400);font-size:.8rem}.hero-intro h1{margin:.7rem 0 1rem;font-size:var(--font-size-display);line-height:var(--line-height-tight);letter-spacing:-.02em}.hero-intro p{margin:0;max-width:56ch;line-height:var(--line-height-body);color:var(--color-text-secondary)}.hero-actions{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.85rem}.hero-button{border-color:transparent;padding:.78rem 1.15rem;font-size:var(--font-size-md);font-weight:600;letter-spacing:.02em}.hero-button.primary{color:var(--color-text-inverse);background:linear-gradient(120deg,var(--color-accent-500),var(--color-accent-300))}.hero-button.secondary{color:#e8ebf7;border-color:#ffffff3d}.hero-navigation{margin:0;padding:clamp(1.3rem,3vw,2rem);list-style:none;counter-reset:hero-step}.hero-navigation li{counter-increment:hero-step;display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start}.hero-navigation li+li{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.hero-navigation li:before{content:counter(hero-step);width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:#0f1c35;background:#b9d6ff}.hero-navigation h2{margin:0;font-size:var(--font-size-lg)}.hero-navigation p{margin:.3rem 0 0;color:#c4c9d8;font-size:.88rem;line-height:var(--line-height-relaxed)}.hero-affordance{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);opacity:.85;transition:opacity var(--motion-medium) var(--easing-standard),transform var(--motion-medium) var(--easing-standard),visibility var(--motion-medium) var(--easing-standard)}.hud-bar{position:absolute;top:1rem;right:1rem;z-index:20;display:flex;gap:.6rem;pointer-events:auto}.compass{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);width:min(440px,52vw);height:22px;z-index:15;pointer-events:none;opacity:0;transition:opacity var(--motion-slow) var(--easing-standard)}.compass.is-visible{opacity:1}.compass:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 18%,rgba(255,255,255,.3) 82%,transparent)}.compass:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:10px;transform:translate(-50%,-50%);background:#ffffffa6}.compass__pip{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:var(--pip-color, #ffc857);box-shadow:0 0 8px color-mix(in srgb,var(--pip-color, #ffc857) 80%,transparent);transition:opacity var(--motion-medium) var(--easing-standard),width var(--motion-fast) var(--easing-standard),height var(--motion-fast) var(--easing-standard)}.compass__pip.is-edge{width:5px;height:5px;opacity:.4}.compass__pip.is-active{width:13px;height:13px;box-shadow:0 0 14px var(--pip-color, #ffc857);outline:1px solid rgba(255,255,255,.7);outline-offset:2px}.travel-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--veil-accent, #ffc857) 70%,white),color-mix(in srgb,var(--veil-accent, #ffc857) 40%,transparent) 55%,#030408eb);transition:opacity .4s var(--easing-out)}.travel-veil.is-active{opacity:1}.nav-hub__trigger,.settings-menu__trigger{background:#080e1acc}.nav-hub__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#00000085;display:grid;place-items:center;padding:1rem;z-index:25}.nav-hub__backdrop[hidden],.onboarding-modal[hidden]{display:none}.nav-hub{width:min(940px,100%);max-height:min(84vh,960px);overflow:auto;border-radius:var(--radius-md);padding:var(--space-4)}.nav-hub__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.nav-hub__header .nav-hub__title,.onboarding-modal__title{margin:0;font-size:var(--font-size-xl)}.nav-hub__close,.nav-hub__retry,.onboarding-modal__cta,.onboarding-modal__secondary{border-radius:var(--radius-sm);padding:.45rem .7rem}.nav-hub__content,.nav-hub__list,.nav-hub__title-wrap,.onboarding-modal__panel{display:grid}.nav-hub__content{gap:.8rem}.nav-hub__section{border-top:1px solid rgba(255,255,255,.1);padding-top:.7rem}.nav-hub__group-heading{margin:0 0 .5rem;font-size:var(--font-size-lg);color:#b7cff8}.nav-hub__list{list-style:none;margin:0;padding:0;gap:var(--space-2)}.nav-hub__link{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:.6rem;border-radius:var(--radius-sm);text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.12);background:#ffffff05;transition:border-color var(--motion-fast) var(--easing-standard)}.nav-hub__link:hover{border-color:#7baeffb3}.nav-hub__icon{font-size:1.1rem;line-height:1.3}.nav-hub__title-wrap{gap:.2rem}.nav-hub__item-title{font-weight:600}.nav-hub__meta,.nav-hub__description{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.settings-menu__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#00000085;display:grid;place-items:center;padding:1rem;z-index:45}.settings-menu__backdrop[hidden]{display:none}.settings-menu{width:min(440px,100%);border-radius:var(--radius-md);padding:var(--space-4)}.settings-menu__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.settings-menu__title{margin:0;font-size:var(--font-size-xl)}.settings-menu__close{border-radius:var(--radius-sm);padding:.45rem .7rem}.settings-menu__section{border-top:1px solid rgba(255,255,255,.1);padding:.7rem 0}.settings-menu__label,.settings-menu__status{margin:0;font-size:.8rem;color:#cad6f3}.settings-menu__status{margin-top:.5rem;color:#9eb5df}.settings-menu__quality{margin-top:.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center}.settings-menu__quality-select{width:100%;padding-right:1.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-menu__quality-hint{font-size:.7rem;color:#9eb5df;white-space:nowrap}.settings-menu__modes{margin-top:.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.settings-menu__mode{padding:.42rem .55rem}.settings-menu__mode.is-active{background:#7cb1ff42;border-color:#9cc9ffd9}.onboarding-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:auto;display:grid;place-items:center;background:#0009;padding:var(--space-4)}.onboarding-modal__panel{width:min(620px,100%);border-radius:var(--radius-md);padding:var(--space-4);gap:.7rem}.onboarding-modal__instructions{margin:0;font-size:.88rem;color:#ced8ef;line-height:1.5}.onboarding-modal__cta{background:#6fa3ff47}.onboarding-modal__never{display:flex;align-items:center;gap:var(--space-2);font-size:.84rem;color:#c9d5f0}@media (max-width: 900px){.hero-overlay{padding:var(--space-4);align-items:flex-start;overflow-y:auto}.hero-content{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.hero-intro,.hero-navigation{width:100%}.hero-intro h1{font-size:clamp(1.8rem,8vw,2.7rem)}.hero-affordance{bottom:.7rem;font-size:.66rem;text-align:center;width:calc(100% - 1rem)}}body{font-family:var(--font-body)}h1,h2,.hero-intro h1,.nav-hub__title,.nav-hub__group-heading,.settings-menu__title,.hero-navigation h2{font-family:var(--font-display);font-weight:600}.ui-button,.ui-badge,.ui-tooltip,.nav-hub__meta,.settings-menu,.hero-eyebrow,.hero-affordance,kbd{font-family:var(--font-hud)}kbd{display:inline-block;min-width:1.5em;text-align:center;padding:.05rem .3rem;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:5px;background:#ffffff0f;font-size:.78em;color:var(--color-gilt-300)}.hero-intro h1{background:linear-gradient(105deg,#f7ecd2 20%,var(--color-gilt-400) 55%,#c08a2d 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.hero-eyebrow{color:var(--color-cyan-400)}.hero-intro p{font-size:1.02rem;font-weight:300}.hero-button.primary{color:var(--color-text-inverse);background:linear-gradient(120deg,var(--color-gilt-400),var(--color-gilt-300));box-shadow:0 0 24px #ffc85759}.hero-navigation li:before{background:var(--color-gilt-300);color:#1c1404;font-family:var(--font-hud)}.hero-overlay{z-index:40;background:radial-gradient(circle at 50% 30%,#0810261f,#030408c7)}.hero-overlay .hero-content{animation:hero-rise .9s var(--easing-out) both}@keyframes hero-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.loading-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(20,36,80,.5),transparent 60%),var(--color-surface-canvas);pointer-events:auto;transition:opacity .7s var(--easing-out),visibility .7s var(--easing-out)}.loading-veil.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-veil__eyebrow{margin:0;font-family:var(--font-hud);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.34em;color:var(--color-cyan-400);animation:veil-blink 1.6s ease-in-out infinite}.loading-veil__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,6vw,4.6rem);font-weight:700;letter-spacing:.08em;background:linear-gradient(105deg,#f7ecd2 20%,var(--color-gilt-400) 55%,#c08a2d 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.loading-veil__bar{width:min(280px,60vw);height:1px;background:#ffffff1f;overflow:hidden}.loading-veil__bar span{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--color-gilt-400),transparent);animation:veil-sweep 1.4s ease-in-out infinite}@keyframes veil-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes veil-blink{0%,to{opacity:.45}50%{opacity:1}}.reticle{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);display:none;pointer-events:none;z-index:15}.reticle.is-visible{display:block}.reticle__dot{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#ffffffd9;transform:translate(-50%,-50%)}.reticle__ring{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transition:inset .2s var(--easing-out),border-color .2s var(--easing-out),box-shadow .2s var(--easing-out)}.reticle.is-targeting .reticle__ring{top:4px;right:4px;bottom:4px;left:4px;border-color:var(--color-gilt-400);box-shadow:0 0 14px #ffc8578c}.reticle.is-targeting .reticle__dot{background:var(--color-gilt-300)}.waypoint-card{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%,16px);z-index:18;width:min(560px,calc(100vw - 2rem));display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:.85rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);border-left:3px solid var(--waypoint-accent, var(--color-gilt-400));background:color-mix(in srgb,var(--color-surface-1) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #0000008c,0 0 32px color-mix(in srgb,var(--waypoint-accent, var(--color-gilt-400)) 18%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-medium) var(--easing-out),transform var(--motion-medium) var(--easing-out),visibility var(--motion-medium) var(--easing-out)}.waypoint-card.is-visible{opacity:1;visibility:visible;transform:translate(-50%);pointer-events:auto}.waypoint-card__icon{font-size:1.6rem;line-height:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--waypoint-accent, var(--color-gilt-400)) 60%,transparent))}.waypoint-card__body{display:grid;gap:.18rem;min-width:0}.waypoint-card__kicker{margin:0;font-family:var(--font-hud);font-size:.64rem;text-transform:uppercase;letter-spacing:.22em;color:var(--waypoint-accent, var(--color-gilt-400))}.waypoint-card__title{margin:0;font-family:var(--font-display);font-size:1.12rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waypoint-card__description{margin:0;font-size:.8rem;color:var(--color-text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.waypoint-card__enter{display:grid;justify-items:center;gap:.3rem;padding:.55rem .9rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--waypoint-accent, var(--color-gilt-400)) 65%,transparent);background:color-mix(in srgb,var(--waypoint-accent, var(--color-gilt-400)) 14%,transparent);color:var(--color-text-primary);font-family:var(--font-hud);font-size:.74rem;letter-spacing:.06em;cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.waypoint-card__enter:hover{background:color-mix(in srgb,var(--waypoint-accent, var(--color-gilt-400)) 28%,transparent);transform:translateY(-1px)}.waypoint-card__enter:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.waypoint-card__enter kbd{color:inherit;border-color:color-mix(in srgb,var(--waypoint-accent, var(--color-gilt-400)) 55%,transparent)}@media (max-width: 640px){.waypoint-card{grid-template-columns:auto 1fr;bottom:1rem}.waypoint-card__enter{grid-column:1 / -1}.waypoint-card__description{display:none}}.yokai-hud{position:absolute;top:1rem;right:1rem;z-index:20;pointer-events:auto;display:flex;gap:.5rem;align-items:center}.yokai-hud__home{text-decoration:none;display:inline-flex;align-items:center}.yokai-intro{position:absolute;left:50%;top:12%;transform:translate(-50%);display:grid;justify-items:center;gap:.4rem;text-align:center;pointer-events:none;opacity:0;transition:opacity 1.4s var(--easing-out),transform .9s var(--easing-out);text-shadow:0 2px 22px rgba(30,20,10,.45)}.yokai-intro.is-visible{opacity:1}.yokai-intro.is-dismissed{opacity:0;transform:translate(-50%) translateY(-18px)}.yokai-intro__kana{margin:0;font-family:Shippori Mincho,serif;font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:.5em;color:#fff6e8}.yokai-intro__title{margin:0;font-family:Shippori Mincho,Cinzel,serif;font-weight:700;font-size:clamp(2.6rem,7vw,5rem);letter-spacing:.14em;color:#fffaf0}.yokai-intro__sub{margin:0;font-family:var(--font-body);font-style:italic;font-weight:300;font-size:1.05rem;color:#ffeed8}.yokai-intro__hint{margin:1.1rem 0 0;font-family:var(--font-hud);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fff6e8d9}.yokai-intro__hint kbd{color:#ffe3b0}.yokai-intro__classic{margin-top:.5rem;pointer-events:auto;font-family:var(--font-hud);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#fff0dc99;text-decoration:none;border-bottom:1px solid rgba(255,240,220,.35);transition:color var(--motion-fast) var(--easing-standard)}.yokai-intro__classic:hover{color:#fff3dd}.story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.story-title{position:absolute;left:50%;top:16%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity 1.8s var(--easing-out);text-shadow:0 2px 26px rgba(10,12,26,.55)}.story-title.is-visible{opacity:1}.story-title__main{margin:0;font-family:Shippori Mincho,serif;font-weight:700;font-size:clamp(1.9rem,4.6vw,3.4rem);letter-spacing:.1em;color:#fdf7ea}.story-title__sub{margin:.4rem 0 0;font-family:var(--font-body);font-style:italic;font-weight:300;font-size:1rem;color:#fdf4e0d9}.story-lines{position:absolute;left:50%;bottom:9%;transform:translate(-50%);width:min(760px,calc(100vw - 3rem));display:grid;gap:.45rem;text-align:center}.story-line{margin:0;font-family:Shippori Mincho,Spectral,serif;font-size:clamp(1rem,2vw,1.32rem);font-weight:500;line-height:1.5;color:#fbf4e4;text-shadow:0 2px 18px rgba(8,10,22,.75),0 0 4px rgba(8,10,22,.5);opacity:0;transform:translateY(10px);transition:opacity 1.6s var(--easing-out),transform 1.6s var(--easing-out)}.story-line.is-visible{opacity:1;transform:translateY(0)}.story-hint{position:absolute;right:1.2rem;bottom:1rem;margin:0;font-family:var(--font-hud);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:#faf2e28c;opacity:0;transition:opacity .9s var(--easing-out)}.story-hint.is-visible{opacity:1}.yokai-intro__story{margin:.4rem 0 0;font-family:var(--font-hud);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffe9c4}.yokai-intro__story em{font-style:normal;color:#fff6e4}@media (prefers-contrast: more){:root{--color-border-subtle: rgba(255, 255, 255, .24);--color-border-default: rgba(255, 255, 255, .4);--focus-ring-width: 3px}.ui-card,.ui-panel,.nav-hub__link{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}