.banner-atmosphere{pointer-events:none;z-index:0;color:var(--weather-color);border-radius:25%;position:absolute;inset:0;overflow:hidden}.banner-atmosphere>svg{width:100%;height:100%;overflow:visible}.banner-star{fill:#fff4d8;filter:drop-shadow(0 0 4px #e3ccff);transform-box:view-box;animation:7s ease-in-out infinite banner-twinkle}.painted-clouds{opacity:.72}.painted-clouds image{transform-box:view-box}.cloud-back{opacity:.48;animation:28s ease-in-out infinite painted-drift-back}.cloud-front{opacity:.64;animation:23s ease-in-out infinite painted-drift-front}.cloud-high{opacity:.42;animation:32s ease-in-out infinite painted-drift-high}.painted-clouds.fog{filter:grayscale()sepia(.3)hue-rotate(85deg);opacity:.95}.banner-moon-glow{opacity:.07;filter:blur(12px);animation:17s ease-in-out infinite banner-moon}.snowflake{stroke:#fff;stroke-width:1.5px;fill:none;filter:drop-shadow(0 0 1px #b5ddff);animation:12s linear infinite snow-fall}.depth-0{opacity:.35}.depth-1{opacity:.65}.depth-2{opacity:.95}.rain-drop{stroke:#bddeff;stroke-width:1.4px;animation:1.5s linear infinite banner-rain}.rain-ripple{fill:none;stroke:#b8e4ff;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:6s ease-out infinite banner-ripple}.electric-charge{fill:none;stroke:var(--weather-color);stroke-width:5px;stroke-dasharray:95 2900;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--weather-color));animation:charge-travel var(--scene-duration) ease-in-out infinite}.lightning-branch{opacity:.15;animation:branch-discharge var(--scene-duration) ease-in-out infinite}.branch-1{animation-delay:.25s}.branch-2{animation-delay:.55s}.branch-3{animation-delay:.85s}.branch-4{animation-delay:1.1s}.lightning-bloom{fill:none;stroke:var(--weather-color);stroke-width:8px;filter:blur(3px);opacity:.65}.lightning-core{fill:none;stroke:#ecfbff;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.circuit-node{fill:#dffaff;filter:drop-shadow(0 0 5px var(--weather-color));animation:node-charge var(--scene-duration) ease-in-out infinite}.flame-story{animation:flame-envelope var(--scene-duration) ease-in-out infinite;transform-origin:600px 340px}.attached-flame{transform-origin:bottom;transform-box:fill-box;filter:drop-shadow(0 0 4px #ff751e);animation:1.8s ease-in-out infinite flame-lick}.flame-core{opacity:.7;transform-box:fill-box;transform-origin:bottom;animation:1.3s ease-in-out infinite flame-lick}.coal-seam{stroke:#ff9b49;stroke-width:4px;fill:none;filter:drop-shadow(0 0 6px #ff8a3b)}.floating-motif{transform-box:fill-box;transform-origin:50%;fill:var(--weather-color);opacity:.8;animation:14s ease-in-out infinite motif-float}.floating-motif.hearts{filter:drop-shadow(0 0 3px #ffb4da)}.floating-motif.petals{stroke:#ffd9e8;stroke-width:1px;animation-name:petal-fall}.floating-motif.bubbles{fill:#96e7ff12;stroke:#cff;stroke-width:1.5px;animation-name:bubble-rise}.bubble-highlight{fill:none;stroke:#fff;stroke-width:2px}.wave-layer{animation:12s ease-in-out infinite wave-flow}.wave-1{animation-duration:17s;animation-delay:-5s}.wave-2{animation-duration:21s;animation-delay:-9s}.jet-wake .wave-layer{animation-duration:8s}.water-spray{fill:#e9ffff;animation:7s ease-out infinite spray-rise}.travel-trail{stroke:var(--weather-color);stroke-width:5px;fill:none;stroke-linecap:round;stroke-dasharray:250 1800;filter:drop-shadow(0 0 6px var(--weather-color));animation:trail-travel var(--scene-duration) ease-in-out infinite}.secondary-trail{stroke-width:2px;opacity:.6;animation-delay:2s}.aurora-curtain{transform-origin:600px 0;filter:blur(3px);animation:25s ease-in-out infinite curtain-fold}.curtain-1{opacity:.6;animation-duration:31s;animation-delay:-8s}.curtain-2{opacity:.5;animation-duration:37s;animation-delay:-15s}.solar-border{fill:none;stroke:#ffe4a5;stroke-width:5px;stroke-dasharray:180 3000;filter:drop-shadow(0 0 8px #ffcb51);animation:charge-travel var(--scene-duration) ease-in-out infinite}.rail-sparks .solar-border{display:none}.hot-spark{fill:none;stroke:#ffdc95;stroke-linecap:round;stroke-width:2px;animation:hot-spark var(--scene-duration) ease-out infinite}@keyframes banner-twinkle{0%,to{opacity:.3;scale:.8}25%{opacity:.55;scale:.95}43%{opacity:1;scale:1.3}62%{opacity:.35;scale:.85}}@keyframes painted-drift-back{0%,to{transform:translate(-55px)}50%{transform:translate(85px)}}@keyframes painted-drift-front{0%,to{transform:translate(65px)translateY(0)}50%{transform:translate(-65px)translateY(-8px)}}@keyframes painted-drift-high{0%,to{opacity:.3;transform:translate(80px)}50%{opacity:.65;transform:translate(-90px)}}@keyframes banner-moon{0%,to{opacity:.07}50%{opacity:.2}}@keyframes snow-fall{0%{translate:0 -180px}to{translate:var(--gust) 260px}}@keyframes banner-rain{0%{translate:30px -120px}to{translate:-30px 120px}}@keyframes banner-ripple{0%{opacity:0;scale:.2}10%{opacity:.7}65%,to{opacity:0;scale:2.5}}@keyframes charge-travel{0%,7%{stroke-dashoffset:0;opacity:.12}14%{opacity:1}34%{stroke-dashoffset:-2900px;opacity:.8}42%,93%{stroke-dashoffset:-2900px;opacity:.1}to{stroke-dashoffset:-2900px;opacity:.12}}@keyframes branch-discharge{0%,10%,40%,to{opacity:.12}18%{opacity:.35}22%,26%{opacity:1}24%{opacity:.55}31%{opacity:.8}}@keyframes node-charge{0%,10%,43%,to{opacity:.25}20%,30%{opacity:1}}@keyframes flame-envelope{0%,to{opacity:.35;scale:1 .35}12%{opacity:.65;scale:1 .65}22%,29%{opacity:1;scale:1}43%,91%{opacity:.4;scale:1 .4}}@keyframes flame-lick{0%,to{transform:skew(-5deg)scaleY(.85)}45%{transform:skew(7deg)scaleY(1.05)}}@keyframes motif-float{0%,to{opacity:.25;translate:0 35px;rotate:-5deg}45%{opacity:.85;translate:25px -50px;rotate:9deg}80%{opacity:.35}}@keyframes petal-fall{0%{opacity:0;translate:-35px -140px;rotate:0deg}10%{opacity:.85}85%{opacity:.8}to{opacity:0;translate:60px 170px;rotate:150deg}}@keyframes bubble-rise{0%{opacity:0;translate:0 100px;scale:.7}15%{opacity:.7}75%{opacity:.6}to{opacity:0;translate:25px -160px;scale:1.2}}@keyframes wave-flow{0%,to{translate:-35px 3px}50%{translate:45px -7px}}@keyframes spray-rise{0%,to{opacity:0;translate:0 10px}20%{opacity:.8}60%{opacity:0;translate:12px -32px}}@keyframes trail-travel{0%,8%{stroke-dashoffset:300px;opacity:.2}20%{opacity:.7}40%,to{stroke-dashoffset:-1600px;opacity:.15}}@keyframes curtain-fold{0%,to{transform:translate(-50px)skew(-9deg)scaleY(.8)}50%{transform:translate(50px)skew(9deg)scaleY(1.1)}}@keyframes hot-spark{0%,15%,42%,to{opacity:0;translate:0}21%{opacity:1}35%{opacity:0;translate:22px -95px}}@media (prefers-reduced-motion:reduce){.banner-atmosphere{display:none!important}}.wr-frame-piece{flex-shrink:0;display:inline-grid}.wr-profile-piece{isolation:isolate;box-sizing:border-box;color:#fff;width:100%;min-width:0;max-width:680px;position:relative}.wr-piece-banner{aspect-ratio:3.25;place-items:center;min-height:180px;padding:32px 0;display:grid}.wr-banner-art{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wr-banner-name{z-index:2;text-align:center;color:#fff;overflow-wrap:anywhere;background:#101426df;border-radius:8px;width:56%;min-width:0;padding:6px 8px;position:relative}.wr-banner-name :is(h1,h2,button,span){min-width:0;max-width:100%;margin:0;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;color:#fff!important;text-overflow:clip!important}.wr-banner-name .porter-heading-toggle{justify-content:center}.wr-piece-badge{grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:6px;max-width:500px;min-height:76px;margin:8px auto;display:grid}.wr-plate-surface{border-block:2px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#111523),#0b0f19 50%,color-mix(in srgb,var(--accent) 12%,#111523));z-index:-1;border-radius:8px;position:absolute;inset:10px 30px;box-shadow:inset 0 0 0 3px #0b0f19,inset 0 0 0 4px #b9a0cb66}.wr-wheel-unit{grid-row:1;width:72px;height:72px;position:relative}.wr-wheel-0{grid-column:1}.wr-wheel-1{grid-column:3}.wr-wheel-title{text-align:center;grid-area:1/2;min-width:0;padding:12px 0;color:#fff!important;overflow-wrap:anywhere!important;white-space:normal!important;font:500 1rem/1.3 Georgia,serif!important}.wr-rotating-wheel{width:100%;height:100%;display:block}.wr-profile-piece[data-tier="3"]:not([data-still=true]) .wr-rotating-wheel{animation:28s linear infinite wr-wheel-turn}.wr-spoke-glint{clip-path:polygon(50% 0,59% 40%,100% 50%,59% 60%,50% 100%,41% 60%,0 50%,41% 40%);opacity:0;background:#fff1ce;width:12%;height:12%;animation:12s ease-in-out -3s infinite wr-spoke-sparkle;position:absolute;top:22%;left:68%}.wr-wheel-1 .wr-spoke-glint{animation-delay:-8s}.wr-profile-piece[data-active=false] *{animation-play-state:paused!important}.wr-profile-piece[data-still=true] :is(.banner-atmosphere,.wr-spoke-glint){display:none}.wr-profile-piece .circuit-story{transform-origin:600px 0;transform:translateY(25px)scaleY(.86)}.wr-equipped-identity{flex:420px;width:min(680px,100%);min-width:0}.wr-equipped-identity:has(.wr-piece-banner){width:100%}.wr-set-preview{color:#fff;background:radial-gradient(at 70% 30%,#292135,#10131d 75%);border-radius:14px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;width:100%;min-width:0;padding:25px 16px;display:grid}.wr-set-preview>.wr-frame-piece{margin:18px auto}.wr-set-preview-identity{text-align:center;min-width:0}.wr-set-preview-identity>h2{color:#fff}.wr-piece-controls{flex-wrap:wrap;gap:12px;padding:12px 0;display:flex}.wr-piece-controls label{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wr-piece-controls input{width:18px;height:18px}.wr-set-dialog{width:min(950px,100% - 24px)!important}.wr-piece-card-stage{place-items:center;min-height:180px;padding:20px 12px;display:grid}.wr-piece-card-stage .wr-piece-banner{min-height:130px}.wr-piece-card-stage .wr-banner-name{font-size:.85rem}.wr-style-current{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.wr-style-current>section{border:1px solid var(--badge-line);border-radius:12px;min-width:0;padding:18px}.wr-style-actions{flex-wrap:wrap;gap:8px;display:flex}.wr-style-select{width:100%;min-width:0}.wr-owned-empty{padding:16px 0}.wr-identity-row:has(.wr-equipped-identity .wr-piece-banner){flex-wrap:wrap}.wr-identity-row:has(.wr-equipped-identity .wr-piece-banner)>div{flex:480px;min-width:0}.wr-identity-row .profile-title-row,.wr-identity-row .porter-name-with-badge{flex-wrap:wrap;width:100%;min-width:0}@keyframes wr-wheel-turn{to{transform:rotate(360deg)}}@keyframes wr-spoke-sparkle{0%,72%,to{opacity:0;transform:scale(.7)}79%{opacity:.8;transform:scale(1.2)}86%{opacity:0}}@media (width<=700px){.wr-set-preview{grid-template-columns:1fr;gap:8px;padding:18px 8px}.wr-piece-banner{min-height:160px}.wr-piece-badge{grid-template-columns:54px minmax(0,1fr) 54px;gap:3px}.wr-wheel-unit{width:54px;height:54px}.wr-banner-name{width:60%;padding:6px}.wr-equipped-identity{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.wr-profile-piece *{animation:none!important}.wr-profile-piece :is(.banner-atmosphere,.wr-spoke-glint){display:none!important}}.wr-equipped-identity{flex-grow:0;max-width:680px}.wr-identity-row:has(.wr-piece-banner){gap:28px}.wr-identity-row:has(.wr-piece-banner) .profile-avatar-large{width:128px;min-width:128px;height:128px}.wr-identity-row:has(.wr-piece-banner) .profile-avatar-emblem-wrap{flex-shrink:0;margin:20px}.wr-identity-row .wr-equipped-identity{flex:680px;max-width:680px}.wr-identity-row:has(.wr-piece-banner) .profile-avatar-large{aspect-ratio:1;border-radius:50%;min-width:128px;width:128px!important;height:128px!important}.wr-banner-name .porter-heading-toggle{text-align:center;width:100%;font:inherit!important}.wr-banner-name{place-items:center;display:grid}.wr-piece-banner{aspect-ratio:auto;aspect-ratio:auto;grid-template-rows:minmax(min-content,auto);min-height:0;padding:11% 0}.wr-banner-name{text-shadow:0 2px 3px #080612,0 0 8px #080612,0 0 16px #080612;background:radial-gradient(#120e2670,#0000 74%);border:0;border-radius:0;width:60%;padding:3px 8px}.wr-piece-banner{--nameplate-shift:0cqw;container-type:inline-size}.wr-piece-banner[data-design=WRB-023]{--nameplate-shift:1.465cqw}.wr-piece-banner[data-design=WRB-072]{--nameplate-shift:1.953cqw}.wr-banner-name{top:calc(var(--nameplate-shift) + .08em);font:500 clamp(1.25rem,4.6cqw,2.2rem)/1.25 Georgia,serif}.wr-banner-name :is(h1,h2){font:inherit!important}.wr-piece-badge{grid-template-columns:58px minmax(0,1fr) 58px;gap:0;max-width:380px;min-height:58px;margin:4px auto}.wr-wheel-unit{width:58px;height:58px}.wr-wheel-title{text-shadow:0 1px 3px #080612;letter-spacing:.015em;padding:6px 2px;font-size:.9rem!important}.wr-plate-surface{box-shadow:none;background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--accent) 22%,#161322) 15%, #171322ee 50%, color-mix(in srgb,var(--accent) 22%,#161322) 85%, transparent);clip-path:polygon(0 20%,10% 0,90% 0,100% 20%,96% 50%,100% 80%,90% 100%,10% 100%,0 80%,4% 50%);border:0;border-radius:0;inset:12px 23px}:is(.wr-equipped-identity:has(.wr-piece-banner)>.wr-piece-badge,.wr-set-preview-identity:has(.wr-piece-banner)>.wr-piece-badge){z-index:3;width:74%;margin:-20px auto 0}@media (width<=600px){.wr-banner-name{width:63%;padding-inline:3px}.wr-piece-badge{grid-template-columns:42px minmax(0,1fr) 42px;min-height:42px}.wr-wheel-unit{width:42px;height:42px}.wr-wheel-title{font-size:.75rem!important}.wr-plate-surface{inset:7px 17px}:is(.wr-equipped-identity:has(.wr-piece-banner)>.wr-piece-badge,.wr-set-preview-identity:has(.wr-piece-banner)>.wr-piece-badge){width:88%;margin-top:-8px}}
