/* Arena: a predominantly black stage with muted light in the seven MKT4 colors. */
.arena-public-theme{background:#040405;isolation:isolate}
.arena-public-theme::before,.arena-public-theme::after{
 content:"";position:fixed;pointer-events:none;z-index:-1;
 inset:-12vh -15vw;width:130vw;height:124vh;
 background-repeat:no-repeat;transform-origin:65% 45%;
}
.arena-public-theme::before{
 background:
 radial-gradient(ellipse 22% 25% at 12% 18%,rgba(255,181,52,.12),transparent 78%),
 radial-gradient(ellipse 21% 27% at 35% 12%,rgba(246,129,32,.11),transparent 78%),
 radial-gradient(ellipse 28% 31% at 78% 25%,rgba(243,14,4,.22),transparent 80%),
 radial-gradient(ellipse 24% 22% at 93% 59%,rgba(231,13,143,.15),transparent 80%),
 radial-gradient(ellipse 26% 25% at 75% 88%,rgba(172,14,194,.17),transparent 78%),
 radial-gradient(ellipse 28% 28% at 37% 86%,rgba(86,39,224,.19),transparent 80%),
 radial-gradient(ellipse 20% 23% at 6% 67%,rgba(64,204,247,.13),transparent 80%);
 filter:blur(38px);animation:arena-spectrum-drift 38s ease-in-out infinite alternate;
}
.arena-public-theme::after{
 background:
 radial-gradient(ellipse 13% 16% at 72% 40%,rgba(255,248,246,.035),transparent 78%),
 radial-gradient(ellipse 16% 11% at 30% 75%,rgba(255,248,246,.02),transparent 78%),
 radial-gradient(ellipse 48% 75% at 24% 40%,rgba(0,0,0,.82),transparent 90%);
 filter:blur(24px);animation:arena-glint-drift 49s ease-in-out infinite alternate;
}
.arena-public-theme .site-nav{background:rgba(4,4,5,.78)}
.arena-public-theme .site-nav::before{background:linear-gradient(90deg,#ffb53466,#f6812066,#f30e0466,#e70d8f66,#ac0ec266,#5627e066,#40ccf766)}
.arena-public-theme .arena-project,
.arena-public-theme .panel,
.arena-public-theme .arena-night,
.arena-public-theme .arena-rule,
.arena-public-theme .arena-status-card{
 background:rgba(8,8,12,.58);
 border-color:rgba(255,255,255,.14);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.arena-public-theme .arena-project[open]{background:rgba(8,8,12,.72)}
.arena-public-theme .arena-project-detail{background:transparent}
@supports not (backdrop-filter:blur(12px)){
 .arena-public-theme .arena-project,.arena-public-theme .panel{background:rgba(8,8,12,.82)}
}
.arena-public-theme .arena-day-nav a{background:rgba(8,8,12,.42)}
.arena-public-theme .arena-day-nav a:hover{border-color:#f34352}
.arena-public-theme .arena-expand,.arena-public-theme .arena-day>header h2 span{color:#f34352}
.arena-public-theme .arena-project[open]{border-color:rgba(243,67,82,.55)}
@keyframes arena-spectrum-drift{
 0%{transform:translate3d(-3%,-2%,0) scale(1.02) rotate(-4deg)}
 55%{transform:translate3d(3%,2%,0) scale(1.10) rotate(1deg)}
 100%{transform:translate3d(-1%,5%,0) scale(1.04) rotate(5deg)}
}
@keyframes arena-glint-drift{
 from{transform:translate3d(3%,0,0) scale(1.04);opacity:.7}
 to{transform:translate3d(-4%,-4%,0) scale(1.12);opacity:1}
}
@media(max-width:650px){
 .arena-public-theme::before{filter:blur(25px)}
 .arena-public-theme::after{filter:blur(18px)}
}
@media(prefers-reduced-motion:reduce){
 .arena-public-theme::before,.arena-public-theme::after{
  animation:none;transform:none;
 }
}
@media print{
 .arena-public-theme::before,.arena-public-theme::after{display:none}
}