.wch{--wch-tint-soft: color-mix(in oklch, var(--wch-tint) 22%, transparent);--wch-panel: #222739;--wch-sunken: #191c29;--wch-selected: #303650;--wch-line: rgb(175 181 207 / .14);--wch-ink: #eff0f5;--wch-copy: #cfd3e2;--wch-muted: #afb5cf;--wch-ease: cubic-bezier(.16, 1, .3, 1);color:var(--wch-ink);font-size:14px;line-height:1.5}
.wch-top{margin:8px 0 28px}
.wch-shelves{margin:0 0 48px}
.wch-shelves>.wch-block:first-child{margin-top:36px}
.wch ::selection{background:var(--wch-tint-soft);color:var(--wch-ink)}
.wch a{color:inherit;text-decoration:none}
.wch a:focus-visible{outline:2px solid var(--wch-ink);outline-offset:3px}
.wch h2,.wch h3,.wch p,.wch dl,.wch dd{margin:0;padding:0}
.wch img{display:block;max-width:100%}
.wch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wch b{font-weight:700}
.wch-start{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,216px);grid-template-areas:"a a b b c s" "a a d e e s";gap:12px}
.wch-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:var(--wch-sunken);display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;justify-content:space-between;gap:10px 12px;padding:16px 18px}
.wch-arrow{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgb(239 240 245 / .16);backdrop-filter:blur(6px);color:var(--wch-ink)}
.wch-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wch-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;z-index:-2}
.wch-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(17 19 29 / 0) 45%,rgb(17 19 29 / .85) 100%)}
.wch-tile h2{min-width:0;font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.wch-tile:first-child h2{font-size:24px}
.wch-season{grid-area:s;border-radius:14px;background:radial-gradient(120% 70% at 100% 0%,color-mix(in oklch,var(--wch-tint) 20%,transparent),transparent 70%),var(--wch-panel);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.wch-season-head{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:1.25}
.wch .wch-season-icon{width:24px;height:24px;flex:none;stroke:none}
.wch-reset{margin-top:auto;display:grid}
.wch-reset b{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--wch-tint)}
.wch-reset span{font-size:13px;font-weight:600}
.wch-reset em{font-style:normal;font-size:12px;color:var(--wch-muted)}
.wch-block{margin-top:40px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px}
.wch-cat{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:var(--wch-panel);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.wch-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:-2}
.wch-cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(17 19 29 / 0) 25%,rgb(17 19 29 / .92) 78%)}
.wch-cat h2{font-size:24px;line-height:1.2}
.wch-go{margin-top:14px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:8px;background:rgb(239 240 245 / .14);font-size:13px;font-weight:700}
.wch-items{display:grid;grid-template-columns:repeat(var(--wch-cols),minmax(0,1fr));grid-template-rows:repeat(var(--wch-rows),auto);gap:4px;padding:6px;border-radius:14px;background:var(--wch-panel)}
.wch-card{display:flex;align-items:center;gap:14px;padding:10px;border-radius:10px}
.wch-card img{flex:none;width:88px;height:60px;border-radius:6px;object-fit:cover}
.wch-card-text{min-width:0;display:flex;flex-direction:column;gap:3px}
.wch-card h3{font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wch-line{font-size:12px;line-height:1.4;color:var(--wch-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wch-foot{margin-top:3px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.wch-price{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.wch-price small{font-size:12px;font-weight:500;color:var(--wch-muted)}
.wch-badge{padding:0 6px;border-radius:4px;font-size:12px;font-weight:600;line-height:18px;background:var(--wch-tint-soft);color:var(--wch-ink);white-space:nowrap}
.wch .wch-cat{outline:2px solid transparent;outline-offset:-2px}
html.wch-on .all-page-sidebar-current-category .all-page-sidebar-item-badge{background:color-mix(in oklch,var(--wch-tint) 22%,transparent)!important;color:#eff0f5!important}
@media(max-width:1199px){.wch-start{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:150px 150px auto;grid-template-areas:"a b c" "a d e" "s s s"}
.wch-tile{padding:14px}
.wch-tile h2{font-size:16px}
.wch-tile:first-child h2{font-size:18px}
.wch-arrow{width:30px;height:30px}
.wch-season{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 24px}
.wch-reset{margin-top:0}
.wch-block{grid-template-columns:minmax(0,1fr)}
.wch-cat{min-height:150px}
.wch-items{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}}
@media(max-width:767px){.wch-start{grid-template-columns:1fr 1fr;grid-template-rows:180px 120px 120px auto;grid-template-areas:"a a" "b c" "d e" "s s";gap:10px}
.wch-tile{padding:12px}
.wch-arrow{position:absolute;top:10px;inset-inline-end:10px;width:28px;height:28px}
.wch-tile h2{font-size:16px}
.wch-tile:first-child h2{font-size:18px}
.wch-season{flex-direction:column;align-items:stretch}
.wch-season :is(dl){flex-basis:auto}
.wch-block{margin-top:32px;gap:10px}
.wch-cat{min-height:132px;padding:14px}
.wch-cat h2{font-size:18px}
.wch-items{grid-template-columns:minmax(0,1fr);gap:2px;padding:4px}
.wch-items>.wch-card:nth-child(n+5){display:none}
.wch-card img{width:80px;height:55px}}
@media(hover:hover)and (pointer:fine){.wch-tile:hover .wch-arrow{background:var(--wch-tint);color:#11131d;translate:2px 0}
.wch-tile:hover img,.wch-cat:hover img{transform:scale(1.05)}
.wch-season-head:hover{color:var(--wch-tint)}
.wch-card:hover{background:var(--wch-selected);color:var(--wch-ink)}
.wch-cat:hover .wch-go{background:var(--wch-tint);color:#11131d}}
@media(prefers-reduced-motion:no-preference){.wch-arrow{transition:background .2s,color .2s,translate .3s var(--wch-ease)}
.wch-tile img,.wch-cat img{transition:transform 1.2s var(--wch-ease)}
.wch-go{transition:background .2s,color .2s}
.wch-card{transition:background .2s}
.wch-tile,.wch-cat{transition:box-shadow .3s var(--wch-ease),outline-color .3s var(--wch-ease)}}
html.wch-on .wch-page [data-mm-quick-offers] .mmqo-product-card :is(.mmqo-product-card__choice-group,.mmqo-product-card__schedule,.mmqo-product-card__stepper) legend{margin-bottom:4px;color:#afb5cf;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
@media(hover:hover)and (pointer:fine){html.wch-on .wch-page [data-mm-quick-offers] .mmqo-product-card .mmqo-product-card__slot input:not(:disabled):not(:checked)+span:hover{background:var(--qo-chip-hover)}}
.wch-seo{--wch-panel: #222739;--wch-line: rgb(175 181 207 / .12);--wch-ink: #eff0f5;--wch-copy: #cfd3e2;--wch-muted: #afb5cf;max-width:820px}
.wch-article{color:var(--wch-copy)}
.wch-article>h2{margin:56px 0 16px;font-size:24px;line-height:1.2;scroll-margin-top:89px}
.wch-article>h2:first-child{margin-top:0}
.wch-article p,.wch-article li{line-height:1.65}
.wch-article>p strong,.wch-article>ul strong{color:var(--wch-ink)}
.wch-article>ul{padding-inline-start:20px;display:grid;gap:6px;margin-bottom:16px}
.wch-scs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 8px}
.wch-sc{background:var(--wch-panel);border-radius:12px;padding:18px 20px}
.wch-sc h3{margin:0 0 8px;font-size:18px;line-height:1.3}
.wch-sc p{margin:0 0 10px;font-size:14px}
.wch-sc ul{margin:0;padding:10px 0 0;list-style:none;border-top:1px solid var(--wch-line);display:grid;gap:6px}
.wch-sc li{font-size:13px;line-height:1.5}
@media(max-width:767px){.wch-scs{grid-template-columns:minmax(0,1fr)}
.wch-article>h2{margin-top:40px;scroll-margin-top:66px}}
.wch-toc{columns:2;column-gap:24px;margin-bottom:40px;padding:16px 20px;border-radius:12px;background:var(--wch-panel, #222739);font-size:13px}
.wch-toc b{display:block;column-span:all;margin-bottom:6px;color:var(--wch-muted, #afb5cf);font-size:12px;font-weight:700;text-transform:uppercase}
.wch-toc a{display:block;break-inside:avoid;padding:5px 0;color:var(--wch-copy, #cfd3e2);line-height:1.35;text-decoration:none}
.wch-toc a:active{color:var(--wch-ink, #eff0f5)}
.wch-toc a:focus-visible{color:var(--wch-ink, #eff0f5);outline:2px solid var(--wch-ink, #eff0f5);outline-offset:2px;border-radius:2px}
.wch-chapter{position:fixed;z-index:40;bottom:20px;inset-inline-start:var(--wch-x, 50%);width:min(420px,calc(100vw - 32px));translate:-50% 12px;display:flex;flex-direction:column;overflow:clip;border-radius:14px;background:var(--wch-panel, #222739);box-shadow:0 18px 40px -12px oklch(0 0 none / .7),inset 0 0 0 1px var(--wch-line, rgb(175 181 207 / .12));color:var(--wch-ink, #eff0f5);font-size:14px;line-height:1.4;opacity:0;visibility:hidden;view-transition-name:wch-chapter}
.wch-chapter.on{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}
.wch-chapter-button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px;border:0;background:none;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.wch-chapter-button:active{background:color-mix(in oklch,var(--wch-selected, #303650) 60%,transparent)}
.wch-chapter-button:focus-visible{outline:2px solid var(--wch-ink, #eff0f5);outline-offset:-4px;border-radius:12px}
.wch-chapter-count{flex:none;min-width:30px;color:var(--wch-tint);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.wch-chapter-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wch-chapter-button svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wch-chapter.open .wch-chapter-button svg{rotate:180deg}
.wch-chapter-bar{display:block;height:2px;background:color-mix(in oklch,var(--wch-muted, #afb5cf) 14%,transparent)}
.wch-chapter-bar b{display:block;height:100%;background:var(--wch-tint);transform-origin:left;transform:scaleX(0)}
.wch-chapter-list{display:grid;padding:8px 8px 4px;border-bottom:1px solid var(--wch-line, rgb(175 181 207 / .12))}
.wch-chapter-list[hidden]{display:none}
.wch-chapter-list a{display:flex;gap:12px;align-items:baseline;padding:9px 10px;border-radius:8px;color:var(--wch-copy, #cfd3e2);font-size:14px;text-decoration:none}
.wch-chapter-list a span{min-width:18px;color:var(--wch-muted, #afb5cf);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.wch-chapter-list a:active{background:color-mix(in oklch,var(--wch-selected, #303650) 80%,transparent);color:var(--wch-ink, #eff0f5)}
.wch-chapter-list a:focus-visible{background:color-mix(in oklch,var(--wch-selected, #303650) 80%,transparent);color:var(--wch-ink, #eff0f5);outline:2px solid var(--wch-ink, #eff0f5);outline-offset:-2px}
.wch-chapter-list a[aria-current]{color:var(--wch-ink, #eff0f5);font-weight:600}
.wch-chapter-list a[aria-current] span{color:var(--wch-tint)}
@media(max-width:767px){.wch-toc{columns:1;margin-bottom:28px;padding:14px 16px}
.wch-chapter{inset-inline:12px 76px;width:auto;translate:0 12px;bottom:16px}
.wch-chapter.on{translate:0 0}}
@media(hover:hover)and (pointer:fine){.wch-toc a:hover{color:var(--wch-ink, #eff0f5)}
.wch-chapter-list a:hover{background:color-mix(in oklch,var(--wch-selected, #303650) 80%,transparent);color:var(--wch-ink, #eff0f5)}}
@media(prefers-reduced-motion:no-preference){.wch-chapter{transition:opacity .35s cubic-bezier(.16,1,.3,1),translate .35s cubic-bezier(.16,1,.3,1),visibility 0s .35s}
.wch-chapter-button svg{transition:rotate .3s cubic-bezier(.16,1,.3,1)}
::view-transition-group(wch-chapter){animation-duration:.38s;animation-timing-function:cubic-bezier(.16,1,.3,1)}}
.wch-scene{--wch-deep: color-mix(in srgb, var(--wch-void) 7%, #000);--wch-haze: color-mix(in srgb, var(--wch-void), #fff 60%);--wch-line: color-mix(in srgb, var(--wch-haze) 10%, transparent)}
.wch-scene :is(.wch-tile,.wch-season,.wch-cat){position:relative;overflow:clip;background:radial-gradient(70% 60% at 60% 35%,rgb(120 95 220 / .26),transparent 70%),radial-gradient(90% 80% at 30% 20%,rgb(70 40 140 / .3),transparent 75%),#0b0a16;background:radial-gradient(70% 60% at 60% 35%,color-mix(in srgb,var(--wch-void) calc(26% * var(--wch-css-sky)),transparent),transparent 70%),radial-gradient(90% 80% at 30% 20%,color-mix(in srgb,color-mix(in srgb,var(--wch-void) 62%,#000) calc(30% * var(--wch-css-sky)),transparent),transparent 75%),color-mix(in srgb,var(--wch-deep) calc(100% * var(--wch-css-sky)),transparent)}
.wch-scene.wch-shelves,.wch-scene .wch-start{position:relative;isolation:isolate}
@property --wch-css-sky{syntax: "<number>"; inherits: false; initial-value: 1;}
.wch-scene :is(.wch-tile,.wch-season,.wch-cat){--wch-css-sky: 1}
.wch-scene .wch-cat{box-shadow:inset 0 1px 0 oklch(1 0 none / .05),inset 0 0 0 1px var(--wch-line);background:radial-gradient(70% 48% at 50% 36%,rgb(var(--wch-k, 160 140 255) / .32),transparent 72%),radial-gradient(120% 50% at 50% 106%,rgb(var(--wch-k, 160 140 255) / .14),transparent 70%),var(--wch-sunken)}
@container (min-width: 400px){.wch-scene .wch-cat{background:radial-gradient(48% 70% at 72% 46%,rgb(var(--wch-k, 160 140 255) / .32),transparent 72%),radial-gradient(120% 50% at 50% 106%,rgb(var(--wch-k, 160 140 255) / .14),transparent 70%),var(--wch-sunken)}}
.wch-scene .wch-cat::before{content:"";position:absolute;inset-block:0 -100%;inset-inline:0;z-index:-3;pointer-events:none;opacity:.5;background:radial-gradient(1.4px 1.4px at 18% 22%,rgb(var(--wch-k, 160 140 255)) 60%,transparent),radial-gradient(1.2px 1.2px at 62% 38%,oklch(1 0 none / .8) 60%,transparent),radial-gradient(1.6px 1.6px at 84% 74%,rgb(var(--wch-k, 160 140 255)) 60%,transparent),radial-gradient(1px 1px at 40% 86%,oklch(1 0 none / .6) 60%,transparent);background-size:140px 140px}
.wch-scene .wch-cat h2{font-size:18px}
.wch-scene .wch-go{height:auto;padding:0;background:none;gap:8px;white-space:nowrap}
.wch-scene .wch-go>i{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:color-mix(in oklch,var(--wch-ink) 14%,transparent)}
.wch-scene .wch-cat:is(:focus-visible) .wch-go>i{background:var(--wch-tint);color:#11131d;translate:2px 0}
.wch-scene .wch-cat:focus-visible{box-shadow:inset 0 1px 0 oklch(1 0 none / .05),inset 0 0 0 1px rgb(var(--wch-k, 160 140 255) / .55)}
.wch-scene :is(.wch-tile,.wch-cat):active{scale:.98}
@media(hover:hover)and (pointer:fine){.wch-scene .wch-cat:hover{box-shadow:inset 0 1px 0 oklch(1 0 none / .05),inset 0 0 0 1px rgb(var(--wch-k, 160 140 255) / .55)}
.wch-scene .wch-cat:hover .wch-go{background:none;color:var(--wch-ink)}
.wch-scene .wch-cat:hover .wch-go>i{background:var(--wch-tint);color:#11131d;translate:2px 0}}
@media(prefers-reduced-motion:no-preference){.wch-scene .wch-cat::before{animation:wch-motes 25s steps(80) calc(var(--wch-i, 0) * -3.75s) infinite}
.wch-scene .wch-go>i{transition:background .3s var(--wch-ease),color .3s var(--wch-ease),translate .3s var(--wch-ease)}}
@keyframes wch-motes{to{translate:0 -140px}}
.wch-scene .wch-tile{isolation:auto}
.wch-scene :is(.wch-tile,.wch-cat)>picture{display:contents}
.wch-scene .wch-tile img{z-index:1}
.wch-scene .wch-tile::after{z-index:3}
.wch-scene .wch-tile h2{position:relative;z-index:4}
.wch-scene .wch-tile .wch-arrow{z-index:4}
@media(min-width:768px){.wch-scene .wch-tile .wch-arrow{position:relative}}
.wch-scene :is(.wch-tile,.wch-season){box-shadow:inset 0 0 0 1px var(--wch-line)}
.wch-scene .wch-tile::after{background:linear-gradient(180deg,transparent 66%,color-mix(in srgb,var(--wch-deep) 70%,transparent) 100%)}
.wch-scene .wch-cat::after{background:linear-gradient(180deg,transparent 50%,rgb(13 15 23 / .8) 92%)}
.wch-scene .wch-tile{container-type:size}
.wch-scene .wch-cat{container-type:inline-size}
.wch img.wch-cut{inset:0 0 14% 0;width:100%;height:86%;object-fit:contain;object-position:50% 50%;--wch-rim: .35;--wch-rim-w: 10px;--wch-shadow: drop-shadow(0 0 var(--wch-rim-w) rgb(var(--wch-k, 160 140 255) / var(--wch-rim))) drop-shadow(0 14px 22px rgb(0 0 0 / .55));filter:brightness(1) var(--wch-shadow)}
.wch .wch-tile:first-child img.wch-cut{inset:0 0 11% 0;height:89%}
@container (min-aspect-ratio: 13 / 10){.wch .wch-tile img.wch-cut{inset:0 2% 6% 36%;width:62%;height:94%}}
.wch .wch-cat img.wch-cut{inset:0 0 30% 0;height:70%}
@container (min-width: 400px){.wch .wch-cat img.wch-cut{inset:-4% 0 -4% 40%;width:60%;height:108%}}
.wch-scene .wch-card img{inline-size:64px;block-size:64px}
.wch-scene .wch-items{gap:8px}
@media(max-width:767px){.wch-scene .wch-card img{inline-size:56px;block-size:56px}
.wch-scene .wch-items{gap:4px}}
@media(hover:hover)and (pointer:fine){.wch-scene .wch-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wch-haze) 22%,transparent)}
.wch .wch-tile:hover :is(img.wch-cut),.wch .wch-cat:hover :is(img.wch-cut){transform:none;scale:1.02}}
@media(prefers-reduced-motion:no-preference){.wch :is(img.wch-cut){translate:calc(var(--wch-mx, 0) * -3px) calc(var(--wch-my, 0) * -2px);transition:scale 1.2s var(--wch-ease),translate .8s ease-out;animation:wch-float 10s steps(16) calc(var(--wch-i, 0) * -1.875s) infinite alternate}
.wch .wch-cat :is(img.wch-cut){animation:wch-float 10s steps(8) calc(var(--wch-i, 0) * -2.5s) infinite alternate}
.wch-scene :is(.wch-tile,.wch-season,.wch-cat){transition:box-shadow .3s var(--wch-ease),scale .16s ease-out,--wch-css-sky 1s ease-out}}
.wch-scene .wch-season{isolation:isolate}
@keyframes wch-flare{0%,100%{opacity:0}18.75%,50%{opacity:1}68.75%{opacity:0}}
.wch [data-scene=veil-portal] :is(img.wch-cut){translate:none}
@media(prefers-reduced-motion:no-preference){.wch [data-scene=veil-portal] :is(img.wch-cut){animation:none}}
@keyframes wch-float{from{transform:translateY(-2px)}to{transform:translateY(2px)}}
@media(prefers-reduced-motion:no-preference){.wch.wch-still :is(.wch-tile,.wch-cat,.wch-season) :is(img.wch-cut),.wch.wch-still .wch-cat::before{animation:none;translate:none}}
.wch-scene .wch-card{position:relative}
.wch-scene .wch-card-text{position:relative;z-index:1}
.wch-scene,.wch-seo{--wch-ground: radial-gradient(70% 70% at 50% 58%, color-mix(in oklch, var(--wch-void) 36%, transparent), transparent 75%), var(--wch-sunken)}
.wch-scene .wch-thumb{position:relative;flex:none;inline-size:72px;block-size:72px;border-radius:12px;background:var(--wch-ground);box-shadow:inset 0 0 0 1px oklch(1 0 none / .04)}
.wch-scene .wch-thumb img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;border-radius:12px;object-fit:cover}
.wch-scene .wch-thumb.mm-cut img{position:absolute;inset-inline-start:calc(var(--mm-cut-left, 0) * 100%);inset-block-start:calc(var(--mm-cut-top, 0) * 100%);inline-size:calc(var(--mm-cut-size, 1) * 100%);block-size:calc(var(--mm-cut-size, 1) * 100%);border-radius:0;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px oklch(0 0 none / .45)) drop-shadow(0 10px 14px oklch(0 0 none / .6))}
@media(max-width:767px){.wch-scene .wch-thumb{inline-size:60px;block-size:60px}}
@media(hover:hover)and (pointer:fine){.wch-scene .wch-card:hover .wch-thumb img{translate:0 -2px}}
@media(prefers-reduced-motion:no-preference){.wch-scene .wch-thumb img{transition:translate .4s cubic-bezier(.16,1,.3,1)}}
.wch-seo{--wch-void: oklch(0.511 0.221 289.7);--wch-gold: oklch(0.822 0.137 67.9);--wch-page: oklch(0.248 0.031 275.7);--wch-rune: oklch(0.777 0.038 275.2 / .32);--wch-thread: oklch(0.777 0.038 275.2 / .12);--wch-drop: oklch(0 0 none / .45);--wch-road-pad: clamp(28px, 5vw, 40px)}
.wch-seo .wch-article{container:wch-article / inline-size}
.wch-road{position:relative;padding-inline-start:var(--wch-road-pad)}
.wch-article.wch-road>.wch-road-track+h2{margin-block-start:0}
.wch-road-track{position:absolute;inset-block:15px 0;inset-inline-start:0;inline-size:14px;overflow:clip;pointer-events:none;background:linear-gradient(to right,transparent 6px,var(--wch-thread) 6px 8px,transparent 8px)}
.wch-road-track b{position:absolute;inset:0;transform:translateY(-100%)}
.wch-road-track b::before{content:"";position:absolute;inset-block:0 6px;inset-inline-start:6px;inline-size:2px;background:linear-gradient(to bottom,color-mix(in oklch,var(--wch-void) 30%,transparent),var(--wch-void) calc(100% - 560px),var(--wch-gold) calc(100% - 24px))}
.wch-road-track b::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:1px;inline-size:12px;block-size:12px;border-radius:50%;background:radial-gradient(circle,oklch(0.97 0.05 85) 0 18%,color-mix(in oklch,var(--wch-gold) 70%,transparent) 30%,transparent 70%)}
.wch-road>h2{position:relative}
.wch-road>h2::before{content:"";position:absolute;inset-inline-start:calc(2px - var(--wch-road-pad));inset-block-start:calc(.6em - 5px);inline-size:10px;block-size:10px;rotate:45deg;border-radius:2px;background:var(--wch-page);box-shadow:inset 0 0 0 1.5px var(--wch-rune)}
.wch-road>h2.wch-reached::before{background:var(--wch-gold);box-shadow:inset 0 0 0 1.5px oklch(0.95 0.06 85),0 0 0 4px color-mix(in oklch,var(--wch-gold) 16%,transparent),0 2px 12px color-mix(in oklch,var(--wch-gold) 55%,transparent)}
.wch-seo .wch-article a:focus-visible{outline:2px solid var(--wch-gold);outline-offset:2px;border-radius:2px}
.wch-article>ul.wch-entries{display:block;margin-block:20px 28px;padding:0;list-style:none;border-block-start:1px solid var(--wch-line)}
.wch-entries li{display:grid;align-content:start;grid-template-columns:minmax(0,13em) minmax(0,1fr);column-gap:24px;padding-block:14px;border-block-end:1px solid var(--wch-line)}
.wch-entries b{color:var(--wch-ink);font-weight:700;text-wrap:balance}
.wch-entry-icon{display:block;inline-size:40px;block-size:40px;border-radius:8px;box-shadow:0 0 0 1px oklch(0.777 0.038 275.2 / .22),0 4px 10px oklch(0 0 none / .4)}
.wch-entries.wch-iconed li{grid-template-columns:40px minmax(0,12em) minmax(0,1fr);column-gap:20px;align-items:start}
.wch-entries.wch-iconed li>b{padding-block-start:9px}
.wch-entries.wch-iconed li>span{padding-block-start:8px}
.wch-article>ul.wch-steps{border:0;margin-block:24px 28px}
.wch-entries.wch-steps li{position:relative;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;row-gap:4px;padding-block:0 26px;border:0}
.wch-entries.wch-steps li:last-child{padding-block-end:0}
.wch-steps .wch-entry-icon{grid-row:1 / span 2;inline-size:48px;block-size:48px;border-radius:10px;box-shadow:0 0 0 1.5px color-mix(in oklch,var(--wch-gold) 55%,transparent),0 6px 14px var(--wch-drop)}
.wch-entries.wch-steps li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:23px;inset-block:56px 6px;inline-size:2px;border-radius:2px;background:linear-gradient(to bottom,color-mix(in oklch,var(--wch-gold) 45%,transparent),color-mix(in oklch,var(--wch-void) 35%,transparent))}
.wch-entries.wch-steps li>b,.wch-entries.wch-steps li>span{padding:0}
.wch-entries.wch-steps li>b{padding-block-start:2px}
.wch-article>ul.wch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:26px 32px;border:0;margin-block:24px 28px}
.wch-entries.wch-grid li{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:4px;padding:0;border:0}
.wch-grid .wch-entry-icon{grid-row:1 / span 2;inline-size:44px;block-size:44px}
.wch-entries.wch-grid li>b,.wch-entries.wch-grid li>span{padding:0}
.wch-entries.wch-grid li>b{padding-block-start:2px}
.wch-grid li>span{font-size:14px;line-height:1.55}
.wch-entry-icon.wch-entry-cut{box-sizing:border-box;padding:3px;object-fit:contain;background:var(--wch-ground)}
.wch-feature{container:wch-feature / inline-size;display:flex;flex-wrap:wrap-reverse;align-items:center;gap:4px 24px;margin-block:20px 8px;padding-block:24px;padding-inline:clamp(18px,2.4vw,32px) clamp(18px,1.8vw,24px);border-radius:16px;overflow:clip;background:var(--wch-panel);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--wch-gold) 20%,transparent)}
.wch-feature-text{flex:999 1 0;min-inline-size:50%}
.wch-feature-text>:first-child{margin-block-start:0}
.wch-feature-text>:last-child{margin-block-end:0}
.wch-feature-art{display:block;flex:none;margin-inline:auto;inline-size:clamp(168px,39cqi,280px);block-size:auto;aspect-ratio:1;object-fit:contain;background:radial-gradient(closest-side,color-mix(in oklch,var(--wch-gold) 22%,transparent),transparent);filter:drop-shadow(0 12px 18px oklch(0 0 none / .5)) drop-shadow(0 0 26px color-mix(in oklch,var(--wch-gold) 35%,transparent))}
.wch-sc-lit{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(60% 55% at 100% 0,rgb(var(--wch-k, 160 140 255) / .2),transparent 70%),var(--wch-panel);box-shadow:inset 0 1px 0 rgb(var(--wch-k, 160 140 255) / .16)}
.wch-sc-art{float:inline-end;inline-size:104px;block-size:104px;margin-block:-12px 4px;margin-inline:12px -6px;object-fit:contain;filter:drop-shadow(0 0 1px rgb(var(--wch-k, 160 140 255) / .7)) drop-shadow(0 6px 10px var(--wch-drop)) drop-shadow(0 0 16px rgb(var(--wch-k, 160 140 255) / .3))}
.wch-sc-icon{inline-size:56px;block-size:56px;margin-block:0 8px;margin-inline:16px 0;border-radius:10px;filter:drop-shadow(0 4px 8px var(--wch-drop))}
.wch-sc-lit ul{clear:both}
.wch-sc-lit:has(h3 a:focus-visible){box-shadow:inset 0 0 0 1px rgb(var(--wch-k, 160 140 255) / .55)}
@container wch-article (max-width: 560px){
.wch-entries li{grid-template-columns:minmax(0,1fr);row-gap:2px;padding-block:12px}
.wch-entries.wch-iconed:not(.wch-steps,.wch-grid) li{grid-template-columns:40px minmax(0,1fr);column-gap:14px}
.wch-entries.wch-iconed:not(.wch-steps,.wch-grid) li>.wch-entry-icon{grid-row:1 / span 2}
.wch-entries.wch-iconed:not(.wch-steps,.wch-grid) li>span{padding-block-start:0}
.wch-entries.wch-iconed:not(.wch-steps,.wch-grid) li>b{padding-block-start:2px}
.wch-sc-art{inline-size:84px;block-size:84px}}
@media(hover:hover)and (pointer:fine){.wch-sc-lit:has(h3 a:hover){box-shadow:inset 0 0 0 1px rgb(var(--wch-k, 160 140 255) / .4)}
.wch-sc-lit:has(h3 a:hover) .wch-sc-art{transform:translateY(-2px) scale(1.04)}}
@media(prefers-reduced-motion:no-preference){.wch-road>h2::before{transition:background-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}
.wch-sc-art{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.wch-sc-lit{transition:box-shadow .25s ease-out}}
.wch-scene .wch-spark{position:absolute;z-index:2;inline-size:3px;block-size:3px;border-radius:50%;pointer-events:none;background:oklch(0.9 0.11 70);box-shadow:0 0 4px 1px oklch(0.76 0.17 50 / .8),0 0 11px 3px oklch(0.66 0.2 40 / .32)}
@media(prefers-reduced-motion:no-preference){.wch-scene .wch-spark{animation:wch-spark 2s cubic-bezier(.25,.6,.4,1) both}}
@keyframes wch-spark{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:1;transform:translate(calc(var(--dx) * .15),calc(var(--dy) * .12)) scale(1)}65%{opacity:.85}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
.wch-scene .wch-fx-aura{position:absolute;inset:-40%;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.42;background:radial-gradient(28% 18% at 30% 40%,oklch(0.75 0.13 200 / .35),transparent 70%),radial-gradient(30% 16% at 70% 55%,oklch(0.7 0.14 250 / .35),transparent 70%),radial-gradient(22% 14% at 50% 30%,oklch(0.85 0.08 180 / .25),transparent 70%);filter:blur(8px)}
.wch-scene .wch-season>:is(.wch-season-head,.wch-reset){position:relative;z-index:2}
@media(prefers-reduced-motion:no-preference){.wch-scene .wch-fx-aura{animation:wch-fx-aura 22s ease-in-out calc(var(--wch-i,0) * -4s) infinite alternate}}
@keyframes wch-fx-aura{0%{transform:translate(-8%,-4%) rotate(-6deg)}50%{transform:translate(6%,3%) rotate(4deg)}100%{transform:translate(-3%,6%) rotate(-2deg)}}
.wch-scene .wch-spark.wch-fx-mote{background:oklch(0.95 0.05 220);box-shadow:0 0 4px 1px oklch(0.85 0.12 220 / .8),0 0 12px 4px oklch(0.7 0.14 230 / .35);animation-duration:3.2s}
.wch-scene .wch-spark.wch-fx-mote.wch-fx-white{background:#fff;box-shadow:0 0 4px 1px rgb(255 255 255 / .7),0 0 10px 3px oklch(0.85 0.06 230 / .3)}
/* AION 2 offers shelf: hot-offer badge sits right under the title at every width, so it never covers the art; phones show all six offers instead of four. */
.wch-scene .wch-cat .aion-lead{position:relative;z-index:4;align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;line-height:1;background:color-mix(in oklch,var(--wch-gold) 24%,#141621);color:var(--wch-gold)}
.wch-scene .wch-cat .aion-lead>span{font-size:13px;line-height:1}
.aion-offers .wch-items>.wch-card:nth-child(n+5){display:flex}
/* From 1024px every card text fills its row: titles pinned to the top, prices to the bottom, so both line up across a row. The caption sits midway between them, taking the spare height on both sides. */
@media (min-width: 1024px){.aion-offers .wch-card-text{align-self:stretch}.aion-offers .wch-card .wch-line{margin-block:auto}}
/* Narrow season card (1200-1439px): balance the two caption lines instead of leaving one word alone. */
@media (min-width: 1200px) and (max-width: 1439px){html.wch-on .wch-top .wch-season .wch-reset span{text-wrap:balance}}
/* Review widgets (shadow DOM): only the AION accent for stars and the check icon; fills stay the widget defaults. */
html.wch-on [data-mmr-widget]{--d4lp-tint:oklch(0.78 0.115 228)}
/* Season card: Atreia ring art (layers from season-art.mjs). Tall card on desktop with the beam fading out under the title, art on the right when the card becomes a strip. */
html.wch-on .wch-top .wch-season{background:radial-gradient(75% 45% at 50% 42%,#0d2140,#070d1a 60%,#04060c)}
html.wch-on .wch-top .aion-season-art{position:absolute;inset:0 0 70px;width:100%;height:calc(100% - 70px);z-index:0;pointer-events:none;overflow:visible;-webkit-mask-image:linear-gradient(transparent 12%,#000 32%);mask-image:linear-gradient(transparent 12%,#000 32%);container-type:size;--u:min(100cqw / 280,100cqh / 460)}
/* Layers share the art centre; --u is one viewBox unit. Moving parts are HTML wrappers animated with opacity and transform only, so they run off the main thread. */
.aion-season-art>*{position:absolute;left:50%;top:50%;display:block}
.aion-season-art>.still{inset:0;width:100%;height:100%;overflow:visible}
.aion-season-art>*>svg{display:block;width:100%;height:100%}
.aion-season-art>:is(.pulse,.mote){width:calc(var(--u) * var(--s));height:calc(var(--u) * var(--s));margin:calc(var(--u) * var(--s) / -2)}
.aion-season-art>.tick{width:calc(var(--u) * 268);height:calc(var(--u) * 80);margin:calc(var(--u) * -40) 0 0 calc(var(--u) * -134);opacity:0;animation:aion-tick 2s calc(var(--k) * 2s / 3 - 2s) linear infinite}
.aion-season-art>.pulse{--s:70;animation:aion-pulse 4s ease-in-out infinite}
.aion-season-art>.mote{--s:8;opacity:0;animation:aion-orbit 9s linear infinite,aion-fade 9s linear infinite}
@keyframes aion-tick{33.33%{opacity:1}66.67%,to{opacity:0}}
@keyframes aion-pulse{50%{opacity:.7;scale:.9}}
@keyframes aion-fade{15%,85%{opacity:.9}}
@keyframes aion-orbit{0%{translate:calc(var(--u)*-106.7) calc(var(--u)*16.9)}4.17%{translate:calc(var(--u)*-100.2) calc(var(--u)*23.7)}8.33%{translate:calc(var(--u)*-91.3) calc(var(--u)*26.8)}12.5%{translate:calc(var(--u)*-81.9) calc(var(--u)*28.5)}16.67%{translate:calc(var(--u)*-72.3) calc(var(--u)*29.4)}20.83%{translate:calc(var(--u)*-62.7) calc(var(--u)*29.9)}25%{translate:calc(var(--u)*-52.9) calc(var(--u)*29.9)}29.17%{translate:calc(var(--u)*-43.4) calc(var(--u)*29.6)}33.33%{translate:calc(var(--u)*-34) calc(var(--u)*29.1)}37.5%{translate:calc(var(--u)*-24.4) calc(var(--u)*28.3)}41.67%{translate:calc(var(--u)*-15) calc(var(--u)*27.3)}45.83%{translate:calc(var(--u)*-5) calc(var(--u)*26)}50%{translate:calc(var(--u)*4.5) calc(var(--u)*24.6)}54.17%{translate:calc(var(--u)*13.4) calc(var(--u)*23.1)}58.33%{translate:calc(var(--u)*23.3) calc(var(--u)*21.2)}62.5%{translate:calc(var(--u)*32.5) calc(var(--u)*19.2)}66.67%{translate:calc(var(--u)*41.9) calc(var(--u)*17)}70.83%{translate:calc(var(--u)*50.9) calc(var(--u)*14.6)}75%{translate:calc(var(--u)*60) calc(var(--u)*11.9)}79.17%{translate:calc(var(--u)*69.3) calc(var(--u)*8.9)}83.33%{translate:calc(var(--u)*78.2) calc(var(--u)*5.5)}87.5%{translate:calc(var(--u)*87) calc(var(--u)*1.6)}91.67%{translate:calc(var(--u)*95.4) calc(var(--u)*-2.9)}95.83%{translate:calc(var(--u)*102.8) calc(var(--u)*-8.6)}100%{translate:calc(var(--u)*106.7) calc(var(--u)*-16.9)}}
/* Reduced motion: everything still, only the first dash copy shown, no travelling light. */
@media (prefers-reduced-motion: reduce){.aion-season-art>:is(.tick,.pulse,.mote){animation:none}.aion-season-art>.tick{opacity:max(0,1 - var(--k))}.aion-season-art>.mote{display:none}}
@media (max-width: 1199px){html.wch-on .wch-top .wch-season{background:radial-gradient(40% 120% at 82% 50%,#0d2140,#070d1a 60%,#04060c)}html.wch-on .wch-top .aion-season-art{inset:-36px 0 -36px auto;width:min(46%,300px);height:calc(100% + 72px);-webkit-mask-image:none;mask-image:none}}
/* Lead art: nearly card-high and centred like the WoW cards; its lower edge may sit behind the title, so the title gets a dark halo and a deeper bottom shade on desktop. */
.aion-offers .wch-cat img.wch-cut{inset:-1% 0 5% 0;width:100%;height:96%}
.aion-offers .wch-cat .wch-go{margin-top:10px}
.aion-offers .wch-cat :is(h2,.wch-go){text-shadow:0 1px 2px rgb(0 0 0 / .9),0 0 14px rgb(0 0 0 / .75),0 0 28px rgb(0 0 0 / .5)}
@media (min-width: 1200px){.aion-offers .wch-cat::after{background:linear-gradient(transparent 38%,rgb(13 15 23 / .7) 58%,rgb(13 15 23 / .94) 80%)}}
@container (min-width: 400px){.aion-offers .wch-cat img.wch-cut{inset:-6% 2% -6% 44%;width:54%;height:112%}}
@media (max-width: 767px){.aion-offers .wch-cat img.wch-cut{inset:-6% 0 -6% 50%;width:50%;height:112%}}
.wco{--wco-x:.78;--wco-y:.52;--wco-r:.3;--wco-deep:color-mix(in srgb, var(--wch-void) 7%, #000);--wco-ink:#eff0f5;--wco-copy:#cfd3e2;--wco-muted:#afb5cf;--wco-ease:cubic-bezier(.16, 1, .3, 1);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:20px;min-height:248px;margin:-40px 0px 64px;padding:36px 40px;border-radius:14px;--wco-at:calc(var(--wco-x) * 100%) calc(100% - var(--wco-y) * 100%);background:radial-gradient(18% 60% at var(--wco-at),color-mix(in srgb,var(--wch-void) 55%,transparent) 50%,color-mix(in srgb,var(--wch-void) 22%,transparent) 70%,transparent 100%),radial-gradient(40% 100% at var(--wco-at),color-mix(in srgb,var(--wch-void) 24%,transparent),transparent 75%),radial-gradient(90% 80% at 20% 10%,color-mix(in srgb,color-mix(in srgb,var(--wch-void) 62%,#000) 30%,transparent),transparent 75%),var(--wco-deep)} .wco::before{content:"";position:absolute;inset:0px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--wco-deep) 82%,transparent) 0%,color-mix(in srgb,var(--wco-deep) 55%,transparent) 42%,transparent 64%)} .wco__text{max-width:520px} .wco__title{margin:0px 0px 10px;font-size:28px;line-height:1.2;font-weight:700;color:var(--wco-ink);text-wrap:balance} .wco__title span{display:block;color:color-mix(in srgb,var(--wch-gold),#fff 12%)} .wco__note{margin:0px;max-width:46ch;font-size:16px;line-height:1.5;color:var(--wco-copy);text-wrap:pretty} .wco__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .wco__chat, .wco__discord{display:inline-flex;align-items:center;gap:12px;min-height:56px;border-radius:12px;font-style:inherit;font-variant:inherit;font-stretch:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer} .wco__chat{padding:0px 24px 0px 20px;border:0px;color:rgb(27, 20, 8);background:linear-gradient(180deg,color-mix(in srgb,var(--wch-gold),#fff 22%),var(--wch-gold) 55%,color-mix(in srgb,var(--wch-gold),#000 12%));box-shadow:0 1px 0 rgb(255 255 255 / .35) inset,0 6px 18px color-mix(in srgb,var(--wch-gold) 28%,transparent),0 2px 4px rgb(0 0 0 / .45)} .wco__chat svg{width:20px;height:20px} .wco .wco__discord{padding:0px 20px 0px 10px;color:var(--wco-ink);text-decoration:none;background:rgba(20, 22, 36, 0.86)} .wco__icon{position:relative;display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--wch-void) 70%,var(--wco-deep)),var(--wco-deep) 80%);box-shadow:0 0 0 1px color-mix(in srgb,var(--wch-gold) 45%,#000),0 4px 10px rgb(0 0 0 / .5)} .wco__icon svg{width:20px;height:20px} .wco__icon::after{content:"";position:absolute;inset:0px;translate:-110%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--wch-gold),#fff 60%) 50%,transparent 65%);opacity:0.7} .wco__label{display:flex;flex-direction:column;gap:2px} .wco__online{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:var(--wco-muted)} .wco__online::before{content:"";width:7px;height:7px;border-radius:50%;background:rgb(59, 165, 93)} .wco__online[hidden]{display:none} .wco__out{width:12px;height:12px;opacity:0.6} .wco__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .wco__chat:focus-visible{outline:2px solid var(--wco-ink);outline-offset:3px} .wco__chat:active{filter:brightness(0.92)} .wco .wco__discord:focus-visible{background:rgba(36, 40, 62, 0.92);outline:2px solid var(--wco-ink);outline-offset:3px} .wco__discord:focus-visible .wco__icon{box-shadow:0 0 0 1px var(--wch-gold),0 0 14px color-mix(in srgb,var(--wch-gold) 40%,transparent),0 4px 10px rgb(0 0 0 / .5)} .wco__discord:focus-visible .wco__icon::after{translate:110%} .wco__discord:active .wco__icon svg{scale:0.92} @media (hover:hover) and (pointer:fine){.wco__chat:hover{filter:brightness(1.08)}.wco .wco__discord:hover{background:rgba(36, 40, 62, 0.92)}.wco__discord:hover .wco__icon{box-shadow:0 0 0 1px var(--wch-gold),0 0 14px color-mix(in srgb,var(--wch-gold) 40%,transparent),0 4px 10px rgb(0 0 0 / .5)}.wco__discord:hover .wco__icon::after{translate:110%}} @media (prefers-reduced-motion:no-preference){.wco__chat{transition:filter .2s,box-shadow .3s var(--wco-ease)}.wco__discord{transition:background 0.2s}.wco__icon{transition:box-shadow .3s var(--wco-ease)}.wco__icon svg{transition:scale 0.08s ease-out}.wco__discord:focus-visible .wco__icon::after{transition:translate 0.8s cubic-bezier(0.3, 0.1, 0.3, 1)}} @media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.wco__discord:hover .wco__icon::after{transition:translate 0.8s cubic-bezier(0.3, 0.1, 0.3, 1)}} @media (min-width:768px) and (max-width:1023px){.wco{--wco-x:.88;--wco-r:.24}} @media (max-width:767px){.wco{--wco-x:.68;--wco-y:.79;--wco-r:.11;justify-content:flex-end;min-height:0px;padding:180px 20px 20px;gap:18px;background:radial-gradient(30% 16% at var(--wco-at),color-mix(in srgb,var(--wch-void) 55%,transparent) 50%,color-mix(in srgb,var(--wch-void) 22%,transparent) 70%,transparent 100%),radial-gradient(80% 40% at var(--wco-at),color-mix(in srgb,var(--wch-void) 24%,transparent),transparent 75%),var(--wco-deep)}.wco::before{background:linear-gradient(180deg,transparent 0%,transparent 30%,color-mix(in srgb,var(--wco-deep) 70%,transparent) 46%,color-mix(in srgb,var(--wco-deep) 86%,transparent) 100%)}.wco__title{font-size:24px}.wco__note{font-size:15px}.wco__actions{flex-direction:column;align-items:stretch}.wco__chat{justify-content:center}}
/* AION banner: Nemon stands in it and her head rises above the top edge (clip-path keeps the sides and bottom). */
.wco--aion{--wco-deep:#050914;--wco-ink:#eef3fb;--wco-copy:#c9d4e6;--wco-muted:#9fb0c9;margin:120px 0 24px;overflow:visible;clip-path:inset(-200px 0 0 0 round 14px);box-shadow:inset 0 1px 0 rgb(159 227 255 / .16);background:radial-gradient(22% 62% at 86% 58%,rgb(110 200 255 / .26),transparent 72%),radial-gradient(34% 90% at 84% 72%,rgb(30 100 200 / .34),transparent 76%),radial-gradient(30% 40% at 68% 64%,rgb(120 210 255 / .12),transparent 75%),radial-gradient(70% 120% at 0% 0%,rgb(20 40 80 / .45),transparent 70%),var(--wco-deep)}
.wco--aion::before{border-radius:inherit}
.wco--aion .wco__text,.wco--aion .wco__actions{position:relative;z-index:1}
.wco--aion .wco__art{position:absolute;z-index:0;inset-inline-end:-10px;inset-block-end:0;block-size:370px;aspect-ratio:1;pointer-events:none}
/* The light streams stop at the image's left edge, so fade that edge and the bottom into the banner. */
.wco--aion .wco__art img{display:block;inline-size:100%;block-size:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(#000 84%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(#000 84%,transparent);mask-composite:intersect}
.wco--aion .wco__discord{background:rgb(12 20 38 / .86);box-shadow:inset 0 0 0 1px rgb(159 227 255 / .1)}
.wco--aion .wco__icon{background:radial-gradient(circle at 50% 45%,rgb(40 110 200 / .55),var(--wco-deep) 80%)}
.wco--aion .wco__discord:focus-visible{background:rgb(22 36 64 / .92)}
@media (hover:hover) and (pointer:fine){.wco--aion .wco__discord:hover{background:rgb(22 36 64 / .92)}}
/* Tablets: a taller figure so her head clears the banner like on desktop, with a smaller gap above. */
@media (min-width:768px) and (max-width:1199px){.wco--aion{margin-top:96px}.wco--aion .wco__art{block-size:330px;inset-inline-end:-60px}.wco--aion .wco__text{max-width:400px}}
@media (min-width:1024px) and (max-width:1199px){.wco--aion .wco__art{inset-inline-end:-100px}}
@media (max-width:767px){.wco--aion{margin-top:90px;padding-top:200px;background:radial-gradient(50% 24% at 56% 20%,rgb(110 200 255 / .26),transparent 72%),radial-gradient(90% 34% at 50% 26%,rgb(30 100 200 / .32),transparent 80%),var(--wco-deep)}.wco--aion .wco__art{inset-inline:0;inset-block:-64px auto;margin-inline:auto;block-size:270px}.wco--aion .wco__art img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(#000 72%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(#000 72%,transparent)}}
html.wch-on .wch-text .lp-deco-title3 .lp-highlight{color:var(--wch-tint)}