/* Surface centers retain their existing dark frost palette. */
.frost-edge-track{position:absolute;inset:1px;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2}
.frost-edge-track>i{position:absolute;top:0;left:10%;width:66%;height:1px;background:linear-gradient(90deg,transparent,#bdefff,transparent);box-shadow:0 0 7px #4acaff;opacity:0;pointer-events:none}
.frost-click-layer{position:fixed;inset:0;z-index:10000;overflow:hidden;pointer-events:none;contain:strict}
.frost-click-shard{position:absolute;display:block;width:4px;height:10px;background:linear-gradient(#f5fdff,#7ad9fa 48%,#1f76b6);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 3px #6edcff);opacity:0;pointer-events:none}
.frost-reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#176da0,#a6eaff 75%,#d5f7ff);box-shadow:0 0 9px #5bcdfc99;pointer-events:none;z-index:10001}
.frost-ambience{inset:-12px;transition:opacity .4s ease}
.topbar .brand{position:relative;isolation:isolate;flex-shrink:0;overflow:visible}
.topbar .brand-game-logo{width:282px;filter:drop-shadow(0 0 10px #278fe962)}
.brand-electric{position:absolute;inset:-20% -4%;width:108%;height:140%;overflow:visible;pointer-events:none;z-index:2;filter:drop-shadow(0 0 3px #39afff)}
.brand-electric path{fill:none;stroke:#a7eaff;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 100;opacity:.72;animation:brandCurrent 5.4s linear infinite}
.brand-electric path+path{stroke:#4ebdff;stroke-width:.65;stroke-dasharray:5 115;animation-direction:reverse;animation-duration:7.1s;opacity:.6}
.topbar .brand:after{content:"";position:absolute;inset:10% -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#1b82d83b,transparent 70%);animation:brandBreath 4s ease-in-out infinite alternate}
@keyframes brandCurrent{to{stroke-dashoffset:-436}}
@keyframes brandBreath{from{opacity:.45;transform:scale(.96)}to{opacity:.9;transform:scale(1.04)}}
.frost-effects-suspended .brand-electric path,.frost-effects-suspended .brand:after{animation-play-state:paused!important}
@media(max-width:960px){.topbar .brand-game-logo{width:231px}}
@media(max-width:650px){.topbar .brand-game-logo{width:217.5px;max-width:calc(100vw - 64px)}}
@media(prefers-reduced-motion:reduce){.brand-electric path,.topbar .brand:after{animation:none!important}.brand-electric{opacity:.45}}
.frost-effects-suspended .frost-ambience:before,.frost-effects-suspended .frost-ambience:after,.frost-effects-suspended .hero:before,.frost-effects-suspended .play-button:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:beyondPageOut .13s ease both}
 ::view-transition-new(root){animation:beyondPageIn .3s cubic-bezier(.2,.75,.25,1) both}
 @keyframes beyondPageOut{to{opacity:0;transform:translateY(-3px)}}
 @keyframes beyondPageIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .frost-click-layer,.frost-edge-track,.frost-reading-progress{display:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
