:root{--brand-primary: #d4121e;--brand-secondary: #ffd200;--brand-bg: #0a0a0a;--brand-fg: #f5f5f5}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--brand-bg);color:var(--brand-fg);font-family:system-ui,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block;cursor:grab;touch-action:none}#app canvas:active{cursor:grabbing}.dz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:none;flex-direction:column;background:#000000f5}.dz-overlay.open{display:flex}.dz-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:2px solid var(--brand-primary)}.dz-title{font-weight:600;font-size:1rem;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-close{border:0;background:transparent;color:var(--brand-fg);font-size:1.4rem;line-height:1;cursor:pointer;padding:.2rem .5rem}.dz-viewer{flex:1;position:relative}.dz-progress{flex:none;display:none;align-items:center;gap:.4rem}.dz-progress.show{display:flex}.dz-progress-label{font-size:.78rem;font-weight:600;opacity:.85}.dz-progress-track{width:64px;height:5px;border-radius:999px;background:#ffffff2e;overflow:hidden}.dz-progress-fill{display:block;height:100%;width:0;border-radius:999px;background:var(--brand-primary);transition:width .2s ease}.dz-zoomhint{flex:none;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:.82rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.dz-zoomhint.show{opacity:1;visibility:visible;transition:opacity .3s ease}.dz-zoomhint svg{width:1.02rem;height:1.02rem;flex:none}@media(prefers-reduced-motion:reduce){.dz-zoomhint{transition:opacity .15s ease}}.dz-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none}.dz-loader.show{display:flex}.dz-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--brand-primary);animation:dz-spin .8s linear infinite}@keyframes dz-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dz-spinner{animation-duration:1.6s}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(120% 120% at 50% 0%,rgba(212,18,30,.18),transparent 60%),color-mix(in srgb,var(--brand-bg) 70%,transparent);opacity:1;transition:opacity .55s ease}.intro.hidden{opacity:0;pointer-events:none}.intro-card{max-width:540px;text-align:center;padding:2.4rem 2.6rem;border-radius:18px;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid color-mix(in srgb,var(--brand-fg) 12%,transparent);box-shadow:0 24px 64px #00000080}.intro-logo{max-width:220px;height:auto;margin-bottom:1.5rem}.intro-brand{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:1rem}.intro-title{font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;margin:0 0 .5rem}.intro-subtitle{color:var(--brand-fg);opacity:.7;margin:0 0 2rem}.intro-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:1.4rem;margin:0 0 1.8rem}.intro-hint-item{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:8rem}.intro-hint-icon{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-fg) 22%,transparent);color:var(--brand-primary);background-color:#fff}.intro-hint-icon svg{width:1.6rem;height:1.6rem}.intro-hint-label{font-size:.8rem;line-height:1.25;opacity:.7}.intro-enter{border:0;border-radius:999px;padding:.9rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--brand-primary);cursor:pointer;transition:transform .12s,filter .12s}.intro-enter:hover{transform:translateY(-2px);filter:brightness(1.1)}.transition-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000;opacity:0;pointer-events:none;transition:opacity .22s ease}.transition-fade.active{opacity:1}.audio-toggle{position:fixed;top:max(.8rem,env(safe-area-inset-top));left:max(.8rem,env(safe-area-inset-left));width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:var(--brand-fg);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:301;transition:background .15s,color .15s,opacity .15s}.audio-toggle:hover{background:var(--brand-primary);color:#fff}.audio-toggle.is-muted{opacity:.6}.minimap{position:fixed;top:max(.8rem,env(safe-area-inset-top));right:max(.8rem,env(safe-area-inset-right));width:150px;height:150px;padding:.5rem;background:#0000008c;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.minimap svg{width:100%;height:100%;overflow:visible}.mm-wall{stroke:#ffffff8c;stroke-width:.12;stroke-linecap:round}.mm-dot{fill:#ffffff59;cursor:pointer;transition:fill .15s}.mm-dot:hover{fill:var(--brand-secondary)}.mm-dot.active{fill:var(--brand-primary)}