@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f0f6f2;--muted:#b6c9c1;--lime:#c7fc68;--line:#7b9a8b55;--panel:#06130ff2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}body{color:var(--ink);font:12px Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{color:inherit;cursor:pointer}button{background:transparent;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:#08110b}[hidden]{display:none!important}#arena{position:fixed;inset:0}#arena canvas{display:block;width:100%;height:100%}#world-ui{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#010704bd,transparent 19%,transparent 82%,#000a)}#world-ui button,#world-ui a,#world-ui select{pointer-events:auto}.mast{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 3.5%;z-index:5;background:linear-gradient(#0009,transparent)}.wordmark{font-size:25px;letter-spacing:5px;font-weight:700;line-height:1;text-align:left;padding:0}.wordmark>span{color:#f1d332}.wordmark small{display:block;font-size:11px;letter-spacing:2px;color:var(--muted);margin-top:11px}.mast nav{display:flex;gap:24px;align-items:center}.mast nav button,.mast nav a{padding:8px 0;font-size:11px;letter-spacing:1.4px;border-bottom:1px solid transparent}.mast nav button[aria-current=page]{color:var(--lime);border-bottom-color:var(--lime)}.mast nav a{color:var(--muted)}#pilotToggle{text-align:right;font-size:11px;letter-spacing:1px}#pilotToggle small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.opening-title{position:absolute;top:22%;left:5%;max-width:29%;}.opening-title h1{font:600 clamp(34px,4.2vw,70px)/.96 'Barlow Condensed',sans-serif;letter-spacing:-.02em;margin:0 0 20px}.opening-title em{font-style:normal;color:var(--lime)}.opening-title p{color:var(--muted);font-size:11px;line-height:1.6}.opening-title button{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.feature{position:absolute;top:104px;right:3.5%;width:clamp(144px,14vw,220px);z-index:4;pointer-events:auto;border:1px solid #83a98c70;background:#05100e;box-shadow:0 10px 30px #0008}.feature>button:first-child{display:block;position:relative;width:100%;aspect-ratio:1;padding:0;text-align:left;overflow:hidden}.feature video{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.feature-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(#000a,transparent);font-size:11px;letter-spacing:1px}.feature-top svg{width:18px;fill:var(--lime)}.feature-title{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 14px;font:600 25px/1 'Barlow Condensed',sans-serif;background:linear-gradient(transparent,#010a07ee)}.feature-title small{display:block;font:11px/1.5 Inter,Arial,sans-serif;color:var(--muted);margin-top:6px}#videoPause{width:100%;text-align:left;font-size:11px;letter-spacing:1px;padding:9px 12px;border-top:1px solid var(--line);color:var(--muted)}#choices{position:absolute;inset:0;pointer-events:none;z-index:2}.mode{position:absolute;left:50%;top:63%;width:230px;height:230px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:end;padding:0 16px 16px;text-align:left;isolation:isolate;opacity:0;transition:opacity .4s}.ready .mode{opacity:1}.mode::before{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#06151077);z-index:-1}.mode::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:#9eb4a750}.mode.selected::after{background:var(--lime)}.index{font-size:11px;letter-spacing:1.2px;color:#dfebe3}.mode strong{font:600 clamp(22px,2.7vw,44px)/1 'Barlow Condensed',sans-serif;margin:9px 0}.detail{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#dee8e2;gap:12px}.detail svg{width:18px;height:18px;stroke:var(--lime);stroke-width:1.5;fill:none}.world-footer{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:22px 3.5%;gap:18px;border-top:1px solid var(--line);background:#020a07b3;backdrop-filter:blur(8px)}#inputHint{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.7px}.key{padding:6px 8px;border:1px solid var(--line);font-size:11px}#padStatus{font-size:11px;color:var(--muted);margin-left:12px}.settings{display:flex;gap:20px;align-items:center}.settings button,.settings label{font-size:11px;letter-spacing:.7px}.settings label{color:var(--muted);display:flex;align-items:center;gap:8px}.settings select{background:#0a1813;border:1px solid var(--line);padding:6px;font-size:11px}.view-dock{position:absolute;bottom:100px;left:5%;right:5%;padding:20px 24px;border:1px solid var(--line);background:#04100fe8;display:flex;align-items:center;gap:24px;pointer-events:auto;z-index:4}.view-dock h1{font:600 30px/1 'Barlow Condensed',sans-serif;margin:0 0 8px}.view-dock p{font-size:11px;color:var(--muted);line-height:1.6;margin:0;max-width:360px}.view-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1}.view-controls button,.view-controls a,.back-button{border:1px solid var(--line);padding:11px 13px;font-size:11px;background:#10241b}.view-controls button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.view-controls .primary,.primary{background:var(--lime);border:1px solid var(--lime);color:#0a160c;padding:12px 18px;font-weight:600}.back-button{background:transparent;color:var(--muted)}body:not([data-world-view=entrance]) .opening-title,body:not([data-world-view=entrance]) #choices,body:not([data-world-view=entrance]) .feature{display:none}.drawer{position:absolute;top:105px;right:3.5%;width:350px;max-height:calc(100dvh - 220px);overflow:auto;pointer-events:auto;background:var(--panel);border:1px solid var(--line);padding:26px;z-index:10;box-shadow:0 15px 50px #000a;scrollbar-color:#547360 #0a1610;scrollbar-width:thin}.drawer h2{font:600 34px/1 'Barlow Condensed',sans-serif;margin:20px 0}.drawer p{color:var(--muted);line-height:1.65}.drawer-close{float:right;font-size:11px;color:var(--muted);padding:5px}dl{margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}dt{font-size:11px;color:#e6f4e9}dd{margin:0;font-size:11px;color:var(--muted)}.drawer .primary{width:100%}#worldStatus{position:absolute;top:45%;left:20%;right:20%;text-align:center;background:#05110fe8;border:1px solid var(--line);padding:24px;line-height:1.65;pointer-events:auto;z-index:8}.ready #worldStatus:empty{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.failed #choices{inset:auto 5% 160px;display:flex;gap:16px}.failed .mode{position:static;transform:none;opacity:1;flex:1;background:#183128;height:180px}.failed .opening-title{display:none}#travel{position:fixed;inset:0;pointer-events:none;z-index:25;display:flex;align-items:center;justify-content:center;opacity:0;background:#02090566;transition:opacity .3s;color:var(--lime);font-size:11px;letter-spacing:2px}.departing #travel{opacity:1}.departing #world-ui{opacity:.3;transition:opacity .3s}#returnWorld{position:fixed;right:28px;top:92px;z-index:30;border:1px solid #c7fc6877;background:#071510de;color:#d3fcaa;padding:10px 14px;font:11px Arial;cursor:pointer}
@media(max-width:1050px){.mast{gap:20px}.mast nav{gap:14px}.mast nav button,.mast nav a{font-size:11px}#pilotToggle{display:none}.opening-title{max-width:28%;top:24%}.feature{top:94px;width:145px}.settings{gap:12px}#padStatus{display:none}.view-dock{gap:16px;flex-wrap:wrap;padding:16px}.view-dock>div:first-child{max-width:250px}.view-controls{min-width:240px}.view-dock .back-button{margin-left:auto}}
@media(max-width:680px){.mast{padding:18px 5%;align-items:start;flex-wrap:wrap;gap:18px}.wordmark{font-size:21px}.wordmark small{font-size:11px}.mast nav{width:100%;justify-content:space-between;gap:8px}.mast nav button,.mast nav a{font-size:11px;letter-spacing:.5px}.opening-title{top:155px;left:5%;max-width:55%}.opening-title h1{font-size:34px}.opening-title p{font-size:11px;max-width:140px}.feature{top:147px;right:5%;width:112px}.feature-title{font-size:19px;padding:20px 8px 9px}.feature-title small{font-size:11px}.feature-top{padding:8px;font-size:11px}.feature-top svg{width:13px}#videoPause{font-size:11px;padding:7px 8px}#choices{inset:auto 4% 108px;height:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode{position:relative!important;left:auto!important;top:auto!important;transform:none;width:auto!important;height:auto!important;padding:12px 9px;background:#163023e8;border:1px solid var(--line)}.mode strong{font-size:23px}.index{font-size:11px;letter-spacing:.5px}.detail{font-size:11px}.detail svg{display:none}.world-footer{height:83px;padding:12px 5%;flex-wrap:wrap;gap:8px}#inputHint{font-size:11px;gap:7px}.key{font-size:11px;padding:4px}.settings{gap:13px}.settings button,.settings label{font-size:11px}.settings label{display:none}.view-dock{bottom:103px;left:4%;right:4%;padding:16px;gap:12px}.view-dock h1{font-size:25px}.view-dock p{font-size:11px}.view-dock>div:first-child{max-width:none;width:100%}.view-controls{min-width:0}.view-controls button,.view-controls a,.back-button{font-size:11px;padding:9px}.drawer{top:145px;left:4%;right:4%;width:auto;max-height:calc(100dvh - 255px)}#worldStatus{left:5%;right:5%;top:37%;font-size:11px}.failed #choices{inset:auto 4% 108px;display:grid}.failed .mode{height:auto}#returnWorld{top:80px;right:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* DOM controls remain keyboard/screen-reader accessible over world-space labels. */
@media(min-width:681px){.prism-ready .mode>strong,.prism-ready .mode>.detail{opacity:0}.prism-ready .mode>.index{position:absolute;top:9px;left:16px}.prism-ready .mode:focus-visible{background:#b9ff5511}}

.guide-link{display:block;padding:16px 0 0;color:var(--lime);text-decoration:underline;text-underline-offset:4px}

@media(max-width:680px){.mast nav{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:8px}.mast nav>*{flex:none;white-space:nowrap;min-height:36px}.mast nav button,.mast nav a{font-size:11px}.world-footer{height:96px}.settings{flex-wrap:wrap}.settings button{min-height:32px}.mode .index{font-size:10px}.feature{top:158px}.feature-title small{font-size:11px}.view-dock{bottom:108px}}

#circuitPanel{position:fixed;inset:0;z-index:20;background:#071322;display:flex;flex-direction:column}.circuit-toolbar{display:flex;justify-content:space-between;gap:20px;padding:14px 4%;background:#020908;border-bottom:1px solid #607b7555}.circuit-toolbar button{font-size:11px;letter-spacing:1px;color:#c7fc68;min-height:34px}#circuitFrame{width:100%;flex:1;border:0;min-height:0}.prism-ready .mode::before{display:none}body[data-world-view=film] .view-dock{bottom:84px;padding:14px 20px}body[data-world-view=film] .view-dock p{margin-top:6px;max-width:320px}body[data-world-view=film] .view-dock h1{font-size:23px;margin:0}@media(max-width:680px){.circuit-toolbar{gap:12px;padding:10px 4%}.circuit-toolbar button{font-size:10px}body[data-world-view=film] .view-dock{bottom:108px}}

/* Courtside telemetry remains outside the center court sightline. */
.arena-telemetry{position:absolute;left:5%;top:58%;width:190px;display:grid;gap:0;pointer-events:auto}.arena-telemetry button{text-align:left;border-top:1px solid #abc6b04d;padding:14px 0;transition:color .2s,transform .2s}.arena-telemetry button:hover{color:#ffda39;transform:translateX(4px)}.arena-telemetry span,.arena-telemetry small{display:block;font-size:10px;letter-spacing:1px;color:#b6c9c1}.arena-telemetry strong{display:block;font:600 22px/1.15 'Barlow Condensed',sans-serif;margin:6px 0}.arena-telemetry strong small{display:inline;font:10px Inter,sans-serif}.arena-telemetry b{float:right;font-size:15px;color:#d4fb6c}.arena-telemetry .court-identity strong{font-size:30px;color:#ffda39}.opening-actions{position:absolute;right:3.5%;top:57%;width:clamp(144px,14vw,220px);display:grid;pointer-events:auto}.opening-actions>button{text-align:left;border-top:1px solid #abc6b04d;padding:15px 0;transition:color .2s,transform .2s}.opening-actions>button:hover{color:#ffda39;transform:translateX(-4px)}.opening-actions small,.opening-actions span{display:block;color:#b6c9c1;font-size:10px;line-height:1.5;letter-spacing:.5px}.opening-actions strong{display:block;font-size:12px;line-height:1.6;margin:5px 0}.opening-actions i{font-style:normal;color:#ffda39}.opening-actions #pausePresentation{font-size:10px;letter-spacing:.7px;color:#c7fc68}.opening-title{top:23%;max-width:26%}.opening-title h1{font-size:clamp(34px,3.8vw,64px)}.world-hotspot{position:absolute;transform:translate(-50%,0);border:1px solid #ffda3977;background:#04100edb;padding:9px 14px;color:#ffda39;font-size:10px;letter-spacing:1px;white-space:nowrap;pointer-events:auto;opacity:0}.ready .world-hotspot{opacity:1}.world-hotspot:hover{background:#ffda39;color:#06110a;box-shadow:0 0 0 4px #ffda3922}.world-hotspot span{margin-left:14px}body:not([data-world-view=entrance]) .arena-telemetry,body:not([data-world-view=entrance]) .opening-actions,body:not([data-world-view=entrance]) .world-hotspot{display:none}#tourControls{position:absolute;left:50%;top:104px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:12px 18px;background:#06130ff2;border:1px solid #a0bc8766;z-index:9;pointer-events:auto;white-space:nowrap}#tourControls span{color:#ffda39;font-size:11px;letter-spacing:1px}#tourControls button{font-size:11px;padding:6px}.opponent-line{display:flex;align-items:center;justify-content:space-between;font-size:20px!important}.opponent-line strong{color:#ffda39}.drawer{z-index:15}body[data-mode="0"] .mode.selected::after{background:#ffda39}body[data-mode="0"] .world-hotspot{border-color:#ffda39}.failed #boardHotspot,.failed .opening-actions,.failed .arena-telemetry{display:none}.failed #arena{background:linear-gradient(#0008,#000b),url('gallery/images/01.jpg') center/cover}.failed .opening-title{display:block}.failed .mode[aria-disabled=true]{opacity:.7}.failed .mode[aria-disabled=true]::after{background:#75867d}.failed #worldStatus{top:42%;padding:18px}.failed #worldStatus a,.failed #worldStatus button{display:inline-block;margin:12px 10px 0;padding:8px 12px;border:1px solid #aec496;color:#d4ff8a}
@media(max-width:1050px){.arena-telemetry{width:145px;top:58%}.arena-telemetry strong{font-size:19px}.arena-telemetry .court-identity strong{font-size:24px}.opening-actions{width:145px}.opening-actions strong{font-size:11px}.opening-actions>button{padding:10px 0}.arena-telemetry button{padding:10px 0}}
@media(max-width:680px){.opening-title{top:155px;max-width:55%}.opening-title h1{font-size:34px}.arena-telemetry{top:auto;bottom:224px;left:4%;width:92%;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.arena-telemetry button{padding:9px 0}.arena-telemetry small,.arena-telemetry span{font-size:9px;letter-spacing:.2px}.arena-telemetry strong,.arena-telemetry .court-identity strong{font-size:17px}.arena-telemetry strong small{font-size:9px}.opening-actions{top:340px;width:112px;right:5%}.opening-actions #matchSetupToggle{display:none}.opening-actions strong,.opening-actions #pausePresentation{font-size:10px}.opening-actions span{font-size:9px}.world-hotspot{display:none}#tourControls{top:123px;gap:7px;width:94%;justify-content:space-between;padding:8px}#tourControls button,#tourControls span{font-size:9px;letter-spacing:0}}

.touring .opening-title,.touring #choices,.touring .arena-telemetry,.touring .opening-actions,.touring .feature,.touring #boardHotspot{opacity:0;pointer-events:none!important}.touring #choices a,.touring .feature button{pointer-events:none!important}

/* Green Room / 10: the three physical choices are the main home navigation. */
.opening-title{top:20%;max-width:25%}.opening-title .eyebrow{font-size:10px;letter-spacing:1.5px;color:#b4c1b8;margin-bottom:17px}.opening-title h1{font-size:clamp(34px,3.7vw,60px);margin-bottom:15px}.opening-title .reveal-court{display:block;color:#c7fc68;border-color:#b8f56880;font-weight:600;margin:20px 0 6px;font-size:12px}.opening-title #howToggle{font-size:11px;color:#b6c9c1}.feature{width:142px;top:110px}.feature-title{font-size:22px}.feature-title small{font-size:10px}.feature-top{font-size:9px}.feature #videoPause{padding:7px 12px;font-size:9px}.arena-telemetry{top:auto;bottom:91px;width:176px}.arena-telemetry button{padding:10px 0}.arena-telemetry .court-identity{display:none}.arena-telemetry strong{font-size:20px}.arena-telemetry #seasonToggle{padding:9px 0}.arena-telemetry #seasonToggle span{display:none}.arena-telemetry #seasonToggle strong{font-size:12px;font-family:Inter,Arial,sans-serif;font-weight:500}.opening-actions{top:auto;bottom:87px;width:142px}.opening-actions>button{padding:10px 0}.opening-actions #matchSetupToggle{display:none}.opening-actions strong{font-size:11px}.opening-actions small,.opening-actions span{font-size:9px}.opening-actions #pausePresentation{font-size:9px}.world-footer{padding:14px 3.5%;min-height:61px}.world-hotspot{padding:7px 12px;font-size:9px}.mode .index{font-size:10px;letter-spacing:1.3px}.mode:focus-visible{outline:2px solid #d4ff96;outline-offset:8px}.orb-action{position:absolute;transform:translate(-50%,-50%);min-width:148px;min-height:36px;padding:8px 17px;background:#091910e8;border:1px solid #98bd6b80;border-radius:3px;color:#e6ffbd;font:600 13px Inter,Arial,sans-serif;letter-spacing:.7px;z-index:3;box-shadow:0 4px 14px #0007}.orb-action span{margin-left:16px;color:#c7fc68}.orb-action:hover,.orb-action:focus-visible{background:#c7fc68;color:#05070a;box-shadow:0 0 24px #baff5525}.orb-action:hover span{color:#05070a}body:not([data-world-view=entrance]) .orb-action,.touring .orb-action{display:none}.view-dock{bottom:78px}.touring .opening-actions button{pointer-events:none!important}
@media(max-width:1050px) and (min-width:681px){.opening-title{left:4%;max-width:24%}.opening-title h1{font-size:34px}.feature{width:116px;right:3%}.feature-title{font-size:18px}.feature-title small{display:none}.arena-telemetry{left:4%;width:150px}.opening-actions{right:3%;width:120px}.mast nav{gap:14px}.settings{gap:12px}.settings button{font-size:10px}#inputHint{gap:7px;font-size:10px}.orb-action{font-size:11px;min-width:130px}}
@media(max-width:680px){.opening-title{top:143px;max-width:64%;left:5%}.opening-title h1{font-size:36px}.opening-title .eyebrow{font-size:9px;margin:0 0 11px}.opening-title p:not(.eyebrow){display:none}.opening-title .reveal-court{margin:10px 0 0;padding:8px 0;font-size:10px}.opening-title #howToggle{font-size:10px;padding:7px 0}.feature{top:155px;right:4%;width:96px}.feature-title{font-size:16px;padding:12px 8px 8px}.feature-title small{display:none}.feature-top{font-size:8px;padding:6px}.feature #videoPause{font-size:8px;padding:6px}.arena-telemetry{display:none}.opening-actions{top:auto;bottom:240px;left:5%;right:5%;width:auto;display:flex;justify-content:space-between;gap:12px}.opening-actions>button{padding:8px 0}.opening-actions span{display:none}.opening-actions strong,.opening-actions #pausePresentation{font-size:9px}.orb-action{left:50%!important;top:auto!important;bottom:196px;transform:translateX(-50%);min-height:34px;font-size:11px;min-width:180px}.world-footer{height:92px;min-height:92px;padding:10px 5%}.world-footer .settings{gap:12px}.mode strong{font-size:22px}.mode .detail{font-size:10px}.mode .index{font-size:9px}.view-dock{bottom:108px}.view-controls button,.back-button{min-height:36px}}
@media(max-height:680px) and (min-width:681px){.mast{padding-top:20px;padding-bottom:16px}.opening-title{top:21%}.opening-title h1{font-size:34px}.opening-title .eyebrow{margin-bottom:10px}.feature{top:94px;width:116px}.feature-title small{display:none}.arena-telemetry{bottom:72px}.opening-actions{bottom:69px}.opening-actions>button{padding:7px 0}.world-footer{min-height:52px;padding-top:10px;padding-bottom:10px}.opening-title .reveal-court{margin-top:10px}.orb-action{font-size:11px;min-height:31px}}