/* Static materials and short transitions; no continuously blurred UI layers. */
:root{--sp-paper:#f4fbf6;--sp-muted:#a2b6b3;--sp-edge:#ffffff1e;--sp-mint:#70e9dd;--sp-gold:#ffe18b;--sp-rose:#f2abc8}
#overlay>.card:not(.titleCard),.avDialogPanel,.skinConfirmCard{
  background:linear-gradient(160deg,#20302f 0,#111a1c 30%,#101517 100%)!important;
  border:1px solid #77918d66!important;border-radius:8px!important;
  box-shadow:inset 0 1px #e8fff31c,0 12px 32px #0007!important;
  color:var(--sp-paper);animation:spPanelIn .2s ease-out both;
}
#overlay>.card:not(.titleCard):not(.resultCard){width:min(94vw,460px);padding:20px 18px!important}
#overlay>.card:not(.titleCard) h1,#overlay>.card:not(.titleCard) h2{font-size:24px!important;line-height:1.2;letter-spacing:0;text-shadow:none;margin:0 0 10px}
#overlay .sub{color:var(--sp-muted);line-height:1.5}
#overlay>.card:not(.titleCard) .metaRow{background:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--sp-edge)!important;box-shadow:none!important;padding:12px 0!important;margin:0 0 10px!important}
#overlay>.card:not(.titleCard) .metaMini{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 8px!important}
#overlay>.card:not(.titleCard) .metaMini+.metaMini{border-left:1px solid var(--sp-edge)!important}
#overlay .achievementsTitle,#overlay .settingsTitle{font-size:22px!important;line-height:1.2;letter-spacing:0;text-shadow:none}
#overlay .settingsEyebrow{font-size:10px;letter-spacing:0}
#overlay>.card:not(.titleCard) button,.avDialog button,.skinConfirmCard button{
  border-radius:6px!important;letter-spacing:0;min-height:36px;
  box-shadow:none!important;text-shadow:none!important;transition:transform .12s ease-out,background-color .12s ease-out;
}
#overlay>.card:not(.titleCard) button:active,.avDialog button:active,.skinConfirmCard button:active{transform:translateY(1px)}
#overlay>.card:not(.titleCard) button:focus-visible,.avDialog button:focus-visible,.skinConfirmCard button:focus-visible{outline:2px solid var(--sp-mint);outline-offset:3px}
#overlay>.card:not(.titleCard) .smallBtn{background:#ffffff08;border:1px solid #82948f66;color:var(--sp-paper);font-size:12px}
#overlay>.card:not(.titleCard) .closeBtn,#overlay .settingsClose{background:#ffffff09!important;border:1px solid var(--sp-edge)!important;color:#e5f3ec!important}
#overlay .shopItem,#overlay .achItem{background:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--sp-edge)!important;padding:13px 0!important;box-shadow:none!important}
#overlay .shopItem:last-child,#overlay .achItem:last-child{border-bottom:0!important}
#overlay .shopItem .skinAvOpen{min-height:48px;background:none!important;border:0!important;transform:none}
#overlay .shopItem>div:first-child>div:last-child{min-width:0}
#overlay .shopItem>div:first-child>div:last-child>div:first-child{font-size:15px;line-height:1.3}
#overlay .shopItem .skinActionBtn{background:#ffffff06!important;border:1px solid #82948f66!important;color:#d3e4da!important;max-width:104px;white-space:normal;line-height:1.35;font-size:11px!important;flex-shrink:0}
#overlay .shopItem .skinActionBtn.buyable{color:var(--sp-gold)!important;border-color:#ffe18b55!important}
#overlay .shopItem.equipped .skinActionBtn{background:#70e9dd0c!important;color:#98eedc!important;border-color:#70e9dd66!important}
#overlay .skinCollectionSummary{border-radius:0!important;border:0!important;border-bottom:1px solid var(--sp-edge)!important;background:none!important;padding:12px 0!important;box-shadow:none!important;font-size:11px;line-height:1.5}
#overlay>.card:not(.titleCard):not(.resultCard)>.btn{border-radius:6px!important;min-height:40px;background:#70e9dd!important;color:#071817!important;border:1px solid #b9fff3!important;box-shadow:none!important;font-size:14px!important}
#overlay .achItem.done{border-left:2px solid #70e9dd99!important;padding-left:9px!important}
#overlay .achItem .badge{background:#ffffff07!important;color:#adbfba;border:1px solid var(--sp-edge);border-radius:4px;white-space:normal;text-align:center;flex:none;max-width:88px;font-size:10px}
#overlay .achItem.done .badge{color:#98eedc!important;border-color:#70e9dd44;background:#70e9dd0a!important}
#overlay .settingsCard .settingRow{background:none!important;border:0!important;border-bottom:1px solid var(--sp-edge)!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important}
#overlay .settingsCard input[type=range]{accent-color:var(--sp-mint)}
#overlay .settingsCard select,#overlay .worldCard input{background:#0b1516;border:1px solid #77918d66;border-radius:5px;color:var(--sp-paper);box-shadow:inset 0 1px #0006}
#overlay .settingsCard .settingSegments button.active{background:var(--sp-mint)!important;color:#071817!important;box-shadow:none!important}
#overlay .worldCard .worldRow{background:none!important;border:0!important;border-bottom:1px solid var(--sp-edge)!important;border-radius:0!important;box-shadow:none!important;padding:10px 4px!important}
#overlay .worldCard .worldRow.me{background:#70e9dd0c!important;border-left:2px solid #70e9dd!important}
#overlay .worldCard .worldRow:nth-child(-n+3) .rank{color:var(--sp-gold)}
html body #overlay>.card.resultCard{border-radius:8px!important;background:linear-gradient(160deg,#233430,#111b1b 34%,#101517)!important;padding:18px!important;border-color:#79938c70!important}
#overlay .resultCard .resultHeader{font-size:21px!important;text-shadow:none!important;letter-spacing:0!important}
#overlay .resultCard .resultHeader{padding-bottom:10px;border-bottom:1px solid var(--sp-edge)}
#overlay .resultCard .resultEyebrow{color:#a4bdb5;font-size:10px;letter-spacing:0}
#overlay .resultCard .resultAura{display:none!important}
#overlay .resultCard .resultSkinGhost{opacity:.2!important;filter:none!important}
#overlay .resultCard .resultScore{font-size:50px!important;color:#f5fff7;text-shadow:0 2px #0006!important;line-height:1.1}
#overlay .resultCard.avNewRecord .resultScore{color:var(--sp-gold)!important}
#overlay .resultCard .resultRankBadge{border-radius:4px;background:#ffffff08;border:1px solid var(--sp-edge);font-size:11px}
#overlay .resultCard .resultRankBadge.best{background:#ffe18b0c;color:var(--sp-gold);border-color:#ffe18b55}
html body #overlay>.card.resultCard .statBox,html body #overlay>.card.resultCard .rewardPanel{background:none!important;box-shadow:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--sp-edge)!important}
html body #overlay>.card.resultCard .resultBtn{background:#ffffff07!important;border:1px solid #77918d66!important;color:var(--sp-paper)!important;min-height:42px;border-radius:6px!important;box-shadow:none!important;font-family:inherit;text-shadow:none!important}
html body #overlay>.card.resultCard .resultBtn.primary,html body #overlay>.card.resultCard .resultBtn.retry{background:var(--sp-mint)!important;color:#071817!important;border-color:#b9fff3!important}
html body #overlay>.card.resultCard .resultRankTable tr{background:none!important;border-bottom:1px solid #ffffff0e!important;box-shadow:none!important}
html body #overlay>.card.resultCard .resultRankTable tr.me{background:#70e9dd0c!important}
.toastMeta,#skinAchToastDirect,.achievementToast{border-radius:6px!important;backdrop-filter:none!important;box-shadow:0 6px 18px #0006!important}
#ui #top .panel{background:linear-gradient(150deg,#20302f,#10191b)!important;border:1px solid #77918d55!important;border-radius:7px!important;backdrop-filter:none!important;box-shadow:inset 0 1px #ffffff15!important}
#ui #top .panel .label{font-size:9px!important;letter-spacing:0!important;color:#b9cbc1!important;opacity:.8;text-shadow:none!important}
#ui #top .panel .value{font-variant-numeric:tabular-nums;text-shadow:0 1px #0009!important}
#ui #bestPanel .value{color:#ffe18b}
#ui #timePanel.warning{border-color:#ffe18b88!important}
#ui #timePanel.danger{border-color:#f6a5bfaa!important}
#feverWrap{border-radius:6px!important;background:#111b1dcc!important;backdrop-filter:none!important}
#controlHint{border-radius:6px!important;font-size:12px!important;line-height:1.4!important;box-shadow:none!important;background:#10191deb!important;border-color:#7b918655!important}
/* Fever color belongs to the cached canvas scene. HUD stays sharp above it. */
body.spFeverOn2 #spFeverDopaOverlay2,body.spFeverOn2 #spFeverDopaOverlay{display:none!important}
#spFeverBurstText{display:none!important}
body.spFeverKick2 #c{animation:none!important}
#feverWrap.uiFeverActive,#feverWrap.uiReadyPulse,#feverWrap.ready{animation:none!important;filter:none!important;transform:none!important;border-color:#ffe18b99!important;box-shadow:inset 0 1px #fff5,0 0 9px #f2abc833!important}
#feverWrap.uiFeverActive #feverLabel .feverLetter{animation:none!important;filter:none!important;text-shadow:none!important;transform:none!important}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(3n+1){color:#ffe18b!important}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(3n+2){color:#f2abc8!important}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(3n){color:#91f0dc!important}
#feverWrap.uiFeverActive #feverBar,#feverWrap.uiReadyPulse #feverBar,#feverWrap.ready #feverBar{animation:none!important;filter:none!important;box-shadow:none!important}
#feverWrap #feverBar::after{display:none!important}
#feverWrap #feverBar::before{filter:none!important;background:linear-gradient(115deg,transparent 20%,#ffffff55 50%,transparent 80%)!important;opacity:0!important;width:36%!important;animation:none!important}
#feverWrap.uiFeverActive #feverBar::before,#feverWrap.uiReadyPulse #feverBar::before,#feverWrap.ready #feverBar::before{opacity:.42!important;animation:spFeverSheen 1.6s linear infinite!important}
@keyframes spFeverSheen{from{transform:translateX(-130%)}to{transform:translateX(380%)}}
/* Active-only, clipped to the remaining fill; animate two small compositor layers. */
#feverWrap.uiFeverActive #feverBar::before{width:28%!important;background:linear-gradient(110deg,transparent 12%,#ffffff44 34%,#ffffffee 50%,#ffffff44 66%,transparent 88%)!important;opacity:.86!important;animation:spFeverGaugeSurge 1.12s linear infinite!important}
#feverWrap.uiFeverActive #feverBar::after{display:block!important;inset:0!important;width:100%!important;filter:none!important;transform:none!important;pointer-events:none;background:linear-gradient(90deg,#fff5a832,#ffffff44,#a8fff63d),repeating-linear-gradient(115deg,transparent 0 12px,#ffffffaa 13px 15px,transparent 16px 32px)!important;animation:spFeverGaugeFlash 1.6s linear infinite!important}
@keyframes spFeverGaugeSurge{from{transform:translateX(-120%)}to{transform:translateX(440%)}}
@keyframes spFeverGaugeFlash{0%,24%,48%,74%,100%{opacity:.05}9%,59%{opacity:.52}16%,66%{opacity:.14}}
body.spOverlayScreen #feverWrap.uiFeverActive #feverBar::before,body.spOverlayScreen #feverWrap.uiFeverActive #feverBar::after,body.spQuickRestartOpen #feverWrap.uiFeverActive #feverBar::before,body.spQuickRestartOpen #feverWrap.uiFeverActive #feverBar::after{animation-play-state:paused!important}
.missionResultCard{
  background:linear-gradient(160deg,#293230,#141c1f 36%,#101517)!important;
  border:1px solid #8b9f9666!important;border-radius:8px!important;padding:24px 20px!important;
  box-shadow:inset 0 1px #ffffff17,0 16px 40px #0008!important;animation:spPanelIn .2s ease-out both!important;
}
.missionResultCard:before,.missionResultCard:after{display:none!important}
.missionResultCard .resultEyebrow{font-size:10px;color:#a9c0b7;letter-spacing:0!important}
.missionResultCard .resultStateBadge{border-radius:4px!important;background:#f2abc80c!important;border:1px solid #f2abc84d!important;color:#f6bccf!important;letter-spacing:0!important;box-shadow:none!important}
.missionResultCard.clear .resultStateBadge{background:#70e9dd0c!important;border-color:#70e9dd55!important;color:#a0f6e1!important}
.missionResultCard .resultTime{font-size:48px!important;line-height:1.2!important;text-shadow:0 2px #0006!important;color:#fff0d0!important}
.missionResultCard.clear .resultTime{color:#a3f4de!important}
.missionResultCard .resultMessage{background:none!important;border:0!important;border-top:1px solid #ffffff1e!important;border-bottom:1px solid #ffffff1e!important;border-radius:0!important;padding:12px 0!important;color:#e7f1eb!important;line-height:1.5;box-shadow:none!important}
.missionResultCard .resultNote{color:#a0b4af!important;font-size:11px;line-height:1.5}
.missionResultCard .btn{border-radius:6px!important;box-shadow:none!important;background:#70e9dd!important;color:#081918!important;border:1px solid #aff9e6!important;min-height:42px;transition:transform .12s ease-out}
.missionResultCard .btn.secondary{background:#ffffff05!important;color:#d8ece2!important;border-color:#80958a66!important}
.missionResultCard .btn:active{transform:translateY(1px)}
.missionResultCard .worldResultBadge,.missionResultCard .worldBlink{animation:none!important;color:#ffe18b!important;box-shadow:none!important}
.hud .panel{border-radius:7px!important;background:linear-gradient(150deg,#202b2c,#101619)!important;border:1px solid #ffffff26!important;box-shadow:inset 0 1px #ffffff12!important}
.hud .panel.bloom{animation:none!important;filter:none!important;border-color:#ffe18b88!important}
.hud .panel .label{font-size:10px;color:#a9b9b6;letter-spacing:0!important}
.hud .panel .value{font-variant-numeric:tabular-nums;text-shadow:0 1px #0009!important}
.surviveWrap{border-radius:6px!important;box-shadow:none!important}
@keyframes spPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){#overlay>.card:not(.titleCard):not(.resultCard){padding:16px 12px!important}.missionResultCard{padding:20px 15px!important}.missionResultCard .resultTime{font-size:42px!important}#overlay .resultCard .resultScore{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){#overlay>.card,.avDialogPanel,.skinConfirmCard,.missionResultCard,#feverWrap #feverBar::before{animation:none!important}#feverWrap.uiFeverActive #feverBar::before,#feverWrap.uiFeverActive #feverBar::after,#feverWrap.uiReadyPulse #feverBar::before,#feverWrap.ready #feverBar::before{animation:none!important;opacity:0!important}#overlay button,.missionResultCard .btn{transition:none!important}}
body.spReducedFx #overlay>.card,body.spReducedFx .avDialogPanel,body.spReducedFx .skinConfirmCard,body.spReducedFx #feverWrap #feverBar::before,body.spReducedFx #feverWrap #feverBar::after{animation:none!important}
body.spReducedFx #feverWrap #feverBar::before,body.spReducedFx #feverWrap #feverBar::after{opacity:0!important}