#hub{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease-inout)}#hub.live{opacity:1}.stage-canvas{position:absolute;inset:0;width:1120px;height:802px;display:block}.stage-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.tag{position:absolute;left:0;top:0;transform-origin:50% 100%;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-hover)linear;font-family:var(--serif);font-feature-settings:var(--smallcaps);font-size:15px;letter-spacing:.15em;line-height:1;color:#f6e8c6;padding:.34em .95em .3em;border-radius:2px;background:linear-gradient(180deg,rgba(34,23,11,.93),rgba(16,10,5,.93));border:1px solid rgba(190,156,92,.5);box-shadow:0 6px 16px rgba(0,0,0,.7),inset 0 1px rgba(255,226,168,.18)}.tag::after{content:'';position:absolute;left:50%;bottom:-5px;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:rgba(20,13,6,.93);border-right:1px solid rgba(190,156,92,.5);border-bottom:1px solid rgba(190,156,92,.5)}.tag.on{opacity:1}.tag.off-stage{opacity:0!important}.tag-vol{font-size:14px}body.pointing .stage-canvas{cursor:pointer}.stage-loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#0d0a06;color:var(--parchment);transition:opacity .5s var(--ease-inout)}.stage-loading.done{opacity:0;pointer-events:none}.stage-loading-inner{display:grid;gap:14px;justify-items:center;width:280px}.stage-loading p{margin:0;font-family:var(--serif);font-feature-settings:var(--smallcaps);font-size:15px;letter-spacing:.18em;color:#b9a985}.stage-bar{width:100%;height:3px;border-radius:2px;overflow:hidden;background:rgba(190,156,92,.18)}.stage-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a6d3c,#e7cb99);transition:width .25s linear}#rail{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .5s var(--ease-inout),transform .5s var(--ease-out)}body.arrived #rail{opacity:1;transform:none;pointer-events:auto}.hot-nav{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;z-index:4}.hot-nav:focus-within{width:auto;height:auto;overflow:visible;left:50%;transform:translateX(-50%);top:8px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:96%;padding:6px 8px;border-radius:4px;background:rgba(12,9,6,.86)}.hot-nav button{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border:0;background:0 0;color:inherit}.hot-nav button:focus-visible{position:static;width:auto;height:auto;overflow:visible;clip-path:none;padding:.28em 1em;border-radius:3px;cursor:pointer;font-family:var(--sans);font-size:13px;letter-spacing:.06em;font-feature-settings:var(--smallcaps);color:var(--cream);background:var(--verdigris);outline:2px solid var(--brass-hi);outline-offset:2px}.scene-grade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 52%,rgba(120,140,170,0) 0%,rgba(120,140,170,0) 58%,rgba(96,116,150,.16) 100%),radial-gradient(ellipse 76% 72% at 50% 47%,#fff 0%,#fff 42%,rgba(150,132,110,.92) 74%,rgba(74,58,42,.8) 100%);mix-blend-mode:multiply}