.scene-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scene-layer>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.scene-static{position:absolute;inset:0}.scene-static-canvas{position:absolute;top:0;left:0;display:block;will-change:transform}:root:not([data-scene=""]) *,:root:not([data-scene=""]) *::before,:root:not([data-scene=""]) *::after{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:root:not([data-scene=""])[data-scene-quality="high"] .header.dynamic-island{-webkit-backdrop-filter:blur(12px) saturate(1.25) !important;backdrop-filter:blur(12px) saturate(1.25) !important}:root:not([data-scene=""]) .header.dynamic-island{background:var(--island-bg);box-shadow:0 0 0 1px var(--island-border),0 12px 32px rgb(0 0 0 / 0.35)}:root:not([data-scene=""]) .header.dynamic-island::before{background:transparent}:root:not([data-scene=""]) :is(.sheet-panel,.modal-content,.appearance-panel){background:var(--scene-dialog)}:root[data-theme="ocean"]{background:#0a4663 linear-gradient(180deg,#1f8db5 0%,#0b4a68 45%,#04192a 100%) fixed;--scene-dialog:rgb(5 36 56 / 0.96);--hud-font:"Cormorant Garamond","Noto Serif Thai",Georgia,serif;--hud-ink:rgb(225 246 255 / 0.85);--hud-glow:rgb(180 240 255 / 0.8);--hud-shadow:rgb(0 20 40 / 0.4)}:root[data-theme="ocean"] :is(.headline,.site-page-title,.site-section-title,.dash-title,.site-card-title,.hero-title,.page-title,.section-title,.history-title,.sheet-panel h2,.co-product-text h2,.stat-value,.stat-number,.product-price,.order-price,.price-total,.balance-figure,.summary-tile strong,.co-line--total strong,.receipt-status){font-family:var(--font-display);font-weight:500;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums}:root[data-theme="ocean"] .headline{font-style:italic;letter-spacing:-0.01em}:root[data-theme="ocean"] .scene-zone-banner-name{font-style:italic}:root[data-theme="space"]{background:#04050c radial-gradient(120% 80% at 70% 20%,#1b1440 0%,#070818 55%,#020208 100%) fixed;--scene-dialog:rgb(10 12 28 / 0.96);--hud-font:"Chakra Petch",system-ui,sans-serif;--hud-ink:rgb(220 228 255 / 0.85);--hud-glow:rgb(170 190 255 / 0.85);--hud-shadow:rgb(0 0 10 / 0.6)}:root[data-theme="space"] :is(.headline,.site-page-title,.site-section-title,.dash-title,.site-card-title,.hero-title,.page-title,.section-title,.history-title,.sheet-panel h2,.co-product-text h2,.stat-value,.stat-number,.balance-figure,.summary-tile strong){font-family:var(--font-display);font-weight:600;letter-spacing:0.01em;font-variant-numeric:tabular-nums}:root[data-theme="space"] .headline{letter-spacing:0.04em;text-transform:uppercase;text-shadow:0 0 28px rgb(140 160 255 / 0.45)}:root[data-theme="space"] .scene-hud-value{letter-spacing:0.06em}:root[data-theme="space"] .scene-zone-banner-name{text-transform:uppercase;letter-spacing:0.12em;font-size:28px}:root[data-theme="halloween"]{background:#07050d linear-gradient(180deg,#1c1430 0%,#0c0914 60%,#050307 100%) fixed;--scene-dialog:rgb(18 12 24 / 0.96);--hud-font:"Creepster","Srisakdi",Georgia,serif;--hud-ink:rgb(255 226 196 / 0.9);--hud-glow:rgb(255 140 40 / 0.85);--hud-shadow:rgb(20 0 30 / 0.7)}:root[data-theme="halloween"] :is(.headline,.site-page-title,.site-section-title,.hero-title,.page-title,.section-title,.stat-value,.stat-number){font-family:var(--font-display);font-weight:400;letter-spacing:0.03em}:root[data-theme="halloween"] :is(.headline,.site-page-title){color:#ffd9a8;text-shadow:0 0 18px rgb(255 120 30 / 0.55),0 2px 0 rgb(60 10 0 / 0.6)}:root[data-theme="halloween"] .scene-hud-value{font-size:30px;letter-spacing:0.08em}:root[data-theme="halloween"] .scene-zone-banner-name{color:#ffb366;text-shadow:0 0 22px rgb(255 110 20 / 0.6)}.scene-hud{position:fixed;top:50%;right:18px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:18px;transform:translateY(-50%);color:var(--hud-ink);font-family:var(--hud-font);font-variant-numeric:lining-nums tabular-nums;pointer-events:none;text-shadow:0 1px 8px var(--hud-shadow)}.scene-hud-sound{pointer-events:auto;padding:6px 2px;border:0;background:none;color:inherit;font:600 10.5px/1 var(--font-sans);letter-spacing:0.32em;text-transform:uppercase;cursor:pointer;opacity:0.8}.scene-hud-sound:hover,.scene-hud-sound[aria-pressed="true"]{opacity:1;color:var(--primary-light)}.scene-hud-sound:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}.scene-hud-gauge{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;justify-items:end}.scene-hud-track{--track:140px;position:relative;grid-row:1 / span 2;grid-column:2;width:1px;height:var(--track);background:color-mix(in srgb,var(--hud-ink) 35%,transparent)}.scene-hud-tick{position:absolute;left:-4px;top:calc(var(--at) * var(--track));width:9px;height:1px;background:color-mix(in srgb,var(--hud-ink) 65%,transparent)}.scene-hud-marker{position:absolute;left:-3px;top:-3.5px;width:7px;height:7px;border-radius:50%;background:var(--hud-ink);box-shadow:0 0 10px var(--hud-glow);transform:translateY(calc(var(--progress,0) * var(--track)));transition:transform 0.3s ease-out}.scene-hud-value{font-size:26px;letter-spacing:0.08em;white-space:nowrap}.scene-hud-zone{font:600 9.5px/1.2 var(--font-sans);letter-spacing:0.3em;text-transform:uppercase;opacity:0.75}.scene-zone-banner{position:fixed;top:calc(50% - 150px);right:18px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:color-mix(in srgb,var(--hud-ink) 100%,white 20%);text-align:right;text-shadow:0 2px 18px var(--hud-shadow);opacity:0;transform:translate(12px,-50%);transition:opacity 1s ease,transform 1.4s cubic-bezier(0.2,0.7,0.2,1);pointer-events:none}.scene-zone-banner.is-visible{opacity:1;transform:translate(0,-50%)}.scene-zone-banner-mark{font:600 10.5px/1 var(--font-sans);letter-spacing:0.42em;text-transform:uppercase;opacity:0.75}.scene-zone-banner-name{font-family:var(--font-display);font-size:34px;font-weight:500;line-height:1.05}@media (prefers-reduced-motion:reduce){.scene-zone-banner{transform:translate(0,-50%);transition:opacity 0.2s linear}.scene-hud-marker{transition:none}}body[data-page="dashboard"] :is(.scene-hud,.scene-zone-banner){display:none}.appearance-scene{display:none;margin-top:14px}:root[data-scene-controls~="sound"] .appearance-scene{display:block}.appearance-scene-sound{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font:600 12px/1 var(--font-sans);cursor:pointer}.appearance-scene-sound[aria-pressed="true"]{border-color:var(--primary);color:var(--primary-light)}.appearance-scene-sound:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width:768px){.scene-hud,.scene-zone-banner{display:none}}@media print{.scene-layer,.scene-hud,.scene-zone-banner{display:none}}