/* Artwork stays in a native Rive overlay; these rules lay out prize labels and feature copy. */
#brain-intro{position:absolute;inset:0;z-index:36;pointer-events:none;overflow:hidden}
#brain-intro>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#brain-monster{z-index:1}#brain-logo{z-index:2}
#brain-hud{position:absolute;inset:0;z-index:12;pointer-events:none;background:none;overflow:hidden}
#brain-hud>canvas,#brain-cells{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#brain-native{z-index:4}#brain-cells{z-index:3}#brain-flows{z-index:5}
/* Native copies travel above the prizes; the active collection value sits above. */
#brain-special-native{z-index:4}
/* The mobile cabinet has a complete bottom-center pane. Variables also update
   already revealed prizes/paused native canvases when the device rotates. */
:is(.mobile-portrait,.mobile-landscape) :is(#brain-native,#brain-special-native){--brain-native-viewport-clip:inset(0 0 13.921360255047821% 0)}
:is(.mobile-portrait,.mobile-landscape) .brain-award{--brain-award-viewport-clip:var(--brain-complete-clip)}
.brain-award{position:absolute;transform-origin:center;isolation:isolate;--brain-accent:#d77aff;--pulse:0;display:grid;place-items:center}
.brain-award:before{content:'';position:absolute;inset:3%;z-index:-1;border-radius:12%;background:none;opacity:.55}
.brain-award.active:before{border:1px solid var(--stage-accent,#f7d783)}
.brain-award.native-source:before{border-color:transparent}
.brain-award.match-source:before{border:1px solid #79f5ff}
.brain-award.prize-respin{--brain-accent:#ffbf4e}
.brain-award.prize-respin:before{opacity:1;background:linear-gradient(180deg,#ffbd3b25,#40200b9c 18%,#110b14c9 50%,#40200b9c 82%,#ffbd3b25);border:1px solid #ffd46c}
.brain-award.prize-respin .brain-award-value:not(.brain-respin-label){visibility:hidden}
.brain-award.being-collected{z-index:6;will-change:transform,opacity}
.brain-award-art{position:absolute;inset:0;width:100%;height:100%}
.brain-award-value{position:absolute;left:5%;right:5%;top:37%;text-align:center;font:bold 1.65cqw 'Arial Black','Segoe UI',sans-serif;line-height:1.1;letter-spacing:-.05em;color:#fff9e1;-webkit-text-stroke:.13cqw #271a1c;paint-order:stroke fill;text-shadow:0 .16cqw .15cqw #0008;font-variant-numeric:tabular-nums}
.brain-award[data-kind=diamond] .brain-award-value{color:#fff}
.brain-award:not([data-kind=numeric]) .brain-award-value{top:auto;bottom:17%;font-size:1.05cqw;text-shadow:0 .13cqw .15cqw #000}
.brain-award-delta{position:absolute;z-index:5;left:50%;top:7%;white-space:nowrap;color:#fffcd8;font-size:1.08cqw;font-weight:900;text-shadow:0 2px 2px #000;background:#14241de8;border:1px solid #cfec75;padding:.15cqw .4cqw;border-radius:.4cqw}
#brain-summary{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:radial-gradient(ellipse at center,#03010822,#030108c9)}
#brain-summary>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#brain-win{z-index:1}#brain-total-type{z-index:2}
#brain-total{display:none}

.brain-accessible-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}