/* Native worlds share the existing analog print / RGB / grain stage. */
.page.immersive-world{position:absolute;inset:0;overflow:hidden;background:#08090a;isolation:isolate}
.immersive-world[hidden]{display:none!important}
.trailer-world video{display:block;width:100%;height:100%;object-fit:contain;background:#08090a}
.world-controls{position:absolute;z-index:3;right:28px;bottom:110px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.world-controls button,.world-controls a{border:1px solid #ffffff38;border-radius:7px;background:#08090ac9;color:#f5f3ec;padding:10px 14px;font:10px/1.4 var(--mono);letter-spacing:.03em;text-decoration:none;cursor:pointer;backdrop-filter:blur(12px)}
.world-controls button:hover,.world-controls a:hover{background:#25272b}
.world-controls :focus-visible,.claw-world button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.trailer-timeline{position:absolute;bottom:90px;left:28px;right:28px;display:flex;gap:12px;align-items:center;color:#eee;font:9px var(--mono)}
.trailer-timeline input{width:100%;height:16px;accent-color:var(--red);cursor:pointer}
.trailer-timeline output{min-width:36px}
.world-loading{position:absolute;inset:0;z-index:4;display:flex;gap:12px;align-items:center;justify-content:center;background:#206f92;color:#ffecd4;font:11px var(--mono);letter-spacing:.1em;transition:opacity .55s}
.world-ready>.world-loading{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .55s,visibility 0s .55s}
.loading-dot{width:7px;height:7px;background:#ffb374;border-radius:50%;animation:world-pulse 1s infinite}
.world-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:320px;text-align:center;color:#eee;font:13px/1.7 var(--mono)}
.world-status[hidden]{display:none}
.signal-world [data-world-view]{position:absolute;inset:0;touch-action:none;outline:0}
.signal-world canvas{display:block;width:100%;height:100%}
.signal-world .can-grab{cursor:grab}.signal-world .grabbing{cursor:grabbing}
.signal-world [data-world-view]:focus-visible{outline:2px solid #fdb927;outline-offset:-4px}
.signal-world [data-review]{position:absolute;top:26px;right:26px;max-width:60vw;max-height:60vh;overflow:auto;white-space:pre-wrap;background:#102630e8;color:white;font:11px/1.5 var(--mono);padding:12px;z-index:5}
.signal-world [data-review][hidden]{display:none}
.claw-world,.claw-room{background:#ededee!important}.claw-room{position:absolute;inset:0;color:#232629;font-family:var(--mono)}
.claw-room canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:none}
.claw-room canvas:focus-visible{outline:2px solid var(--red);outline-offset:-4px}.claw-room[data-mode=watch] canvas{cursor:default}
.claw-world>.world-loading{background:#ededee;color:#232629}
.claw-world [data-play-prompt]{position:absolute;left:calc(50% + 24px);top:calc(45% + 24px);z-index:3;border:0;border-radius:5px;padding:12px 20px;background:#f2f2f3;color:#1a1b1d;font:13px/1.3 var(--mono);letter-spacing:.035em;white-space:nowrap;cursor:pointer}
.claw-world [data-play-prompt][hidden]{display:none}
.claw-tools{position:absolute;right:28px;bottom:110px;display:flex;align-items:center;gap:10px}
.claw-tools button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #25282935;border-radius:50%;background:#f5f5f5b8;color:#303235;font:18px var(--mono);cursor:pointer;backdrop-filter:blur(12px)}
.claw-tools [data-grab]{width:64px;height:64px;font-size:12px;letter-spacing:.1em}.claw-tools button:disabled{opacity:.4;cursor:wait}
.claw-room[data-mode=watch] .claw-tools{visibility:hidden;pointer-events:none}
.claw-world dialog{width:min(350px,calc(100vw - 40px));border:1px solid #fff8;border-radius:16px;padding:30px;background:#f5f5f4f5;color:#28282d;font:13px/1.8 var(--mono)}
.claw-world dialog::backdrop{background:#18181d55;backdrop-filter:blur(5px)}
.claw-world dialog h2{font:700 28px var(--grotesk);letter-spacing:.06em;margin:0 0 20px}.claw-world dialog button{margin-top:15px;padding:9px 14px;border:1px solid #23262940;border-radius:5px;cursor:pointer}
.mini-trailer{background:#090a0c;color:#f3f2ed;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px}
.mini-trailer>span{font:900 55px/1 var(--grotesk);letter-spacing:-.08em}.mini-trailer small{font:9px var(--mono)}
.mini-signal{background:#2687b6 url('assets/basketball-tower/clouds/sky.jpg') center/cover;color:#fff;display:flex;align-items:end;padding:18px;font:700 21px var(--grotesk)}
.mini-play{background:radial-gradient(circle at 78% 28%,#f5a451 0 15%,transparent 15.5%),radial-gradient(circle at 18% 80%,#da839d 0 20%,transparent 20.5%),#ededee;color:#232629;padding:24px;display:flex;align-items:center;font:800 30px/.95 var(--grotesk)}
body[data-world=signal] .page-counter,body[data-world=trailer] .page-counter{color:#f3f3f3}
@keyframes world-pulse{50%{opacity:.25}}
@media(max-width:700px){.world-controls,.claw-tools{right:17px;bottom:112px}.world-controls{gap:6px}.world-controls button,.world-controls a{font-size:9px;padding:9px 10px}.trailer-timeline{left:17px;right:17px;bottom:92px}}
@media(pointer:coarse){.claw-room canvas{cursor:default}.claw-world [data-play-prompt]{left:50%;top:auto;bottom:124px;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}.world-loading{transition:none}}