/* AION 2 Gear Score page: section icon, the Gear Score ladder and the Odyle Energy stats */
:is(.d4pp-layout,.product-detail-content:has(.mcui-v2)) .product-detail-description:has(.mcui-aion .mcui-aion-ladder)>.product-detail-description-title h2::before{content:"";flex:none;inline-size:28px;block-size:28px;background:url(data:image/webp;base64,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) center/contain no-repeat}
/* Gear Score ladder: tier colors follow the in-game item grades */
.mcui-aion-ladder{--rail:var(--v2-line);position:relative;display:grid;gap:4px;margin:0;padding:8px var(--mcui-inset,16px);list-style:none;border-radius:var(--v2-r);background:var(--v2-card)}
.mcui-aion-ladder__row{--tier:oklch(0.74 0.16 150);--sx:5;--sy:1;position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;padding:8px 0}
.mcui-aion-ladder__row--t2{--tier:oklch(0.72 0.13 235);--sx:6}
.mcui-aion-ladder__row--t3{--tier:oklch(0.82 0.14 82);--sx:7}
.mcui-aion-ladder__row--t4{--tier:oklch(0.68 0.19 28);--sx:7}
.mcui-aion-ladder__row--t5{--tier:oklch(0.78 0.12 190);--sx:2;--sy:2}
.mcui-aion-ladder__row:not(:last-child)::after{content:"";position:absolute;inset-block:calc(50% + 22px) calc(-50% + 18px);inset-inline-start:35px;inline-size:2px;background:linear-gradient(var(--tier),var(--rail))}
.mcui-aion-gs{--w:72px;position:relative;z-index:1;display:grid;place-items:center;inline-size:var(--w);block-size:40px;border-radius:6px;color:#fff;font-size:15px;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 8px rgb(0 0 0 / .6);background:var(--a2c-sprite,none) no-repeat calc(var(--sx) * var(--w) * -1) calc(var(--sy) * var(--w) * -1 - (var(--w) - 40px) / 2)/calc(var(--w) * 8) auto,linear-gradient(180deg,color-mix(in oklab,var(--tier) 55%,#0b0d16),#0b0d16);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tier) 65%,transparent),0 2px 6px rgb(0 0 0 / .45)}
.mcui-aion-ladder__body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;min-inline-size:0}
.mcui-aion-ladder__body strong{color:var(--v2-ink);font-size:14px;font-weight:700;line-height:1.4}
.mcui-aion-ladder__tags{display:flex;flex-wrap:wrap;gap:6px}
.mcui-aion-tag{padding:2px 8px;border-radius:999px;color:var(--v2-muted);font-size:12px;line-height:1.5;background:var(--v2-badge)}
.mcui-aion-tag--hard{color:#fff;background:oklch(0.55 0.18 28)}
.mcui-aion-tag--raid{color:#fff;background:oklch(0.5 0.17 300)}
.mcui-content.mcui-v2.mcui-aion .mcui-tile__media{border-radius:3px;box-shadow:none;background:none}
@media (max-width:640px){.mcui-aion-ladder__row{grid-template-columns:64px minmax(0,1fr)}.mcui-aion-gs{--w:64px}.mcui-aion-ladder__row:not(:last-child)::after{inset-inline-start:31px}.mcui-aion-ladder__body{flex-direction:column;align-items:flex-start;justify-content:center}}
.mcui-aion-power{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v2-gap,12px)}
.mcui-aion-power__card{display:grid;align-content:start;gap:6px;padding:20px;border-radius:var(--v2-r,16px);background:var(--v2-card)}
.mcui-aion-power__card--gs{background:radial-gradient(120% 100% at 0 0,color-mix(in oklab,var(--mcui-tint) 14%,transparent),transparent 60%),var(--v2-card)}
.mcui-aion-power__card--cp{background:radial-gradient(120% 100% at 0 0,color-mix(in oklab,oklch(0.82 0.14 82) 14%,transparent),transparent 60%),var(--v2-card)}
.mcui-aion-power__label{color:var(--mcui-tint);font-size:12px;text-transform:uppercase}
.mcui-aion-power__card--cp .mcui-aion-power__label{color:oklch(0.82 0.14 82)}
.mcui-aion-power__title{color:var(--v2-ink);font-size:20px;font-weight:800;line-height:1.3}
.mcui-aion-power__card p{margin:0;color:var(--v2-copy);font-size:14px;line-height:1.6}
.mcui-aion-power__chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.mcui-aion-power__chips li{padding:2px 10px;border-radius:999px;color:var(--v2-ink);font-size:12px;line-height:1.6;background:var(--v2-badge)}
.mcui-aion-power__note{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-top:var(--v2-gap,12px);padding:14px 20px;border-radius:var(--v2-r,16px);background:var(--v2-card)}
.mcui-aion-power__note img{inline-size:44px;block-size:44px;object-fit:contain}
.mcui-aion-power__note p{margin:0;color:var(--v2-ink);font-size:14px;line-height:1.6}
.mcui-aion-power__note--gold{grid-template-columns:40px minmax(0,1fr);padding:12px 18px;border-radius:12px;border:1px solid rgb(243 210 122 / .45);background:linear-gradient(90deg,rgb(243 210 122 / .10),rgb(243 210 122 / .02) 70%),#171a28}
.mcui-aion-power__note--gold img{inline-size:40px;block-size:40px}
.mcui-content.mcui-v2.mcui-aion .mcui-aion-power__note--gold strong{color:#f3d27a;font-weight:600}
.mcui-aion-energy{display:grid;gap:var(--v2-gap,12px)}
.mcui-aion-odyle{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;margin:0;padding:14px 20px;list-style:none;border-radius:var(--v2-r,16px);background:radial-gradient(60% 140% at 0 0,color-mix(in oklab,var(--mcui-tint) 10%,transparent),transparent 70%),var(--v2-card)}
.mcui-aion-odyle li{display:flex;align-items:baseline;gap:8px;padding-inline:20px;border-inline-start:1px solid var(--v2-line)}
.mcui-aion-odyle li:first-child{padding-inline:0 20px;border:0}
.mcui-aion-odyle strong{color:var(--v2-ink);font-size:24px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.mcui-aion-odyle span{color:var(--v2-copy);font-size:14px}
.mcui-aion-pity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v2-gap,12px);margin:0;padding:0;list-style:none}
.mcui-aion-pity__card{display:grid;align-content:start;gap:6px;padding:16px 20px;border-radius:var(--v2-r,16px);background:radial-gradient(120% 100% at 0 0,color-mix(in oklab,var(--mcui-tint) 10%,transparent),transparent 60%),var(--v2-card)}
.mcui-aion-odyle .mcui-aion-pity__label,.mcui-aion-pity__label{color:var(--mcui-tint);font-size:12px;text-transform:uppercase}
.mcui-aion-pity__title{color:var(--v2-ink);font-size:15px;font-weight:700;line-height:1.35}
.mcui-aion-pity__bar{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:2px;margin:8px 0 2px}
.mcui-aion-pity__bar i{block-size:10px;border-radius:2px;background:color-mix(in oklab,var(--mcui-tint) 55%,var(--v2-inner))}
.mcui-aion-pity__bar i.is-left{background:var(--v2-inner)}
.mcui-aion-pity__bar i.is-pity{background:oklch(0.82 0.14 82)}
.mcui-aion-pity__meta{display:flex;justify-content:space-between;gap:8px;color:var(--v2-muted);font-size:13px}
.mcui-aion-pity__meta b{color:var(--v2-ink)}
@media (max-width:640px){.mcui-aion-power{grid-template-columns:1fr}.mcui-aion-odyle{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;row-gap:10px;padding:14px 16px}.mcui-aion-odyle li{flex-direction:column;gap:2px;padding-inline:12px}.mcui-aion-odyle li:first-child{grid-column:1/-1;padding:0}.mcui-aion-odyle li:nth-child(2){border:0;padding-inline-start:0}.mcui-aion-odyle strong{font-size:20px}.mcui-aion-odyle span{font-size:12px;line-height:1.35}.mcui-aion-pity{grid-template-columns:1fr}.mcui-aion-power__note--gold{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:12px 14px}.mcui-aion-power__note--gold img{inline-size:32px;block-size:32px}}

.d4pp-head:has(.a2c) [data-d4pp-terms]{display:none}
.a2c{--ink:#fff;--copy:#c9cfe0;--muted:#a5aec5;--cyan:#6fd9ee;--cyan2:#3fb6d3;--gold:#f6c94e;--line:rgba(160,185,255,.11);--line2:rgba(160,185,255,.22);--cell:rgba(255,255,255,.035);--ease:cubic-bezier(.16,1,.3,1);display:grid;gap:22px;color:var(--copy);font-size:14px;line-height:1.45}
.a2c>*{min-width:0}
.a2c b{color:var(--ink)}
.a2c button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}
.a2c svg{display:block}
.a2c [hidden]{display:none!important}

/* sprite: 8 x 3 tiles */
.a2c-sp{display:block;inline-size:100%;block-size:100%;background:var(--a2c-sprite) no-repeat;background-size:800% 300%;background-position:calc(var(--x) * 100% / 7) calc(var(--y) * 100% / 2)}
.a2c-slot{position:relative;display:grid;place-items:center;flex:none;inline-size:52px;block-size:52px;border-radius:6px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);background:var(--a2c-sprite) no-repeat;background-size:800% 300%;background-position:calc(var(--sx) * 100% / 7) calc(var(--sy) * 100% / 2);overflow:hidden}
.a2c-slot .a2c-sp{inline-size:88%;block-size:88%}
.a2c-slot--common{--sx:4;--sy:1}.a2c-slot--rare{--sx:5;--sy:1}.a2c-slot--legend{--sx:6;--sy:1}.a2c-slot--unique{--sx:7;--sy:1}.a2c-slot--special{--sx:2;--sy:2}

.a2c .a2c-hd{display:flex;align-items:center;gap:7px;inline-size:fit-content;margin:0 0 10px;padding:3px 44px 3px 7px;background:linear-gradient(90deg,rgba(66,98,150,.42),rgba(66,98,150,0));font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.02em;text-transform:none;color:#9eeef2}
.a2c-hd::before{content:"";flex:none;inline-size:11px;block-size:11px;background:#d8fbfb;clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);filter:drop-shadow(0 0 3px rgba(127,240,240,.9))}
.a2c-hdrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}.a2c .a2c-hdrow .a2c-hd{margin:0;padding-inline-end:24px;white-space:nowrap}.a2c-hdrow em{flex:none}.a2c-hdrow em{font-style:normal;font-size:13px;font-weight:700;text-transform:none;color:var(--ink)}

.a2c-bar{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--cell)}
/* the edge cells follow the bar's rounded corners, so their hover and pick glow do too; phones put Play method on its own row */
.a2c-bar>.a2c-cell:nth-child(1){border-radius:11px 0 0 11px}.a2c-bar>.a2c-cell:nth-child(3){border-radius:0 11px 11px 0}@media (max-width:640px){.a2c-bar>.a2c-cell:nth-child(1){border-radius:11px 11px 0 0}.a2c-bar>.a2c-cell:nth-child(2){border-radius:0 0 0 11px}.a2c-bar>.a2c-cell:nth-child(3){border-radius:0 0 11px 0}}
.a2c .a2c-cell{position:relative;display:flex;align-items:center;gap:10px;block-size:56px;padding-inline:14px;min-inline-size:0;transition:background .2s,box-shadow .25s}.a2c-cell::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(111,217,238,.55),0 0 18px rgba(111,217,238,.18);opacity:0;pointer-events:none}
.a2c-cell+.a2c-cell{border-inline-start:1px solid var(--line)}
@media (hover:hover){.a2c button.a2c-cell:hover{background:rgba(255,255,255,.03)}}
.a2c-cell__text{flex:1;min-inline-size:0}
.a2c-cell__text small{display:block;margin-block-end:5px;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.a2c-cell__text b{display:block;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a2c-cell__text b.a2c-empty{color:var(--gold)}
.a2c .a2c-cell.a2c-need{box-shadow:inset 0 0 0 1px #e9464b;animation:a2c-shake .4s}
.a2c-cell.a2c-need b.a2c-empty{color:#ff6b6f}
@keyframes a2c-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.a2c-cell>svg{inline-size:12px;block-size:12px;flex:none;color:var(--muted);transition:transform .25s var(--ease)}
.a2c-cell[aria-expanded=true]>svg{transform:rotate(180deg)}
.a2c-lock{display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;border-radius:50%;background:rgba(246,201,78,.08);color:var(--gold)}
.a2c-lock svg{inline-size:15px;block-size:15px}.a2c-lock--globe{background:rgba(111,217,238,.08);color:var(--cyan)}
.a2c-emblem{position:relative;flex:none;inline-size:30px;block-size:30px;filter:drop-shadow(0 0 6px rgba(120,200,255,.25))}.a2c-emblem::after{content:"";position:absolute;inset:-6px;pointer-events:none;border-radius:50%;opacity:0;background:radial-gradient(closest-side,rgba(111,217,238,.7),transparent)}
.a2c-menu{position:absolute;z-index:30;inset-block-start:calc(100% + 6px);padding:8px;border-radius:12px;background:#171d2c;border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.5);animation:a2c-drop .2s var(--ease)}
.a2c-menu--list{inset-inline-start:33.33%;inline-size:33.33%;min-inline-size:180px}
.a2c-menu--class{inset-inline-end:-1px;inline-size:min(360px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.a2c .a2c-menu--list button{display:flex;justify-content:space-between;inline-size:100%;padding:8px 10px;border-radius:8px;font-size:13px;outline:none}
.a2c .a2c-menu--class button{display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:8px;border:1px solid transparent;font-size:11px;text-align:center;outline:none}
.a2c-pic{display:block;inline-size:100%;block-size:100%}
.a2c-menu--class .a2c-pic{inline-size:36px;block-size:36px}
.a2c-menu button:focus-visible{background:var(--cell);color:var(--ink)}
@media (hover:hover){.a2c-menu button:hover{background:var(--cell);color:var(--ink)}}
.a2c-menu button[aria-selected=true]{color:var(--ink);font-weight:700}
.a2c-menu--list button[aria-selected=true]::after{content:"";align-self:center;flex:none;inline-size:7px;block-size:7px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 8px rgba(111,217,238,.45)}
.a2c .a2c-menu--class button[aria-selected=true]{border-color:var(--cyan2);background:rgba(111,217,238,.08)}
@keyframes a2c-drop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.a2c-gs{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch}
.a2c-read{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:12px;background:var(--cell);border:1px solid var(--line);cursor:text;transition:border-color .2s,box-shadow .2s}
@media (hover:hover){.a2c-read:hover{border-color:var(--line2)}}
.a2c-read:focus-within{border-color:var(--cyan2);box-shadow:0 0 0 3px rgba(111,217,238,.08)}
@property --tier{syntax:'<color>';inherits:true;initial-value:#6fd9ee}
.a2c-read--goal{background:linear-gradient(135deg,color-mix(in srgb,var(--tier) 10%,transparent),rgba(255,255,255,.02));border-color:color-mix(in srgb,var(--tier) 35%,transparent);transition:border-color .2s,box-shadow .2s,--tier .4s var(--ease)}
.a2c-shield{flex:none;inline-size:40px;block-size:44px}
.a2c-read__text{flex:1;min-inline-size:0}
.a2c-read small{display:block;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.a2c .a2c-read input{inline-size:100%;margin:4px 0 2px;padding:0;border:0;outline:none;background:none;box-shadow:none;color:var(--ink);font-family:inherit;font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.a2c-read__text>span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a2c-read--goal .a2c-read__text>span{color:var(--tier)}.a2c-note-short{display:none}
.a2c-flow{display:flex;align-items:center;justify-content:center;gap:2px}
.a2c-flow i{inline-size:8px;block-size:8px;border-block-start:2px solid var(--cyan);border-inline-end:2px solid var(--cyan);transform:rotate(45deg);opacity:.2;animation:a2c-flow 1.4s infinite}
.a2c-flow i:nth-child(2){animation-delay:.2s}.a2c-flow i:nth-child(3){animation-delay:.4s}
@keyframes a2c-flow{50%{opacity:1}}

.a2c-scale{padding:30px 12px 0}
.a2c-track{position:relative;block-size:10px;contain:size layout style;border-radius:6px;background:#0b0e16;box-shadow:inset 0 1px 3px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.05)}
.a2c-fill{position:absolute;inset-block:0;border-radius:6px;background:linear-gradient(90deg,#3fb6d3,#6fd9ee 45%,#f6c94e);box-shadow:0 0 14px rgba(111,217,238,.45);overflow:hidden;transition:left .35s var(--ease),width .35s var(--ease)}
/* a light sweep crosses the fill once when a new range settles */
.a2c-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%)}
.a2c-fill.is-shine::after{animation:a2c-sheen .9s cubic-bezier(.4,0,.2,1)}
@keyframes a2c-sheen{to{transform:translateX(100%)}}
.a2c-mark{position:absolute;inset-block-start:50%;inline-size:8px;block-size:8px;margin:-4px 0 0 -4px;transform:rotate(45deg);background:#1b2233;border:1px solid var(--line2);transition:background .25s,box-shadow .25s}
.a2c-mark.is-on{background:#fff;border-color:#fff;box-shadow:0 0 8px var(--cyan)}
.a2c-thumb{position:absolute;z-index:2;inset-block-start:50%;inline-size:22px;block-size:22px;margin:-11px 0 0 -11px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#bfefff);border:3px solid #10141f;box-shadow:0 0 0 1px var(--cyan),0 0 16px rgba(111,217,238,.7);transition:left .35s var(--ease),transform .15s var(--ease);pointer-events:none}
.a2c-track[data-held=lo] [data-thumb=lo],.a2c-track[data-held=hi] [data-thumb=hi]{transform:rotate(45deg) scale(1.18)}
.a2c-thumb--hi{background:linear-gradient(135deg,#fff7d6,#f6c94e);box-shadow:0 0 0 1px var(--gold),0 0 16px rgba(246,201,78,.7)}
.a2c-tip{position:absolute;inset-block-end:22px;transform:translateX(-50%);padding:3px 8px;border-radius:6px;background:#1d2538;border:1px solid var(--line2);font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;transition:left .35s var(--ease),opacity .2s var(--ease);pointer-events:none}
.a2c-track input{position:absolute;z-index:3;inset:-10px -15px;inline-size:calc(100% + 30px);block-size:30px;margin:0;padding:0;opacity:0;cursor:grab;-webkit-appearance:none;appearance:none}
.a2c-track input:active{cursor:grabbing}
.a2c-track input::-webkit-slider-thumb{-webkit-appearance:none;inline-size:30px;block-size:30px}
.a2c-track input::-moz-range-thumb{inline-size:30px;block-size:30px;border:0}
.a2c-track:has(input:focus-visible) .a2c-thumb{outline:2px solid var(--cyan);outline-offset:3px}
.a2c-nums{position:relative;block-size:22px;margin-block-start:13px}
.a2c-nums span{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .2s}
.a2c-nums span.is-on{color:var(--ink)}

.a2c-roadbox{container-type:inline-size}
.a2c-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:6px}
@container (min-width:880px){.a2c-road{grid-template-columns:repeat(9,minmax(0,1fr))}}
.a2c .a2c-stop{position:relative;display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:8px;padding:8px 4px;border-radius:10px;border:1px solid var(--line);background:var(--cell);text-align:center;transition:transform .25s var(--ease),border-color .25s,background .25s,opacity .25s}
@media (hover:hover){.a2c-stop:hover{border-color:var(--line2)}}
.a2c-stop .a2c-slot{inline-size:40px;block-size:40px}
.a2c-stop .a2c-slot .a2c-sp{transition:filter .3s}
.a2c-req{position:absolute;inset-block-start:35px;inset-inline-start:50%;transform:translateX(-50%);padding:1px 3px;border-radius:3px;background:rgba(8,10,16,.82);font-size:9px;font-weight:700;letter-spacing:.01em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.a2c-stop__name{align-self:center;font-size:10px;line-height:1.25;letter-spacing:-.01em;text-wrap:balance;color:var(--muted)}
.a2c-stop[data-state=done] .a2c-sp{filter:grayscale(.6) brightness(.7)}
.a2c-stop[data-state=done] .a2c-slot::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:#8ef0b0;background:rgba(10,30,20,.45)}
.a2c-stop[data-state=far]{opacity:.5}
.a2c-stop[data-state=far] .a2c-sp{filter:grayscale(1) brightness(.55)}
.a2c-stop[data-state=get]{border-color:rgba(111,217,238,.45);background:linear-gradient(180deg,rgba(111,217,238,.10),rgba(255,255,255,.02))}
.a2c-stop[data-state=get] .a2c-slot{border-color:rgba(111,217,238,.7);box-shadow:0 0 12px rgba(111,217,238,.35)}
.a2c-stop[data-state=get] .a2c-stop__name{color:var(--ink)}
.a2c-stop.is-goal::before{content:"Goal";position:absolute;inset-block-start:-8px;left:50%;transform:translateX(-50%);padding:1px 7px;border-radius:5px;background:linear-gradient(180deg,#f6c94e,#d99a1c);color:#2a1c02;font-size:10px;font-weight:800}
:lang(de) .a2c-stop.is-goal::before{content:"Ziel"}

.a2c-box{border:1px solid var(--line);border-radius:12px;background:var(--cell)}
.a2c-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px}
.a2c-row+.a2c-row{border-block-start:1px solid var(--line)}
.a2c-row__text b{display:block;font-size:14px}
.a2c-row__text small{display:block;font-size:12px;color:var(--muted)}
.a2c-opts{display:flex;gap:6px}
.a2c .a2c-opt{position:relative;display:grid;justify-items:center;gap:3px;inline-size:72px;padding:6px 0 5px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.18);text-align:center;transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s}
@media (hover:hover){.a2c-opt:hover{border-color:var(--line2)}}
/* coin piles: each cluster is centered in the 36px box, so the icon sits in the middle of the tile */
.a2c-pile{position:relative;display:block;inline-size:36px;block-size:34px;isolation:isolate}
.a2c-pile .a2c-sp{position:absolute;inline-size:24px;block-size:24px}
.a2c-pile .a2c-sp:only-child{inset:2px auto auto 3px;inline-size:30px;block-size:30px}
.a2c-pile .a2c-sp:nth-child(1):not(:only-child){left:3px;top:8px}.a2c-pile .a2c-sp:nth-child(2){left:9px;top:2px}
.a2c-pile:has(.a2c-sp:nth-child(3)) .a2c-sp:nth-child(1){left:7px;top:9px}.a2c-pile:has(.a2c-sp:nth-child(3)) .a2c-sp:nth-child(2){left:12px;top:3px}.a2c-pile .a2c-sp:nth-child(3){left:0;top:3px;z-index:-1}
/* amount sits at the pile's lower right, 30px from the tile center on any tile width */
.a2c-q{position:absolute;inset-inline-end:max(6px,calc(50% - 30px));inset-block-start:29px;font-size:11.5px;font-weight:800;line-height:1;text-shadow:0 1px 2px #000,0 0 3px #000,0 0 6px rgba(0,0,0,.8)}
.a2c-p{font-size:11px;color:var(--muted)}
.a2c .a2c-opt[aria-checked=true]{border-color:var(--gold);background:linear-gradient(180deg,rgba(246,201,78,.16),rgba(246,201,78,.03));box-shadow:0 0 14px rgba(246,201,78,.22)}
.a2c-opt[aria-checked=true] .a2c-p{color:var(--ink);font-weight:700}
.a2c-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:8px}
.a2c .a2c-task{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--cell);transition:transform .2s var(--ease),border-color .2s,background .2s}
@media (hover:hover){.a2c-task:hover{border-color:var(--line2)}}
@media (hover:hover){.a2c-stop:hover,.a2c-opt:hover{transform:translateY(-2px)}}
.a2c :is(.a2c-stop,.a2c-opt,.a2c-task):active{transform:scale(.97);transition-duration:.1s}
.a2c-task .a2c-slot{inline-size:44px;block-size:44px}
.a2c-task__text b{display:block;font-size:13px;line-height:1.25}
.a2c-task__text small{display:block;font-size:12px;color:var(--muted)}
.a2c-dm{justify-self:center;display:grid;place-items:center;inline-size:16px;block-size:16px;transform:rotate(45deg);border:1.5px solid var(--line2);transition:background .25s,border-color .25s,box-shadow .25s}
.a2c-dm::after{content:"";inline-size:6px;block-size:6px;background:#10141f;opacity:0;transition:opacity .2s}
.a2c .a2c-task[aria-checked=true]{border-color:rgba(111,217,238,.5);background:linear-gradient(135deg,rgba(111,217,238,.10),rgba(255,255,255,.02))}
.a2c-task[aria-checked=true] .a2c-dm{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px rgba(111,217,238,.6)}
.a2c-task[aria-checked=true] .a2c-dm::after{opacity:1}
.a2c-task[aria-checked=true] small{color:var(--ink);font-weight:700}

/* a dragged thumb follows the pointer 1:1; clicks on a stop and typed numbers still glide */
.a2c-tip.is-merged{opacity:0}
.a2c-track.is-dragging :is(.a2c-thumb,.a2c-fill){transition-property:transform}.a2c-track.is-dragging .a2c-tip{transition-property:opacity}

.a2c .a2c-cell.a2c-wanted{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(246,201,78,.07),rgba(246,201,78,0) 70%);box-shadow:inset 0 0 0 1px rgba(246,201,78,.35)}
.a2c .a2c-cell.a2c-wanted.a2c-need{box-shadow:inset 0 0 0 1px #e9464b}
.a2c-want{position:relative}
.a2c-want::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(246,201,78,.55);animation:a2c-spin 14s linear infinite}
.a2c-want::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(246,201,78,.45);opacity:0;animation:a2c-ping 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes a2c-spin{to{transform:rotate(360deg)}}
@keyframes a2c-ping{0%{opacity:1;transform:scale(.85)}70%,100%{opacity:0;transform:scale(1.35)}}

/* add-ons drawer: the rows wait behind a seal that sums up the picks, like on Leveling.
   Motion stays on interaction: the cards fan out on hover and while open, the body unfolds once; no idle loops */
.a2c .a2c-seal{display:grid;grid-template-columns:112px minmax(0,1fr) 136px;align-items:center;gap:14px;inline-size:100%;padding:18px 16px;border:1px solid rgba(246,201,78,.28);border-radius:14px;background:radial-gradient(ellipse at 0 50%,rgba(246,201,78,.13),transparent 65%),#151722;transition:border-color .25s,background-color .25s}
@media (hover:hover){.a2c .a2c-seal:hover{border-color:rgba(246,201,78,.62);background-color:#1b1c25}}
.a2c .is-open>.a2c-seal{border-color:rgba(246,201,78,.62);background-color:#1b1c25}
/* a soft light sweep crosses the closed seal once: when it first scrolls into view, and again on each hover.
   It moves only by transform and never loops */
.a2c .a2c-seal{position:relative;isolation:isolate;overflow:hidden}
.a2c-seal::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(255,236,170,.1) 50%,transparent 72%);transform:translateX(-120%)}
.a2c-seal.is-swept::after{animation:a2c-seal-sweep 1.8s cubic-bezier(.45,0,.25,1)}
@media (hover:hover){.a2c :not(.is-open)>.a2c-seal:hover::after{animation:a2c-seal-hover 1.6s cubic-bezier(.45,0,.25,1)}}
@keyframes a2c-seal-sweep{to{transform:translateX(120%)}}
@keyframes a2c-seal-hover{to{transform:translateX(120%)}}
.a2c-seal:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.a2c-fan{display:flex;align-items:center;padding-inline:3px;min-block-size:60px}
.a2c .a2c-fan .a2c-slot{inline-size:44px;block-size:44px;border-color:rgba(246,201,78,.7);background-color:#292317;box-shadow:0 4px 9px rgba(0,0,0,.4);transition:transform .35s var(--ease)}
.a2c-fan .a2c-slot+.a2c-slot{margin-inline-start:-23px}
.a2c .is-open{--spread:1}
@media (hover:hover){.a2c .a2c-seal:hover{--spread:1}}
.a2c-fan .a2c-slot:nth-child(1){transform:translateX(calc(var(--spread,0) * -4px)) rotate(calc(-12deg - var(--spread,0) * 5deg))}
.a2c-fan .a2c-slot:nth-child(2){transform:translate(calc(var(--spread,0) * -1px),calc(-5px - var(--spread,0) * 3px)) rotate(calc(7deg - var(--spread,0) * 3deg))}
.a2c-fan .a2c-slot:nth-child(3){transform:translate(calc(var(--spread,0) * 2px),calc(3px - var(--spread,0) * 2px)) rotate(calc(-7deg + var(--spread,0) * 4deg))}
.a2c-fan .a2c-slot:nth-child(4){transform:translateX(calc(var(--spread,0) * 5px)) rotate(calc(12deg + var(--spread,0) * 5deg))}
.a2c-seal__text{display:block;min-inline-size:0}
/* one line is kept for the hint or the chips, so the seal keeps its height in every state */
.a2c .a2c-seal__title{display:block;font-size:18px;line-height:1.25;color:var(--ink);text-wrap:balance}
.a2c-seal__summary{display:block;min-block-size:22px;margin-block-start:5px;min-inline-size:0;overflow:hidden}
.a2c-seal__hint{display:block;color:#c9c3b2;font-size:12px;line-height:1.4;padding-block:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 136px fits Add power and Mehr Stärke with the chevron */
.a2c-seal__pill{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;inline-size:136px;block-size:36px;padding:6px 11px;border:1px solid rgba(246,201,78,.5);border-radius:99px;background:rgba(246,201,78,.12);color:#ffe5a0;font-size:12px;font-weight:700;white-space:nowrap;transition:background-color .2s}
.a2c-seal:active .a2c-seal__pill{background:rgba(246,201,78,.2)}
.a2c-seal__pill svg{inline-size:14px;block-size:14px;flex:none;transition:transform .3s var(--ease)}
.is-open>.a2c-seal .a2c-seal__pill svg{transform:rotate(180deg)}
.a2c-gauge{display:flex;align-items:center;gap:8px;block-size:16px;margin-block-start:7px}
.a2c-gauge__segments{display:grid;flex:1;min-inline-size:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding-inline:2px}
.a2c-gauge__segments i{display:block;block-size:7px;transform:skewX(-18deg);background:#313642;border:1px solid rgba(160,185,255,.13);transition:background .25s,border-color .25s,box-shadow .25s}
.a2c-gauge__segments .is-on{background:var(--cyan);border-color:#b4f2ff;box-shadow:0 0 9px rgba(111,217,238,.5)}
.a2c-gauge__count{flex:none;min-inline-size:3.2em;text-align:end;color:var(--cyan);font-size:10px;line-height:16px;font-variant-numeric:tabular-nums}
.a2c-chips{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;block-size:22px;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent)}
.a2c-chips>span{flex:none;padding:2px 6px;border:1px solid rgba(111,217,238,.25);border-radius:5px;background:rgba(111,217,238,.08);font-size:10px;line-height:1.4;color:#b4f2ff}
/* the body unfolds from 0fr to 1fr, the rows fade in just behind it and leave faster */
.a2c-drawer__body{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s var(--ease),visibility .3s}
.is-open>.a2c-drawer__body{grid-template-rows:1fr;visibility:visible;transition-duration:.4s}
.a2c-drawer__clip{min-block-size:0;overflow:hidden}
.a2c-drawer__content{padding-block-start:12px;opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .3s var(--ease)}
.is-open .a2c-drawer__content{opacity:1;transform:none;transition:opacity .3s .08s,transform .4s var(--ease) .08s}

@media (max-width:640px){
  .a2c-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a2c-bar>.a2c-cell:first-child{grid-column:1/-1;border-block-end:1px solid var(--line)}
  .a2c-bar>.a2c-cell:nth-child(2){border-inline-start:0}
  .a2c-menu--list{inset-inline-start:0;inline-size:50%}
  .a2c-menu--class{inline-size:100%}
  .a2c-gs{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}
  /* three chevrons fit the 30px gap; the visible ">" sits in the right half of each square, so nudge left to look centred */
  .a2c-flow{gap:1px;transform:translateX(-2px)}
  .a2c-flow i{inline-size:6px;block-size:6px}
  .a2c-read{padding:10px}
  .a2c .a2c-read{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 6px;align-items:center;align-content:center}
  .a2c-read__text{display:contents}
  .a2c-read small{grid-column:1/-1;white-space:nowrap}
  .a2c .a2c-shield{grid-row:2;grid-column:1;inline-size:22px;block-size:24px}
  .a2c .a2c-read input{grid-row:2;grid-column:2}
  .a2c-read__text>span{grid-column:1/-1;line-height:1.25}.a2c-note-full{display:none}.a2c-note-short{display:inline}
  .a2c-bar>.a2c-cell:first-child{justify-content:center}
  /* long region names (North America West) wrap to two lines instead of cutting off */
  .a2c [data-label="aion2-region"]{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .a2c-bar>.a2c-cell:first-child .a2c-cell__text{flex:none}
  /* taller touch area for the thumbs; width stays so values still match the drawn thumbs */
  .a2c-track input{inset:-17px -15px;block-size:44px}
  .a2c-track input::-webkit-slider-thumb{block-size:44px}
  .a2c-track input::-moz-range-thumb{block-size:44px}
  .a2c .a2c-read input{font-size:24px}
  .a2c-nums .a2c-minor,.a2c-mark.a2c-minor{display:none}
  .a2c .a2c-stop{gap:7px;padding:7px 4px}
  .a2c-stop .a2c-slot{inline-size:36px;block-size:36px}
  .a2c-req{inset-block-start:30px}
  .a2c-stop__name{font-size:10.5px}
  .a2c-row{grid-template-columns:44px minmax(0,1fr)}
  .a2c-row .a2c-slot{inline-size:44px;block-size:44px}
  .a2c-opts{grid-column:1/-1}
  .a2c .a2c-opt{flex:1;inline-size:auto}
  .a2c-tasks{grid-template-columns:minmax(0,1fr)}
  .a2c-lock--globe{display:none}
  .a2c .a2c-seal{grid-template-columns:68px minmax(0,1fr);gap:12px;padding:16px 13px}
  .a2c .a2c-seal__title{font-size:16px}
  .a2c .a2c-fan .a2c-slot{inline-size:32px;block-size:32px}
  .a2c-fan .a2c-slot+.a2c-slot{margin-inline-start:-21px}
  .a2c-seal__pill{grid-column:1/-1;inline-size:100%;block-size:38px}
  /* the hint names the goal, so on phones it wraps instead of cutting off */
  .a2c-seal__hint{white-space:normal}
}

/* reduced motion: no movement or loops, but color and opacity still show state */
@media (prefers-reduced-motion:reduce){
  .a2c *,.a2c *::before,.a2c *::after{animation:none!important;transition-property:opacity,color,background-color,border-color,box-shadow,--tier!important}
  .a2c :is(.a2c-stop,.a2c-opt,.a2c-task):is(:hover,:active){transform:none}
}

.d4pp-page:has(.a2c) .d4pp-receipt .d4lp-lines>div:has(+div>dd.d4lp-fixed)>dd::before{content:"";display:inline-block;inline-size:12px;block-size:12px;margin-inline-end:6px;vertical-align:-1px;background:var(--d4lp-tint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3Cpath d='M1.75 8h12.5M8 1.75c1.9 1.8 2.9 3.9 2.9 6.25S9.9 12.45 8 14.25M8 1.75C6.1 3.55 5.1 5.65 5.1 8s1 4.45 2.9 6.25'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3Cpath d='M1.75 8h12.5M8 1.75c1.9 1.8 2.9 3.9 2.9 6.25S9.9 12.45 8 14.25M8 1.75C6.1 3.55 5.1 5.65 5.1 8s1 4.45 2.9 6.25'/%3E%3C/svg%3E") center/contain no-repeat}