/* The reference panel keeps type and icons compact inside a slightly larger shell. */
:root{--hud-panel-top:172px}
body[data-page] .wordmark{width:80px;height:80px;border-radius:11px}.wordmark img{width:54px}
body[data-page] .menu-button{width:80px;height:48px;border-radius:9px}
.menu-button .menu-glyph{width:28px;height:24px;stroke-width:1.3}
.menu-line-a{transform:translateY(-2.5px) scaleX(1.15)}.menu-line-b{transform:translateY(2.5px) scaleX(1.15)}
.menu-button:is(:hover,:focus-visible) .menu-line-a{transform:translateY(-3.5px) scaleX(1.25)}
.menu-button:is(:hover,:focus-visible) .menu-line-b{transform:translateY(3.5px) scaleX(1.25)}
.page-menu.account-panel{width:396px;padding:15px;border-radius:11px;max-height:calc(100dvh - var(--hud-panel-top) - 92px)}
.account-heading{margin:2px 2px 14px}.account-heading h2{font-size:10px;letter-spacing:.11em}.account-status{font-size:10px;padding:3px 5px}
.account-panel .account-row{min-height:52px;padding:10px;gap:14px;font-size:18px;letter-spacing:-.035em}
.account-panel .account-primary{min-height:52px}
.account-panel .ui-icon{width:24px;height:24px;flex-basis:24px;stroke-width:1.8}.account-panel .row-trail{width:16px;height:16px;flex-basis:16px}
.account-actions,.account-destinations{gap:2px}.account-destinations{margin-top:8px;padding:8px 0}
.account-audio{grid-template-columns:minmax(0,1fr) 156px;gap:2px;padding-top:5px}
.account-panel .sound-toggle{min-height:52px;gap:14px;padding:10px}
.account-panel .sound-toggle #soundState{right:5px;font-size:9px}.account-tag{font-size:10px}
.account-volume{grid-template-columns:minmax(30px,1fr) 33px;gap:14px;padding-right:8px;font-size:10px}
.account-volume input::-webkit-slider-thumb{width:12px;height:16px;border-width:1px}
.account-graphics{gap:14px;margin-top:5px;padding-top:8px}#graphicsLabel{font-size:11px;padding-left:7px}
.account-panel .graphics-options button{min-height:46px;font-size:13px;padding:0 4px}
body[data-world=signal] #filmGrain,body[data-world=signal] .film-grain-fallback{opacity:.095}
body[data-world=play] #filmGrain,body[data-world=play] .film-grain-fallback{opacity:.16}
/* Claw's existing final color pass owns RGB separation, avoiding a second full-screen filter chain. */
body.analog-on[data-world=play] main{filter:none!important;transform:none!important;will-change:auto}
.trailer-world video{object-fit:cover;object-position:50% 50%;height:100%;width:100%}
.trailer-world{cursor:default}.trailer-world .world-status{pointer-events:none}
.claw-world [data-play-prompt]{padding:7px 10px;background:#090a0c;color:#fff;font:9px/1.2 var(--mono);letter-spacing:.055em;border:1px solid #ffffff20;border-radius:3px}
.claw-world [data-play-prompt]:focus-visible{outline-color:#fff}
.bento-opening{position:relative;isolation:isolate}
#power .universe-module,#power .press-module{min-height:100svh;position:relative;overflow:hidden;padding:58px 48px 112px 150px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
#power .universe-module{background:#eeefe9;color:#101211}
.module-kicker{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.055em}
#power .universe-module h1{font-size:clamp(66px,7.65vw,142px);line-height:.89;letter-spacing:-.068em;max-width:1150px;margin:48px 0;position:relative;z-index:2}
#power .universe-module h1 em{color:#f04450;font-style:normal}
.module-foot{display:flex;align-items:end;justify-content:space-between;gap:30px;z-index:2}.module-foot p{font:19px/1.4 var(--grotesk);max-width:480px;margin:0}.module-foot strong{display:block;margin-top:15px}.module-foot>.mono{font-size:9px;white-space:nowrap}
.universe-orbit{position:absolute;right:-13vw;top:6vh;width:53vw;height:53vw;min-width:600px;min-height:600px;border:1px solid #17241915;border-radius:50%;z-index:-1;transform:rotate(-28deg);color:#141f1210;display:grid;place-items:center}
.universe-orbit b{font:900 39vw/.8 var(--grotesk);letter-spacing:-.09em}.universe-orbit i{position:absolute;inset:15%;border:1px solid #17241915;border-radius:50%;transform:scaleX(.45)}.universe-orbit i+i{transform:rotate(90deg) scaleX(.45)}
#power .press-module{background:#11120f;color:#f2f1ea;min-height:100svh;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:40px 48px}
.press-module .module-kicker{grid-column:1/-1}.press-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:start}
.press-publication{font:600 clamp(24px,3vw,42px)/1 Georgia,serif;letter-spacing:-.06em}
#power .press-copy h2{font:700 clamp(70px,8vw,146px)/.87 var(--grotesk);letter-spacing:-.07em;margin:32px 0}.press-copy h2 em{font-style:normal;color:#d7fd7c}
#power .press-copy p{max-width:445px;font-size:18px;line-height:1.35;margin:0 0 22px}.press-copy>a{font-size:9px;color:#c6c8bd;text-decoration:none;border-bottom:1px solid #5b5d53;padding-bottom:7px}
.press-photo{position:relative;align-self:stretch;min-height:420px;overflow:hidden;border-radius:3px}
.press-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:42% 50%;filter:grayscale(1);opacity:.85}.press-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11120f99,transparent 50%)}.press-photo>span{position:absolute;bottom:20px;left:20px;z-index:2;color:#fff;font-size:8px}
#power .power-content{padding-top:75px}
.la-orbit-status{border:1px solid #55866455;background:#07100fa6;color:#b5ff71;padding:9px 12px;font-size:9px}
#laConceptToggle{position:absolute;right:27px;top:120px;z-index:4;padding:10px 13px;color:#defed7;background:#07100fe8;border:1px solid #527654;font-size:9px;letter-spacing:.04em;cursor:pointer}
.la-event[hidden]{display:none!important}.event-meta{padding-right:22px}.la-event .event-close{position:absolute;right:12px;top:10px;width:24px;height:24px;border:0!important;padding:0!important;background:transparent!important;color:#b5cbb9;font:20px/1 var(--mono);cursor:pointer}
@media(max-width:700px){:root{--hud-panel-top:148px}body[data-page] .wordmark{width:62px;height:62px}.wordmark img{width:43px}body[data-page] .menu-button{width:62px;height:46px}.nav-stack{gap:6px}.page-menu.account-panel{max-width:calc(100vw - 32px)}body[data-page] .bottom{height:58px;padding:5px;gap:2px}.bottom .hud-control{width:40px;height:44px}.bottom .control-divider{margin:0 2px}.bottom .hud-control .ui-icon{width:21px;height:21px}#power .universe-module,#power .press-module{padding:158px 22px 105px;min-height:100svh}.module-kicker{font-size:8px;gap:15px}.module-kicker>span:last-child{text-align:right}.module-foot{display:block}.module-foot p{font-size:16px}.module-foot>.mono{display:block;margin-top:25px}#power .universe-module h1{font-size:clamp(48px,10vw,70px);margin:40px 0;line-height:.97}#power .press-module{display:flex;gap:30px}#power .press-copy h2{font-size:clamp(64px,13vw,92px)}#power .press-copy p{font-size:16px}.press-photo{min-height:240px;width:100%}.press-copy>a{font-size:8px}.universe-orbit{right:-430px;top:180px}.claw-world [data-play-prompt]{padding:8px 12px;bottom:120px;font-size:9px}#laConceptToggle{right:18px;top:150px}.la-orbit-status{display:none}}
/* Particle basketball loading is inexpensive Canvas 2D and stops when covered or hidden. */
.site-loader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08090b;color:#ddd;transition:opacity .45s;pointer-events:auto}
.site-loader p,.world-loading p{font:7px var(--mono);letter-spacing:.16em;margin:10px 0 12px}
.site-loader.is-complete{opacity:0;pointer-events:none}.site-loader[hidden]{display:none}
[data-particle-loader]{width:72px;height:72px;display:grid;place-items:center}[data-particle-loader] canvas{width:100%;height:100%;display:block}
.loader-track{display:block;width:40px;height:1px;background:#282a25;overflow:hidden}.loader-track i{display:block;width:0;height:100%;background:#ff8b28;transition:width .3s}
.world-loading{flex-direction:column;gap:0;background:#08090b;color:#ccc}.world-loading [data-loading-label]{font:8px var(--mono);letter-spacing:.1em;margin-top:10px}.world-loading .loading-dot{display:none}.world-loading [data-particle-loader]{width:72px;height:72px}.claw-world>.world-loading{background:#08090b;color:#ddd}
@media(prefers-reduced-motion:reduce){.site-loader{transition:none}}

.menu-button[aria-expanded=true]:is(:hover,:focus-visible) .menu-line-a,.menu-button[aria-expanded=true] .menu-line-a{transform:rotate(45deg) scaleX(1.1)}
.menu-button[aria-expanded=true]:is(:hover,:focus-visible) .menu-line-b,.menu-button[aria-expanded=true] .menu-line-b{transform:rotate(-45deg) scaleX(1.1)}
@media(max-width:700px){.account-panel .account-row{font-size:17px}.account-audio{grid-template-columns:minmax(0,1fr) 135px}.page-menu.account-panel{padding:13px}.account-panel .sound-toggle{gap:10px}.account-volume{gap:10px}}