:root{color-scheme:light;--navy:#031a35;--blue:#007dbc;--accent:#3da5fd;--paper:#f5f7fa;--line:#dce3ea;--muted:#4f6276;font-family:Inter,Arial,sans-serif;color:var(--navy);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;min-height:44px;border:0;background:none;color:inherit;font-size:.875rem;font-weight:600}button:disabled{cursor:wait;opacity:.55}button:hover:not(:disabled){background-color:#e9f2fa}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #0077b5;outline-offset:3px}[hidden]{display:none!important}.site-header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 32px;font-size:.8125rem}.site-header>span{font-size:.75rem;letter-spacing:.1em}.wordmark{font-family:Poppins,Inter,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none}.wordmark span{color:var(--blue)}main{max-width:1600px;margin:auto;padding:28px 32px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:700;letter-spacing:.14em;margin:0 0 7px}h1,h2,p{margin-top:0}h1{font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.12;margin-bottom:0}.intro>p{font-size:1rem;line-height:1.65;margin:0;color:var(--muted)}.intro strong{font-weight:500;color:var(--navy)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 344px;align-items:start;background:white;border:1px solid var(--line);box-shadow:0 18px 45px #071b3510;border-radius:12px;overflow:clip}.room-column{background:var(--navy);color:white;min-width:0;position:sticky;top:0;align-self:start}.room-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px;border-bottom:1px solid #ffffff19}.room-top>div{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500}.room-mark{width:14px;height:14px;border:1px solid #3da5fd;transform:rotate(45deg)}.room-top button{color:#a5dbff;white-space:nowrap;padding:0 10px}.room-top button:hover:not(:disabled){background:#14344f}#stage{position:relative;aspect-ratio:1.52;overflow:hidden;background:#3a362f;isolation:isolate}#poster,#room-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}#poster img{width:100%;height:100%;object-fit:cover}#room-canvas{touch-action:pan-y;cursor:grab}#room-canvas:active{cursor:grabbing}#entry{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,64px);background:linear-gradient(90deg,#051623df 0%,#06162465 55%,transparent 85%)}.entry-tag{font-size:.75rem;letter-spacing:.16em;color:#a7dfff;margin-bottom:18px}#entry h2{font-size:clamp(2rem,3.5vw,3.7rem);font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-bottom:17px}#entry p{line-height:1.7;color:#e2eaf0;font-size:1rem}.primary{background:var(--blue);color:white;border-radius:5px;padding:0 18px;min-height:48px;font-size:.9375rem}.primary:hover:not(:disabled){background:#00679d!important}#load{align-self:flex-start;display:flex;gap:34px;align-items:center;min-height:52px;margin-top:6px}#load span{font-size:1.25rem}#scene-caption{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:.75rem;color:white;text-shadow:0 1px 4px #000}#scene-caption span{background:#051726c9;padding:7px 9px;border:1px solid #ffffff26;border-radius:3px}.canvas-tools{position:absolute;right:15px;top:15px;display:flex;flex-direction:column;gap:5px}.canvas-tools button{width:44px;min-height:44px;background:#061b32e8;border:1px solid #ffffff55;color:white;font-size:1.2rem;border-radius:5px}.canvas-tools button:hover:not(:disabled){background:#174366}#gesture-hint{position:absolute;top:15px;left:15px;font-size:.75rem;background:#031a35cc;padding:9px 12px;border-radius:5px;pointer-events:none}#loading{position:absolute;inset:0;background:#031a35da;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}#load-status{font-size:1rem;margin:16px 0 12px;max-width:330px;line-height:1.6}#load-progress{width:190px;height:5px;accent-color:#3da5fd}#cancel-load{color:#b4d9f3;text-decoration:underline;margin-top:12px}.spinner{height:28px;width:28px;border:2px solid #ffffff40;border-top-color:#74c1ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.views{display:flex;gap:3px;padding:10px;flex-wrap:wrap;border-bottom:1px solid #ffffff20}.views button{padding:0 12px;min-height:44px;color:#bed1e1;border-radius:4px;font-size:.8125rem}.views button[aria-pressed=true]{background:#1c4162;color:white;box-shadow:inset 0 -2px var(--accent)}.views button:hover:not(:disabled){background:#123753}.room-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 18px;min-height:65px}.room-bottom p{font-size:.8125rem;line-height:1.6;color:#b9c9d6;margin:0;max-width:550px}.room-bottom button{font-size:.75rem;color:#b9c9d6;white-space:nowrap}.room-bottom button:hover{background:#123753}.control-panel{padding:25px 22px 16px;background:white;min-width:0}.panel-heading{padding-bottom:19px;border-bottom:1px solid var(--line);margin-bottom:20px}.panel-heading h2{font-size:1.5rem;letter-spacing:-.04em;margin:0}.panel-heading .eyebrow{font-size:.75rem}fieldset{padding:0;margin:0 0 20px;border:0;min-width:0}legend{font-size:.9375rem;font-weight:650;margin-bottom:13px;display:flex;align-items:center;gap:8px}legend span{display:inline-grid;place-items:center;border:1px solid #bbd3e6;background:#edf6fc;border-radius:50%;width:24px;height:24px;color:#096f9f;font-size:.75rem}.scope{display:flex;background:#eef2f6;border-radius:5px;padding:3px;margin-bottom:13px}.scope button{flex:1;min-height:40px;font-size:.875rem;padding:0 5px;border-radius:3px}.scope button[aria-pressed=true]{background:var(--navy);color:white}label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:6px}select{width:100%;height:45px;border:1px solid #b9c8d4;border-radius:4px;background:white;color:var(--navy);padding:0 10px;font-size:.875rem;min-width:0}#tv-field{margin-top:12px}.selection{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:14px;padding-bottom:2px}.selection strong{display:block;font-size:.875rem;font-weight:600}.selection span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px;line-height:1.5}.selection button{font-size:.75rem;color:var(--blue);padding:0 0 0 8px;white-space:nowrap}.content-step{margin-bottom:16px}#content-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.content-choice{border:1px solid var(--line);border-radius:5px;text-align:left;min-height:54px;padding:10px;position:relative;display:flex;align-items:center;gap:8px;font-weight:500;font-size:.875rem}.content-choice[aria-pressed=true]{border-color:var(--blue);background:#eef8ff;box-shadow:inset 0 0 0 1px var(--blue)}.content-icon{width:26px;height:26px;border-radius:4px;background:#edf1f5;display:grid;place-items:center;font-size:.875rem;color:#356581}.content-choice[aria-pressed=true] .content-icon{background-color:#d4ecff}.apply-wrap .primary{width:100%}#scope-note{font-size:.75rem;line-height:1.5;text-align:center;margin:8px 0 0;color:var(--muted)}#room-status{min-height:39px;font-size:.8125rem;line-height:1.5;margin:14px 0 0;color:#28587a}.panel-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px;gap:10px}.panel-footer button,.panel-footer a{font-size:.8125rem;color:var(--muted);font-weight:500;padding:0}.lineup{margin-top:5px;font-size:.8125rem;border-top:1px solid var(--line);padding-top:12px}.lineup summary{cursor:pointer;min-height:32px}.lineup dl{margin:10px 0}.lineup dl div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #eef2f6;font-size:.8125rem}.lineup dd{margin:0;color:var(--muted)}.qualification{font-size:.75rem;color:var(--muted);line-height:1.8;max-width:1000px;margin:20px 0}footer{max-width:1600px;padding:20px 32px 30px;margin:auto;display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted)}#scene-toast{position:absolute;left:50%;bottom:57px;transform:translateX(-50%);background:#f4faff;color:#12324b;box-shadow:0 4px 20px #0004;padding:12px 18px;border-radius:5px;font-size:.875rem;max-width:90%;width:max-content;text-align:center;pointer-events:none}#tour-panel{position:absolute;left:16px;right:74px;bottom:57px;padding:16px 18px;background:#041b32f0;border:1px solid #6d90aa;border-radius:6px}#tour-panel p{margin-bottom:10px}#tour-step{color:#75c3ff;font-size:.75rem;margin-right:10px}#tour-title{font-size:.9375rem;font-weight:600}#tour-copy{display:block;font-size:.8125rem;line-height:1.6;color:#ccdae5;margin-top:6px}#tour-panel>div{display:flex;flex-wrap:wrap;gap:8px}#tour-panel button{font-size:.75rem;min-height:40px;background:#1d3b55;padding:0 12px;border-radius:4px}#review{border:1px solid var(--line);padding:16px;margin:20px 0}#review pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#review label{display:inline-block}body.embedded .site-header,body.embedded .intro,body.embedded footer{display:none}body.embedded main{padding:0}body.embedded .qualification{padding:0 8px}body.embedded .studio{border-radius:8px}
@media(min-width:1600px){#stage{aspect-ratio:1.75}}@media(max-width:1100px){main{padding:22px 20px 0}.studio{grid-template-columns:minmax(0,1fr) 304px}.control-panel{padding:20px 16px}#stage{aspect-ratio:1.04}.views button{padding:0 9px}.room-top{padding:0 12px}.room-top>div{font-size:.8125rem}.room-top button{font-size:.75rem}.room-bottom{padding:10px 12px}}
@media(max-width:780px){.site-header{height:54px;padding:0 16px}.site-header>span{display:none}.wordmark{font-size:1.25rem}.site-header>a:first-child{font-size:.75rem}main{padding:19px 12px 0}.intro{display:block;margin:0 4px 18px}.intro h1{font-size:2rem}.intro>p{margin-top:9px;font-size:.875rem;line-height:1.5}.intro>p br{display:none}.intro>p strong{margin-left:4px}.intro .eyebrow{font-size:.75rem}.studio{display:flex;flex-direction:column;overflow:visible;border-radius:8px}.room-column{width:100%;position:sticky;top:-50px;z-index:2;border-radius:8px 8px 0 0;overflow:clip}.room-top{height:50px}.room-top button{font-size:.75rem}.room-top>div{font-size:.8125rem}#stage{aspect-ratio:1.38;max-height:52vh;min-height:230px}#entry{padding:25px}#entry h2{font-size:2rem;margin-bottom:10px}.entry-tag{font-size:.75rem;margin-bottom:11px}#entry p{font-size:.875rem;line-height:1.5;margin-bottom:9px}#load{min-height:44px;font-size:.875rem}#scene-caption{bottom:9px;left:10px;right:10px;font-size:.75rem}#scene-caption span{padding:5px 6px}#scene-caption span:last-child{display:none}#gesture-hint{font-size:.75rem;padding:7px;left:10px;top:10px;max-width:74%}.canvas-tools{right:10px;top:10px;gap:4px}.canvas-tools button{width:40px;min-height:44px}.views{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;gap:2px}.views button{font-size:.8125rem;padding:0 4px;min-height:44px}.room-bottom{display:none}.control-panel{width:100%;padding:20px;z-index:1}.panel-heading{padding-bottom:12px;margin-bottom:15px}.panel-heading h2{font-size:1.4rem}fieldset{margin-bottom:17px}.content-choice{min-height:48px}#room-status{min-height:0}.qualification{margin:14px 4px;font-size:.75rem}footer{padding:12px 16px 22px;font-size:.75rem;gap:20px}#tour-panel{left:10px;right:58px;bottom:42px;padding:10px 12px}#tour-title{font-size:.8125rem}#tour-copy{font-size:.75rem}#tour-panel button{font-size:.75rem;padding:0 8px;min-height:40px}#tour-panel>div{gap:5px}#scene-toast{bottom:41px;font-size:.75rem;padding:9px 12px}body.embedded .room-column{position:relative;top:0}}
.studio{grid-template-columns:minmax(0,1fr) minmax(20rem,25%)}.scope{flex-wrap:wrap}.scope button{min-width:5rem}.selection{flex-wrap:wrap}#content-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.3rem),1fr))}.content-choice{overflow-wrap:anywhere}.content-icon{flex-shrink:0}.sport-thumb{width:34px;height:30px;background-image:url('../assets/programming.webp');background-size:200% 200%;border-radius:3px}.intro>p{flex-shrink:0}#stage{min-height:310px}@media(max-width:780px){.studio{display:flex}#stage{min-height:230px}.intro>p{flex-shrink:1}.room-top{height:auto;min-height:50px;flex-wrap:wrap}.views{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.6rem),1fr))}#entry h2{font-size:clamp(1.7rem,5.5vw,2rem)}#entry p{display:none}#entry{padding:20px}.entry-tag{letter-spacing:.05em}#load{margin-top:10px}.canvas-tools{gap:2px}#gesture-hint{max-width:70%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:780px){.room-column{top:0}.control-panel button,.control-panel select{scroll-margin-top:430px}.site-header{gap:12px}}
@media(max-width:780px) and (max-height:700px){#stage{min-height:180px;max-height:32vh}.control-panel button,.control-panel select{scroll-margin-top:340px}}
#stage{width:100%;min-width:0}.large-text .room-column{position:relative;top:0}.large-text #stage{min-height:350px;max-height:none;aspect-ratio:1}.large-text #entry h2{font-size:1.35rem}.large-text .room-top{height:auto;min-height:58px;padding:10px;flex-wrap:wrap}.large-text .control-panel button,.large-text .control-panel select{scroll-margin-top:20px}.large-text .site-header{height:auto;min-height:60px;flex-wrap:wrap;padding:14px 16px;gap:15px}.large-text footer{flex-wrap:wrap}.large-text #scene-caption{display:none}.large-text #scene-toast{width:90%;max-width:90%;overflow-wrap:anywhere;font-size:.7rem}


/* Walkable venue controls. Deliberate taps, comfortable touch targets, no pointer lock. */
#room-canvas{touch-action:none}#walk-pad{position:absolute;left:18px;bottom:53px;display:grid;grid-template-columns:repeat(3,44px);gap:4px;z-index:2}#walk-pad span{grid-column:1/-1;font-size:10px;letter-spacing:.18em;text-align:center;text-shadow:0 1px 3px #000}#walk-pad button{background:#061b32dc;border:1px solid #ffffff66;border-radius:7px;color:#fff;font-size:21px;touch-action:none;user-select:none}#walk-pad button[data-walk=w]{grid-column:2}#walk-pad button[data-walk=a]{grid-column:1}#walk-pad button:active{background:#007dbc}#map-wrap{position:absolute;right:16px;bottom:54px;width:122px;background:#061b32db;padding:8px;border:1px solid #ffffff44;border-radius:6px}#map-wrap span{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:5px}#mini-map{display:block;width:100%;height:auto}.canvas-tools{align-items:flex-end}#stage{aspect-ratio:1.52}.room-bottom p{font-size:14px}
@media(max-width:780px){#walk-pad{left:10px;bottom:40px;grid-template-columns:repeat(3,40px);gap:3px}#walk-pad button{min-height:44px}#map-wrap{width:90px;right:10px;bottom:40px}#stage{min-height:330px;max-height:60vh;aspect-ratio:1.1}#gesture-hint{max-width:63%;font-size:11px}#tour-panel{bottom:160px;right:12px}.room-column{position:relative}}#gesture-hint{font-size:14px;max-width:60%;line-height:1.4}#map-wrap span{font-size:10px}