:is(.finalist,.neonos) .f-tools{background:color-mix(in srgb,var(--bg) 96%,var(--f-electric));isolation:isolate}:is(.finalist,.neonos) .f-tools>.wrap{gap:20px;min-height:76px}:is(.finalist,.neonos) .f-color-controls{gap:21px}:is(.finalist,.neonos) .f-color-controls>span{letter-spacing:.11em;max-width:none;font-size:9px;line-height:1.6}:is(.finalist,.neonos) .f-color-controls>span b{color:var(--ink);font-weight:500}:is(.finalist,.neonos) .f-color-controls>div{background:linear-gradient(#272a32,#11131b);border:1px solid #43444b;border-radius:10px;gap:3px;padding:3px 7px;box-shadow:inset 0 2px 5px #0009,0 2px #fff1}:is(.finalist,.neonos) .f-color-controls button{border:1px solid #0000;border-radius:6px;width:36px;height:38px;padding:8px 12px;transition:background .3s,transform .3s;position:relative}:is(.finalist,.neonos) .f-color-controls button>span{background:var(--swatch);opacity:.55;width:8px;height:21px;box-shadow:inset 1px 0 1px #fff8,0 0 5px var(--swatch);border:1px solid #ffffff70;border-radius:8px;transition:opacity .3s,box-shadow .3s,transform .3s}:is(.finalist,.neonos) .f-color-controls button:after{content:"";background:0 0;border-radius:1px;width:4px;height:2px;position:absolute;bottom:2px;left:calc(50% - 2px)}:is(.finalist,.neonos) .f-color-controls button[aria-pressed=true]{background:#ffffff10;border-color:#ffffff26}:is(.finalist,.neonos) .f-color-controls button[aria-pressed=true]>span,:is(.finalist,.neonos) .f-color-controls button:hover>span{opacity:1;box-shadow:inset 1px 0 2px #fff,0 0 7px var(--swatch),0 0 19px var(--swatch);transform:translateY(-1px)}:is(.finalist,.neonos) .f-color-controls button[aria-pressed=true]:after{box-shadow:0 0 5px var(--swatch);background:#fff}:is(.finalist,.neonos) #f-lights{color:var(--ink);gap:16px;min-height:48px;padding:0}:is(.finalist,.neonos) #f-lights .f-rocker{background:linear-gradient(110deg,#656870,#171920 37%,#424550);border:1px solid #6a6c75;border-radius:6px;flex-direction:column;justify-content:space-around;width:37px;height:48px;padding:5px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 3px #0005,inset 0 0 0 3px #161820}:is(.finalist,.neonos) #f-lights .f-rocker:after{background:linear-gradient(#626674 0%,#363945 46%,#161820 51%,#2e3039 100%);border:1px solid #6d707b;border-radius:3px;width:auto;height:auto;transition:transform .45s,box-shadow .45s;inset:4px;transform:perspective(90px)rotateX(-18deg);box-shadow:0 -2px 1px #a3a6b44d}:is(.finalist,.neonos) #f-lights[aria-checked=false] .f-rocker{box-shadow:0 0 17px var(--f-halo),inset 0 0 0 3px #161820;border-color:var(--f-electric)}:is(.finalist,.neonos) #f-lights[aria-checked=false] .f-rocker:after{transform:perspective(90px)rotateX(18deg);box-shadow:0 2px 1px #a3a6b44d}:is(.finalist,.neonos) #f-lights[aria-checked=false] .f-rocker>b:last-child{color:var(--f-neon);text-shadow:0 0 7px var(--f-electric)}:is(.finalist,.neonos) #f-lights[aria-checked=false] .f-mini-sign{color:var(--f-neon);opacity:1;text-shadow:0 0 5px var(--f-electric),0 0 14px var(--f-electric);box-shadow:inset 0 0 8px var(--f-halo),0 0 12px var(--f-halo)}.f-igniting .f-energy-line:after{animation:1.2s cubic-bezier(.17,.67,.24,1) both f-charge}.f-power-wave{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--switch-x,90%) var(--switch-y,120px),color-mix(in srgb,var(--f-electric) 28%,transparent),transparent 68%);position:fixed;inset:0}.f-powering .f-power-wave{animation:1.2s ease-out both f-power-wash}.finalist.motion-paused .f-power-wave,.finalist.motion-paused .f-energy-line{display:none}@media (width<=1000px){:is(.finalist,.neonos) .f-color-name{display:none}:is(.finalist,.neonos) .f-color-controls{gap:15px}.f-mini-sign{font-size:23px}:is(.finalist,.neonos) #f-lights{gap:12px}}@media (width<=640px){:is(.finalist,.neonos) .f-tools>.wrap{gap:10px;min-height:78px}:is(.finalist,.neonos) .f-color-controls{gap:0;min-width:0}:is(.finalist,.neonos) .f-color-controls>span{display:none}:is(.finalist,.neonos) .f-color-controls>div{border-radius:8px;gap:0;padding:3px 4px}:is(.finalist,.neonos) .f-color-controls button{width:25px;height:38px;padding:8px}:is(.finalist,.neonos) .f-color-controls button>span{width:7px}:is(.finalist,.neonos) #f-lights{flex-direction:row-reverse;gap:7px}:is(.finalist,.neonos) #f-lights .f-rocker{flex-shrink:0;width:31px;height:44px}}@media (width<=360px){:is(.finalist,.neonos) .f-tools>.wrap{gap:8px;width:calc(100% - 24px)}:is(.finalist,.neonos) .f-color-controls button{width:24px}.f-switch-hint{display:none}:is(.finalist,.neonos) #f-lights{gap:5px}.f-switch-label{font-size:8px}}@media (prefers-reduced-motion:reduce){:is(.finalist,.neonos) *,:is(.finalist,.neonos) :before,:is(.finalist,.neonos) :after{transition:none!important;animation:none!important}.f-power-wave,.f-energy-line{display:none}}