/* StormRig interface. World rendering and vehicle materials keep their own palette. */
.brand,.st h1,.cine .title h1,h2,h3,.btn{font-weight:700}
.brand small{letter-spacing:.16em}
.st{background:radial-gradient(ellipse at 80% 0,rgba(242,182,50,.09),transparent 60%),#161d1a}
.st-card,.card,.hud,.ghud,.pause .card{border-color:#39423b}
.st-card.main{border-top:3px solid #f2b632}
.btn,.opt,.card,.st-card{border-radius:3px}
.btn.primary{color:#161d1a}
.stormrig-links{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;margin:12px 0 20px;font-size:16px}
.stormrig-links a{display:inline-flex;align-items:center;min-height:44px;color:#f2b632;text-underline-offset:4px}
.res-actions .stormrig-links{flex-basis:100%;margin-bottom:0}
#pauseCard .stormrig-links{margin-block:8px}
@media(max-width:640px){.st h1{font-size:44px}.stormrig-links{gap:4px 18px}.st-top{gap:12px}.brand{font-size:30px}}
body{background:#161d1a}
.hud .g,.hud .meters{background:rgba(22,29,26,.9);border-color:#39423b;border-radius:3px;box-shadow:inset 0 2px #f2b632}
.corner button,.pad button{background:rgba(22,29,26,.9);border-color:#39423b;border-radius:3px}
#mini{border-color:#f2b632;border-radius:3px}
.cine-loader{position:absolute;inset:0;z-index:4;display:grid;place-content:center;text-align:center;background:rgba(22,29,26,.99);color:#f2b632}.cine-loader b{font:700 clamp(36px,7vw,72px) var(--display)}.cine-loader p{font-size:18px;color:#f3f1e8}
#cineVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#161d1a}
.cine .bar-t,.cine .bar-b,.cine .title,.cine .cap,.cine .sub,.cine .skip,.cine .snd,.cine .prog{z-index:3}
.cine:has(.cine-loader:not([hidden])) .title,.cine:has(.cine-loader:not([hidden])) .sub,.cine:has(.cine-loader:not([hidden])) .cap{opacity:1;transition:none}
.cine .skip,.cine .snd{z-index:5}
.cine .title,.cine .sub,.cine .cap{will-change:opacity}
@media(max-width:640px){#cineVideo{object-fit:contain}}
.cine .prog{width:100%;transform:scaleX(0);transform-origin:left}

.cine{contain:layout style paint}
@media(pointer:coarse){.cine .title h1,.cine .title p,.cine .cap{text-shadow:none}.cine .title,.cine .cap,.cine .sub{transition:none}}
