/* Painted collection instrument; live canisters retain the illustration's ratio. */
.nuclear-meter{position:absolute;z-index:5;left:84.3%;top:9.2%;width:15%;aspect-ratio:2.35;pointer-events:none;filter:drop-shadow(0 .16cqw .4cqw #0009)}
.nuclear-meter-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}
.nuclear-canisters{position:absolute;left:12%;right:12%;top:32%;bottom:20%;display:flex;justify-content:center;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.nuclear-canister{position:relative;flex:1;min-width:0;height:100%;display:grid;place-items:center}
.nuclear-canister::before{content:'';position:absolute;inset:10% 4%;background:radial-gradient(ellipse,#a42cf844,transparent 70%);opacity:0}
.nuclear-canister.is-collected::before{opacity:1}
.nuclear-canister img{position:absolute;left:-7.5%;top:0;width:115%;max-width:none;height:100%;object-fit:contain;filter:grayscale(1) brightness(.35);opacity:.7;will-change:transform;user-select:none}
.nuclear-canister.is-collected img{filter:drop-shadow(0 0 .14cqw #ba6dff88);opacity:1}
/* Status recess in the 1921×819 artwork: x548–1373, y691–734. */
.nuclear-meter-status{position:absolute;left:28.5%;right:28.5%;top:84.4%;height:5.2%;display:block;align-content:center;text-align:center;text-box:trim-both cap alphabetic;font-size:.32cqw;line-height:1;letter-spacing:.032cqw;color:#baa5d9;text-shadow:0 .05cqw .08cqw #000;white-space:nowrap}
.nuclear-meter-track{position:absolute;left:24%;right:24%;bottom:8%;height:1.4%;background:#271b46;overflow:hidden}
.nuclear-meter-track i{display:block;width:100%;height:100%;background:#d699ff;transform:scaleX(0);transform-origin:left;box-shadow:0 0 .3cqw #c257ff}
.nuclear-meter.is-active .nuclear-meter-status{color:#f1dcff;text-shadow:0 0 .25cqw #ab45ff}
.nuclear-overlay{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;isolation:isolate}
.nuclear-edge-glow{position:absolute;inset:0;opacity:var(--nuclear-glow,0);box-shadow:inset 0 0 2cqw .55cqw #c23cff99,inset 0 0 7cqw 1cqw #7722b744;background:linear-gradient(90deg,#983af552,transparent 13%,transparent 87%,#983af552),linear-gradient(0deg,#983af540,transparent 13%,transparent 90%,#983af540)}
.nuclear-overlay::after{content:'';position:absolute;inset:0;background:#d5b4ff;opacity:var(--nuclear-flash,0);mix-blend-mode:screen}
.nuclear-alert{position:absolute;left:50%;top:31%;transform:translate(-50%,-50%);width:53%;text-align:center;opacity:0;filter:drop-shadow(0 .3cqw .5cqw #080011bb)}
.nuclear-alert>span{display:block;font-size:.66cqw;font-weight:800;letter-spacing:.38cqw;color:#eacfff;text-shadow:0 0 .45cqw #913eff}
.nuclear-alert>strong{display:block;margin:.2cqw 0;font-size:4.4cqw;line-height:1;font-weight:900;letter-spacing:.12cqw;transform:skewX(-5deg);color:#fff0be;background:linear-gradient(#ffffff 0%,#f5dfad 44%,#cc81ff 52%,#ffe9fd 90%);background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.055cqw #dcb1ff;filter:drop-shadow(0 .18cqw 0 #4b1b69) drop-shadow(0 0 .5cqw #a041f0)}
.nuclear-alert>small{display:block;font-size:.63cqw;line-height:1.2;font-weight:800;letter-spacing:.11cqw;color:#eedcff;text-shadow:0 .06cqw .2cqw #140721}
.collection-entry[data-type=nuclear] .collection-copy b,.collection-entry[data-kind=neutralized] .collection-copy b{color:#e5b7ff}
.collection-entry[data-kind=neutralized] .collection-copy b{font-size:.8cqw}
.collection-entry[data-type=nuclear] .collection-value,.collection-entry[data-kind=neutralized] .collection-value{font-size:.6cqw}
@media(max-aspect-ratio:1/1){
 .nuclear-meter{left:3%;top:24cqw;width:38%;aspect-ratio:2.35}
 .multiplier-panel,.history-strip{top:40.5cqw}
 #arena{top:max(calc(14.6% + 34cqw),72.5cqw)}
 .nuclear-meter-status{font-size:.81cqw;letter-spacing:.081cqw}
 .nuclear-alert{left:50%;top:42%;width:88%}
 .nuclear-alert>span{font-size:1.8cqw;letter-spacing:.7cqw}
 .nuclear-alert>strong{font-size:12cqw;-webkit-text-stroke:.11cqw #dcb1ff}
 .nuclear-alert>small{font-size:1.6cqw;letter-spacing:.2cqw}
 .nuclear-edge-glow{box-shadow:inset 0 0 4cqw 1cqw #c23cff88,inset 0 0 12cqw 2cqw #7722b744}
 .collection-entry[data-kind=neutralized] .collection-copy b{font-size:2.5cqw}
 .collection-entry[data-type=nuclear] .collection-value,.collection-entry[data-kind=neutralized] .collection-value{font-size:2.15cqw}
}
@media(max-aspect-ratio:1/1) and (max-height:740px){
 #arena{top:max(calc(18.6% + 34cqw),72.5cqw)}
}

.floating-point.nuclear-award{color:#ebc4ff;text-shadow:0 0 .45cqw #9628ff,0 .08cqw .12cqw #31124b;font-size:1.7cqw}

/* Emergency lamps follow the illustrated housings, never the 3D camera. */
.nuclear-lights-frame{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.nuclear-lights-housing{position:absolute;inset:0}
svg.nuclear-lights{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round;color:var(--alarm-color,#ff330c);opacity:var(--alarm-opacity,0)}
.nuclear-alarm svg.nuclear-lights{display:block}
.nuclear-lights-bloom{stroke:currentColor;stroke-width:17;opacity:.65;filter:blur(7px)}
.nuclear-lights-tube{stroke:currentColor;stroke-width:6}
.nuclear-lights-core{stroke:var(--alarm-core,#ff8c46);stroke-width:1.7}
.nuclear-lights-trim .nuclear-lights-bloom{stroke-width:5;filter:blur(2px)}
.nuclear-lights-trim .nuclear-lights-tube{stroke-width:1.5}
.nuclear-lights-trim .nuclear-lights-core{stroke-width:.4}
svg.nuclear-lights-panel{z-index:3}
.nuclear-lights-panel .nuclear-lights-bloom{stroke-width:3.2;filter:blur(1.1px)}
.nuclear-lights-panel .nuclear-lights-tube{stroke-width:.9}
.nuclear-lights-panel .nuclear-lights-core{stroke-width:.24}
.nuclear-alarm svg.nuclear-lights-portrait{display:none}
.nuclear-alarm .icon-button{color:var(--alarm-color)}
.nuclear-alarm .icon-button svg:not(.nuclear-lights){filter:drop-shadow(0 0 .28cqw var(--alarm-color))}
.nuclear-edge-glow{box-shadow:inset 0 0 2cqw .4cqw #ff3a1690,inset 0 0 5cqw .65cqw #ff74132a;background:none}
@media(max-aspect-ratio:1/1){
 .nuclear-lights-frame{z-index:0;opacity:.6}
 .nuclear-lights-housing{inset:auto;top:0;left:85%;height:100%;width:auto;aspect-ratio:1672/941;transform:translateX(-85%)}
 .nuclear-alarm svg.nuclear-lights-portrait{display:block;z-index:4}
 .nuclear-lights-portrait .nuclear-lights-bloom{stroke-width:2;filter:blur(.8px)}
 .nuclear-lights-portrait .nuclear-lights-tube{stroke-width:.6}
 .nuclear-lights-portrait .nuclear-lights-core{stroke-width:.17}
 .nuclear-edge-glow{box-shadow:inset 0 0 4cqw .6cqw #ff3a1670,inset 0 0 9cqw 1cqw #ff741322}
}

.nuclear-alarm svg.nuclear-lights-history-mobile{display:none}
@media(max-aspect-ratio:1/1){
 .nuclear-alarm .history-strip svg.nuclear-lights-panel{display:none}
 .nuclear-alarm .history-strip svg.nuclear-lights-history-mobile{display:block}
}
