:root{color:var(--bwv-cream,#f6efd7);background:var(--bwv-depth,#07171f);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px}button:focus-visible,a:focus-visible{outline:2px solid var(--bwv-turquoiseLight);outline-offset:5px}button:hover{color:var(--bwv-turquoiseLight)}a{color:inherit}.world-viewport{background:radial-gradient(ellipse at 72% 27%, #602d4924, transparent 42%), radial-gradient(ellipse at 53% 43%, #163e48 0%, #0c222c 38%, var(--bwv-depth) 76%);position:fixed;inset:0}.world-viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -80px 120px #020d1766}.tour-track{pointer-events:none;height:650svh}.interface{pointer-events:none;z-index:20;position:fixed;inset:0}.interface button,.interface a{pointer-events:auto}.header{justify-content:space-between;align-items:center;gap:20px;width:100%;padding:28px 40px;display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:1.7px;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.header-actions{align-items:center;gap:28px;display:flex}.prototype{letter-spacing:2px;color:#b1bec1;font-size:10px}.overview-button{background:#102a33b0;border:1px solid #c0d0d242;border-radius:30px;padding:4px 18px;font-size:12px}.overview-button span{vertical-align:-1px;margin-right:6px;font-size:20px}.content{text-shadow:0 2px 20px #0a141a;width:min(370px,30vw);padding:22px 22px 24px 0;position:absolute;bottom:230px;left:40px}.content:before{content:"";z-index:-1;background:radial-gradient(at 0 100%,#07171fe6,#07171f00 72%);position:absolute;inset:-20px -30px -15px -40px}.eyebrow{letter-spacing:1.7px;color:var(--area-color);align-items:center;gap:9px;margin:0 0 20px;font-size:9px;font-weight:600;line-height:1.6;display:flex}.eyebrow>span{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}h1{letter-spacing:-2px;margin:0 0 18px;font:600 clamp(28px,3.4vw,51px)/1.14 Segoe UI,sans-serif}.intro-content{width:470px;max-width:37vw}.intro-content h1{color:var(--bwv-cream);font-size:clamp(36px,4.1vw,64px)}.intro-text,.area-detail{color:var(--bwv-muted);max-width:325px;margin:0;font-size:13px;line-height:1.85}.area-detail{color:#9fb1b8;margin-top:12px;font-size:11px}.primary-button{background:var(--bwv-cream);color:var(--bwv-depth);min-height:48px;text-shadow:none;border-radius:30px;justify-content:space-between;align-items:center;gap:40px;margin-top:26px;padding:0 21px;font-size:12px;display:flex}.primary-button:hover{background:var(--bwv-turquoiseLight);color:var(--bwv-depth)}.primary-button span{font-size:22px}.text-button{color:var(--bwv-turquoiseLight);margin-top:12px;padding:0;font-size:11px}.experience-note{text-align:right;color:#cad3d0;font-size:11px;line-height:1.75;position:absolute;top:35%;right:40px}.tiny-cross{color:var(--bwv-cream);font-size:22px}.note-line{background:#839799;width:28px;height:1px;margin:18px 0 18px auto;display:block}.experience-note .muted{color:#9dafb6;letter-spacing:1.2px;font-size:8px}.bottom-ui{position:absolute;bottom:18px;left:40px;right:40px}.tour-bar{justify-content:space-between;align-items:center;gap:16px;min-height:50px;display:flex}.tour-info{color:#cad5d4;align-items:center;gap:9px;font-size:10px;display:flex}.status-dot{background:var(--bwv-turquoiseLight);border-radius:50%;width:5px;height:5px}.status-dot.paused{background:var(--bwv-magentaLight)}.tour-percent{color:#96aab0;font-variant-numeric:tabular-nums;margin-left:15px;font-size:9px}.scroll-hint,.resume-button{color:#b5c4c7;font-size:10px}.scroll-hint span,.resume-button span{margin-left:16px;font-size:18px}.tour-progress{background:#c0d0d22b;width:100%;height:1px;margin-bottom:18px}.tour-progress>span{transform-origin:0;background:var(--bwv-cream);width:100%;height:1px;display:block}.area-navigation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102a33cc;border:1px solid #abc0c42c;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.area-navigation button{text-align:left;border-right:1px solid #abc0c42c;align-items:center;gap:14px;min-height:73px;padding:22px 24px;font-size:12px;display:flex}.area-navigation button:last-child{border-right:0}.area-navigation button:hover,.area-navigation button.selected{background:#7ad7d810}.area-navigation button.selected{color:var(--bwv-cream);box-shadow:inset 0 -2px var(--area-color,var(--bwv-turquoiseLight))}.nav-number{color:#98a9ad;font-size:9px}.nav-arrow{color:var(--bwv-turquoiseLight);margin-left:auto;font-size:17px}footer{color:#94a7af;letter-spacing:1px;justify-content:space-between;gap:10px;margin-top:17px;font-size:8px;display:flex}footer [role=status]{letter-spacing:.4px;text-transform:uppercase}.world-label{min-height:44px;color:var(--bwv-cream);white-space:nowrap;background:#102a33ee;border:1px solid #7ad7d85c;border-radius:30px;align-items:center;gap:9px;padding:6px 13px;font-size:11px;display:flex}.world-label>span:first-child{color:var(--bwv-cream);font-size:8px}.world-label:hover,.world-label.is-active{border-color:var(--bwv-turquoiseLight);background:#1a454de8}.fallback-note{color:#e5d5b0;border-left:2px solid #e5d5b0;margin-top:18px;padding-left:14px;font-size:12px;line-height:1.6}.fallback-art{border:1px solid #7ad7d844;border-radius:50%;place-items:center;width:260px;height:260px;display:grid;position:absolute;top:38%;left:60%;transform:translate(-50%,-50%)}.fallback-art>span{color:var(--bwv-turquoiseLight);font:500 130px Segoe UI,sans-serif}.fallback-art>div{border:1px solid #b7cec320;border-radius:50%;position:absolute;inset:-30px}.fallback-art>div:nth-child(3){inset:-60px}.fallback-art>div:nth-child(4){inset:-90px}@media (width<=1000px){.header{padding:22px 24px}.content{width:285px;bottom:225px;left:24px}.intro-content{width:360px;max-width:42vw}.experience-note{display:none}.bottom-ui{left:24px;right:24px}.area-navigation button{gap:8px;padding:20px 12px;font-size:11px}}@media (width<=600px){.header{gap:8px;padding:14px 18px}.brand{letter-spacing:1px;gap:8px;font-size:10px}.header-actions{gap:0}.prototype{display:none}.overview-button{padding:3px 12px;font-size:10px}.overview-button span{margin-right:3px;font-size:16px}.content,.intro-content{width:auto;max-width:none;padding:0;bottom:229px;left:20px;right:20px}.content:before{background:linear-gradient(#07171f00,#07171fbb 25%,#07171ff5);inset:-30px -20px -18px}h1,.intro-content h1{letter-spacing:-1.2px;margin-bottom:10px;font-size:31px}.eyebrow{letter-spacing:1.25px;margin-bottom:9px;font-size:8px}.intro-text{max-width:310px;font-size:11px;line-height:1.65}.area-detail{display:none}.primary-button{min-height:44px;margin-top:13px;padding:0 18px;font-size:11px}.text-button{min-height:44px;margin-top:3px}.bottom-ui{left:18px;right:18px;bottom:max(16px, env(safe-area-inset-bottom))}.tour-bar{gap:6px;min-height:47px}.tour-info{gap:6px;font-size:9px}.tour-percent{display:none}.scroll-hint,.resume-button{font-size:9px}.scroll-hint{text-align:right;max-width:135px}.scroll-hint span,.resume-button span{margin-left:5px;font-size:13px}.tour-progress{margin-bottom:12px}.area-navigation{grid-template-columns:repeat(2,1fr)}.area-navigation button{min-height:54px;padding:12px;font-size:10px}.area-navigation button:nth-child(2){border-right:0}.area-navigation button:nth-child(-n+2){border-bottom:1px solid #abc0c42c}.nav-number{font-size:8px}.nav-arrow{font-size:14px}footer{letter-spacing:.5px;margin-top:13px;font-size:7px}footer>span:last-child{display:none}.world-label{gap:5px;min-height:44px;padding:5px 10px;font-size:9px}.fallback-art{width:140px;height:140px;top:26%;left:50%}.fallback-art>span{font-size:75px}.fallback-note{margin-top:8px;font-size:10px}}@media (height<=650px) and (width>=601px){.header{padding-top:12px}.content{bottom:175px}h1,.intro-content h1{font-size:30px}.eyebrow{margin-bottom:10px}.area-detail{display:none}.area-navigation button{min-height:54px;padding-block:12px}.primary-button{margin-top:12px}}@media (height<=720px) and (width<=600px){.content,.intro-content{bottom:204px}h1,.intro-content h1{font-size:25px}.intro-text{font-size:10px}.primary-button{margin-top:9px}.area-navigation button{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}html{scrollbar-gutter:stable}.world-viewport.is-exploring canvas{touch-action:none}button:disabled{opacity:.5;cursor:default}.exploration-header{background:linear-gradient(#07171fdc,#07171f00);justify-content:space-between;align-items:start;gap:16px;width:100%;padding:24px 40px;display:flex;position:absolute;top:0;left:0}.exploration-header .eyebrow{margin-bottom:6px}.exploration-header h1{letter-spacing:-.7px;font-size:25px}.exploration-header button{flex-shrink:0}.exploration-tools{bottom:max(18px, env(safe-area-inset-bottom));background:#102a33ed;border:1px solid #abc0c42c;border-radius:12px;padding:16px;position:absolute;left:40px;right:40px}.exploration-tools p{color:var(--bwv-muted);margin:0 0 10px;font-size:12px;line-height:1.6}.exploration-tools .exploration-mode{color:var(--bwv-cream);font-weight:600}.photo-list{pointer-events:auto;touch-action:pan-x;gap:8px;display:flex;overflow-x:auto}.photo-list button{border:1px solid #abc0c42c;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.photo-swatch{border:2px solid var(--bwv-cream);flex-shrink:0;width:22px;height:22px}.photo-dialog{pointer-events:auto;color:var(--bwv-cream);background:var(--bwv-petrol);overscroll-behavior:contain;border:1px solid #b8c9ce66;border-radius:14px;width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto}.photo-dialog::backdrop{background:#030f17ed}.photo-dialog-header,.photo-controls{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.photo-dialog-header{margin-bottom:12px}.photo-dialog button{border:1px solid #b8c9ce42;border-radius:8px;padding:8px 16px}.photo-artwork{border:8px solid var(--bwv-cream);border-radius:2px;place-items:center;height:min(49dvh,480px);display:grid;overflow:hidden}.photo-artwork img{object-fit:contain;width:100%;height:100%;min-height:0}.photo-placeholder{text-align:center;color:var(--bwv-petrol);padding:16px}.photo-placeholder>span{opacity:.6;font-size:clamp(36px,10vw,90px);font-weight:700}.photo-placeholder p{font-size:12px}.photo-caption h2{margin:16px 0 8px;font-size:21px}.photo-caption p{color:var(--bwv-muted);margin:0 0 16px;font-size:13px;line-height:1.6}@media (width<=600px){.exploration-header{gap:8px;padding:16px}.exploration-header h1{font-size:19px}.exploration-header .overview-button{font-size:11px}.exploration-tools{padding:12px;left:12px;right:12px}.exploration-tools p{font-size:10px}.photo-list button{padding:8px 10px;font-size:11px}.photo-dialog{padding:12px}.photo-dialog-header{font-size:10px}.photo-dialog button{padding-inline:10px}.photo-caption h2{font-size:18px}.photo-caption p{font-size:12px}}@media (height<=500px){.exploration-header{padding-block:10px}.exploration-tools{padding:8px;bottom:8px}.exploration-tools p{margin-bottom:4px;font-size:10px}.photo-artwork{height:38dvh}}.club-badge{background:var(--bwv-cream);border-radius:8px 8px 15px 15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:61px;padding:6px 8px;display:inline-flex;box-shadow:0 3px 18px #00000024}.club-badge img{object-fit:contain;width:100%;height:100%;display:block}.brand{letter-spacing:.3px;font-size:16px}.brand-light{color:var(--bwv-cream);font-weight:400}.hero-accent{color:var(--bwv-turquoiseLight)}.asset-note{width:220px;color:var(--bwv-cream);text-align:center;background:#102a33e6;border-radius:8px;padding:8px 12px;font-size:11px}.intro-content h1{letter-spacing:-2.4px;font-weight:600;line-height:1.08}.eyebrow{letter-spacing:1.8px}.eyebrow>span{box-shadow:0 0 10px #7ad7d83d}.primary-button{font-weight:600;box-shadow:inset 0 -3px #21a6ae80,0 6px 24px #00000020}.primary-button:hover{box-shadow:inset 0 -3px var(--bwv-turquoise), 0 6px 24px #00000030}.overview-button,.area-navigation,.exploration-tools,.photo-dialog{box-shadow:inset 0 1px #f6efd70a,0 12px 36px #00000018}.overview-button:hover{border-color:var(--bwv-turquoiseLight);background:#163b44e6}.area-navigation button{transition:background-color .16s,color .16s}.area-navigation button.selected .nav-number{color:var(--area-color,var(--bwv-turquoiseLight))}.area-navigation button:hover .nav-arrow{color:var(--bwv-cream)}.status-dot{background:var(--bwv-turquoiseLight);box-shadow:0 0 8px #21a6ae40}.note-line{background:linear-gradient(90deg, transparent, var(--bwv-magentaLight));width:45px}.world-label{box-shadow:0 4px 16px #00000030}.world-label:hover,.world-label.is-active{color:var(--bwv-cream)}.exploration-brand{align-items:center;gap:12px;display:flex}.exploration-brand h1{margin-bottom:0}.exploration-header .eyebrow{color:var(--bwv-turquoiseLight)}.photo-list button:hover,.photo-dialog button:hover{border-color:var(--bwv-turquoiseLight);background:#7ad7d812}.photo-dialog-header>span{color:var(--bwv-turquoiseLight)}.photo-caption h2{color:var(--bwv-cream)}@media (width<=600px){.club-badge{border-radius:5px 5px 10px 10px;width:35px;height:44px;padding:4px 5px}.brand{letter-spacing:0;font-size:12px}.intro-content h1{letter-spacing:-1.2px}.exploration-brand{gap:8px}.exploration-brand h1{font-size:16px}.exploration-header .eyebrow{letter-spacing:1px;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.ball-interaction{clip-path:circle(50%);color:#0000;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;display:block}.ball-interaction.is-held{cursor:grabbing}.ball-interaction:focus-visible{outline:2px solid var(--bwv-turquoiseLight);outline-offset:-3px}.npc-label{min-width:76px;min-height:44px;color:var(--bwv-cream);white-space:nowrap;background:#102a33f2;border:1px solid #7ad7d84d;border-radius:22px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;transition:border-color .14s,background-color .14s;display:flex;box-shadow:0 4px 16px #0003}.npc-label>span:last-child{color:var(--bwv-turquoiseLight);font-size:12px}.npc-label.is-highlighted,.npc-label:hover,.npc-label:focus-visible{border-color:var(--bwv-cream);color:var(--bwv-cream);background:#24505a}.npc-indicator{background:var(--bwv-turquoiseLight);border-radius:50%;width:4px;height:4px}.conversation-panel{width:min(440px,100vw - 80px);max-height:calc(100dvh - 48px);color:var(--bwv-cream);background:#102a33f5;border:1px solid #7ad7d866;border-radius:18px;margin:0;padding:24px;position:fixed;inset:auto auto 40px 40px;overflow:auto;box-shadow:0 18px 60px #0005}.conversation-panel::backdrop{background:0 0}.conversation-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.conversation-header .eyebrow{color:var(--bwv-turquoiseLight);letter-spacing:1px;margin-bottom:7px;font-size:9px}.conversation-header h1{letter-spacing:-.8px;margin:0;font-size:30px}.conversation-back{border:1px solid #abc0c455;border-radius:25px;flex-shrink:0;min-height:44px;padding:0 14px;font-size:12px}.conversation-back:disabled{opacity:.55;cursor:default}.conversation-mode{color:var(--bwv-muted);margin:14px 0 0;font-size:11px}.conversation-text{text-align:left;cursor:pointer;width:100%;min-height:148px;padding:16px 0 8px;font-size:17px;line-height:1.7;display:block}.conversation-text:disabled{opacity:1;cursor:default;color:var(--bwv-cream)}.conversation-text:hover{color:var(--bwv-cream)}.conversation-hint{color:var(--bwv-muted);margin:8px 0 0;font-size:11px}.typewriter-caret{background:var(--bwv-turquoiseLight);vertical-align:-1px;width:2px;height:.9em;margin-left:3px;display:inline-block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.npc-label{gap:5px;min-width:65px;padding:0 9px;font-size:11px}.npc-label-nico{transform:translate(-22px)}.npc-label-jan{transform:translate(22px)}.npc-label-tommo{transform:translateY(-35px)}.conversation-panel{inset:auto 16px max(16px, env(safe-area-inset-bottom)) 16px;width:auto;padding:19px}.conversation-text{min-height:120px;font-size:15px}.conversation-header h1{font-size:26px}}@media (height<=520px) and (width>=701px){.conversation-panel{width:310px;padding:16px;inset:auto auto 16px 16px}.conversation-text{min-height:90px;font-size:14px}}