/* ===== v10 — performance ✦ (carregado por último) =====
   Mesma aparência, bem mais leve: tira blur()/blend/animações pesadas que repintavam a tela inteira todo frame. */
/* feixe de luz: sem blur(20px) e sem animar a camada gigante; as bordas macias vêm de máscara */
.spot:before,.beam,.pool{filter:none!important;animation:none!important}
.beam{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent)}
.spot{animation:spotb 8s ease-in-out infinite alternate;will-change:opacity}
@keyframes spotb{from{opacity:.28}to{opacity:.4}}
/* vídeo de fundo já vem "pintado" (cinza + brilho) no próprio arquivo: nada de filtro CSS por frame */
.bg video{filter:none!important}
.bg{animation:none!important;transform:none!important}
/* modo leve (automático em celular / PC fraco, ou tecla Q): corta o que é só enfeite */
body.lite *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.lite .spot,body.lite .lamp,body.lite .mist,body.lite .grain,body.lite .halo,body.lite .charm,body.lite .fly,body.lite .glam .streak,body.lite .glam .irid{display:none!important}
body.lite .fx,body.lite .fx:before,body.lite .fx:after,body.lite .home:before,body.lite .orbit,body.lite .bubbles i,body.lite .image-wrap:before,body.lite #vscreen:after,body.lite .boot-mark,body.lite .ticker span{animation:none!important}
body.lite .fx:before,body.lite .fx:after{display:none!important}
body.lite .glam canvas{animation:none!important}
body.lite .link-card,body.lite .about-box,body.lite .music-card,body.lite .status,body.lite .menu-item,body.lite .guide,body.lite .vol-hud,body.lite .pad button{background-color:rgba(236,238,244,.82)}

/* ===== brilhos em estrela nos botões do Vita (DOM leve: só transform/opacity) ===== */
#flares{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0}
#flares .fl{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
#flares .fl b{position:absolute;left:calc(var(--s) * -1.6);top:calc(var(--s) * -1.6);width:calc(var(--s) * 3.2);height:calc(var(--s) * 3.2);opacity:.2;transform:scale(.55) rotate(0);
  background:radial-gradient(circle,#fff 0,rgba(255,255,255,.85) 5%,rgba(220,232,255,.3) 14%,transparent 34%),
    linear-gradient(90deg,transparent,rgba(210,225,255,.55) 35%,#fff 50%,rgba(225,210,255,.55) 65%,transparent) center/100% 2px no-repeat,
    linear-gradient(0deg,transparent,rgba(210,225,255,.55) 35%,#fff 50%,rgba(225,210,255,.55) 65%,transparent) center/2px 100% no-repeat;
  animation:flt var(--t) ease-in-out var(--d) infinite}
@keyframes flt{0%,100%{opacity:.18;transform:scale(.5) rotate(0)}45%{opacity:1;transform:scale(1) rotate(18deg)}60%{opacity:.5;transform:scale(.72) rotate(24deg)}}
body.lite #flares .fl b{animation:none;opacity:.6;transform:scale(.7)}
@media(prefers-reduced-motion:reduce){#flares .fl b{animation:none;opacity:.6;transform:scale(.7)}}
/* painel de ajuste de luz (?tune ou tecla T) */
#tune{position:fixed;right:14px;top:14px;z-index:60;width:230px;padding:12px 14px;border-radius:14px;background:rgba(18,19,24,.82);color:#fff;font:11px "DM Mono",monospace;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 40px rgba(0,0,0,.5)}
#tune b{display:block;margin-bottom:8px;letter-spacing:.12em}
#tune label{display:grid;grid-template-columns:1fr 36px;gap:2px 6px;margin:7px 0;align-items:center}
#tune label input{grid-column:1/-1;width:100%}
#tune span{text-align:right;opacity:.7}
#tune button{margin:8px 6px 0 0;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;font:inherit;cursor:pointer}