.d4pp-head:has(.a2l) [data-d4pp-terms]{display:none}
.a2l{--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}
.a2l>*{min-width:0}
.a2l b{color:var(--ink)}
.a2l button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.a2l svg{display:block}
.a2l [hidden]{display:none!important}

/* sprite: one row of tiles, order in MEDIA.sprite.order of the panel script */
.a2l-sp{display:block;inline-size:100%;block-size:100%;background:var(--a2l-sprite) no-repeat;background-size:calc(var(--a2l-tiles) * 100%) 100%;background-position:calc(var(--x) * 100% / (var(--a2l-tiles) - 1)) 0}
.a2l-tile{display:block;inline-size:100%;block-size:100%;object-fit:contain}

.a2l-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 */
.a2l-bar>.a2l-cell:nth-child(1){border-radius:11px 0 0 11px}.a2l-bar>.a2l-cell:nth-child(3){border-radius:0 11px 11px 0}
.a2l .a2l-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}
.a2l-cell+.a2l-cell{border-inline-start:1px solid var(--line)}
.a2l-cell::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px rgba(111,217,238,.55),0 0 18px rgba(111,217,238,.18)}
@media (hover:hover){.a2l button.a2l-cell:hover{background:rgba(255,255,255,.03)}}
.a2l-cell__text{flex:1;min-inline-size:0}
.a2l-cell__text small{display:block;margin-block-end:5px;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.a2l-cell__text b{display:block;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a2l-cell__text b.a2l-empty{color:var(--gold)}
.a2l .a2l-cell.a2l-need{box-shadow:inset 0 0 0 1px #e9464b;animation:a2l-shake .4s}
.a2l-cell.a2l-need b.a2l-empty{color:#ff6b6f}
@keyframes a2l-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.a2l-cell>svg{inline-size:12px;block-size:12px;flex:none;color:var(--muted);transition:transform .25s var(--ease)}
.a2l-cell[aria-expanded=true]>svg{transform:rotate(180deg)}
.a2l-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)}
.a2l-lock svg{inline-size:15px;block-size:15px}
.a2l-lock--globe{background:rgba(111,217,238,.08);color:var(--cyan)}
.a2l-emblem{position:relative;flex:none;inline-size:30px;block-size:30px;filter:drop-shadow(0 0 6px rgba(120,200,255,.25))}
.a2l-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)}
.a2l-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:a2l-drop .2s var(--ease)}
.a2l-menu--play{inset-inline-start:-1px;inline-size:min(340px,100%);display:grid;gap:4px}
.a2l-menu--list{inset-inline-start:33.33%;inline-size:33.33%;min-inline-size:180px}
.a2l-menu--class{inset-inline-end:-1px;inline-size:min(360px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.a2l .a2l-menu--play button{display:flex;gap:12px;align-items:center;inline-size:100%;padding:10px;border-radius:10px;border:1px solid transparent;outline:none}
.a2l-menu--play b{display:flex;gap:8px;align-items:baseline;font-size:14px}
.a2l-menu--play em{font-style:normal;font-size:11px;font-weight:700;color:var(--gold)}
.a2l-menu--play small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.a2l .a2l-menu--play button[aria-selected=true]{border-color:var(--cyan2);background:rgba(111,217,238,.08)}
.a2l .a2l-menu--list button{display:flex;justify-content:space-between;inline-size:100%;padding:8px 10px;border-radius:8px;font-size:13px;outline:none}
.a2l .a2l-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}
.a2l-menu--class .a2l-tile{inline-size:36px;block-size:36px}
.a2l-menu button:focus-visible{background:var(--cell);color:var(--ink)}
@media (hover:hover){.a2l-menu button:hover{background:var(--cell);color:var(--ink)}}
.a2l-menu button[aria-selected=true]{color:var(--ink);font-weight:700}
.a2l-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)}
.a2l .a2l-menu--class button[aria-selected=true]{border-color:var(--cyan2);background:rgba(111,217,238,.08)}
@keyframes a2l-drop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

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

.a2l-run{display:grid}
.a2l-run>*+*{margin-block-start:18px}

/* raid screen: art with the raid name, the gate and the mode switch on it */
.a2l-raid{--hard:#ff7a4d;position:relative;display:grid;align-content:end;gap:14px;min-block-size:248px;padding:18px;overflow:hidden;border-radius:12px;background:#0b0f19;isolation:isolate}
.a2l-raid__art{position:absolute;inset:0;z-index:-2;inline-size:100%;block-size:100%;object-fit:cover;object-position:70% 40%}
.a2l-raid__hard{filter:saturate(1.15) hue-rotate(-12deg) brightness(.9);opacity:0;transition:opacity .5s var(--ease);will-change:opacity}
.a2l-raid__glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,122,77,.45),inset 0 -40px 50px -40px rgba(255,122,77,.55);opacity:0;transition:opacity .4s var(--ease)}
.a2l-raid.is-hard :is(.a2l-raid__hard,.a2l-raid__glow){opacity:1}
.a2l-raid::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,10,18,.94) 8%,rgba(7,10,18,.35) 55%,rgba(7,10,18,.05)),linear-gradient(90deg,rgba(7,10,18,.7),rgba(7,10,18,0) 60%)}
.a2l-raid::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line2)}
.a2l-raid__head{display:grid;gap:2px;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.a2l-raid__head small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.a2l-raid__head>b{font-size:22px;font-weight:800;line-height:1.15}
.a2l-raid__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-block-start:6px;font-size:13px;color:var(--ink)}
.a2l-raid__meta>span{display:flex;align-items:center;gap:6px}
.a2l-raid__meta svg{flex:none;inline-size:16px;block-size:16px;color:var(--cyan)}

.a2l-modes{display:grid;grid-template-columns:repeat(2,minmax(0,150px));gap:8px}
.a2l .a2l-modes button{display:grid;gap:1px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(10,14,24,.62);text-align:center;transition:background .2s,border-color .2s,transform .2s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.a2l-modes b{font-size:14px;font-weight:700;color:var(--muted);transition:color .2s}
.a2l-modes small{min-block-size:1.25em;font-size:12px;font-variant-numeric:tabular-nums;color:#8c97ae}
.a2l .a2l-modes button:active{transform:scale(.96);transition-duration:.1s}
@media (hover:hover){.a2l .a2l-modes button:hover{border-color:rgba(255,255,255,.3)}.a2l-modes button:hover b{color:var(--ink)}}
.a2l .a2l-modes button[aria-checked=true]{border-color:#9fe6f4;background:rgba(40,96,140,.55)}
.a2l .a2l-modes button[data-mode$=hard][aria-checked=true]{border-color:var(--hard);background:rgba(140,52,24,.55)}
.a2l-modes button[aria-checked=true] b{color:var(--ink)}
.a2l-modes button[aria-checked=true] small{color:var(--copy)}
.a2l .a2l-modes button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

/* section heads, same look as the other AION 2 panels */
.a2l .a2l-hd{display:flex;align-items:center;gap:7px;inline-size:fit-content;margin:0 0 8px;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}
.a2l-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))}

/* raid route: the three bosses in order, joined by a line */
.a2l-route{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.a2l-route::before{content:"";position:absolute;inset-inline:16% 16%;inset-block-start:24px;block-size:1px;background:linear-gradient(90deg,var(--line2),rgba(246,201,78,.5))}
.a2l-boss{position:relative;display:grid;align-content:start;justify-items:center;gap:6px;margin:0;text-align:center}
.a2l-boss img{inline-size:48px;block-size:48px;border-radius:50%;object-fit:cover;background:#0b0f19;box-shadow:0 0 0 1px var(--line2),0 4px 12px rgba(0,0,0,.5)}
.a2l-boss--final img{box-shadow:0 0 0 1.5px var(--gold),0 0 16px rgba(246,201,78,.3)}
.a2l-boss b{display:block;font-size:12.5px;font-weight:600;line-height:1.25}
.a2l-boss small{display:block;font-size:11px;color:var(--muted)}
.a2l-boss--final small{color:var(--gold)}

.a2l-facts{display:grid;grid-template-columns:minmax(206px,1fr) minmax(300px,1.6fr);gap:18px 24px}
.a2l-facts .a2l-hd{white-space:nowrap;padding-inline-end:24px}
.a2l-gate-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--ink);font-size:14px;line-height:1.3}
.a2l-gate-list li{display:flex;align-items:center;gap:8px;margin:0}
.a2l-gate-list .a2l-sp,.a2l-lv{flex:none;inline-size:18px;block-size:18px}

.a2l-card{display:block;flex:none;inline-size:46px;block-size:46px;padding:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.a2l-grade--legend{background:linear-gradient(180deg,#112748,#2a609e)}
.a2l-grade--unique{background:linear-gradient(180deg,#4f3609,#b07d22)}
.a2l-grade--heroic{background:linear-gradient(180deg,#7a2c12,#c4561f)}
.a2l-loot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.a2l-loot__k{margin:0 0 8px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8c97ae}
.a2l-loot__k.is-rare{color:#f5c04e}
.a2l-loot ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.a2l-loot li{display:flex;align-items:center;gap:9px;font-size:13.5px;line-height:1.3;color:var(--ink)}
.a2l-loot .a2l-card{flex:none;inline-size:28px;block-size:28px;aspect-ratio:auto;padding:1px;border-radius:4px}
.a2l-loot em{font-style:normal;color:#8c97ae;white-space:nowrap}
.a2l-loot b{font-weight:600;color:#f5c04e}
.a2l-title-line{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:9px;margin-block-start:10px;font-size:13px;line-height:1.3;color:#e9c8ff}
.a2l-title-line svg{justify-self:center;inline-size:15px;block-size:15px;color:#c78bff}

/* clears: the Expedition slider in Ludra's colours, points 1-10 and a gold mark at the Guaranteed Reward */
.a2l-count{display:flex;align-items:center;gap:8px;min-block-size:24px;margin-block-end:6px}
.a2l-count>b{font-size:16px;line-height:1.2;font-variant-numeric:tabular-nums}
.a2l-count>span{display:flex;align-items:center;gap:5px;margin-inline-start:auto;font-size:12.5px;color:var(--copy);white-space:nowrap;font-variant-numeric:tabular-nums}
.a2l-count .a2l-sp{flex:none;inline-size:15px;block-size:15px}
.a2l-scale{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;column-gap:20px;padding-block:4px 18px}
.a2l .a2l-step{display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;border:1px solid var(--line2);background:#121a29;color:var(--cyan);transition:background .2s,border-color .2s,transform .12s}
.a2l-step svg{inline-size:14px;block-size:14px}
@media (hover:hover){.a2l .a2l-step:hover{background:rgba(111,217,238,.1);border-color:var(--cyan2)}}
.a2l .a2l-step:active:not(:disabled){transform:scale(.92)}
.a2l .a2l-step:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.a2l .a2l-step:disabled{opacity:.3;cursor:default;background:#121a29;border-color:var(--line2)}
.a2l-track{position:relative;block-size:6px;background:#0b0e16;box-shadow:0 0 0 1px var(--line2)}
.a2l-fill{position:absolute;inset:0;overflow:hidden}
.a2l-fill i{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,#1b8a96,#5ad4e6 55%,#9a7cff);transform:translateX(calc((var(--at,0) - 1) * 100%));transition:transform .22s var(--ease)}
.a2l-fill i::after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,0) calc(100% - 60px),#fff calc(100% - 30px),rgba(255,255,255,0))}
.a2l-thumb{position:absolute;z-index:5;inset:0;transform:translateX(calc(var(--at,0) * 100%));transition:transform .22s var(--ease);pointer-events:none}
.a2l-thumb::before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:16px;block-size:16px;margin:-8px 0 0 -8px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#c9b8ff);border:1px solid #2b1a5e;box-shadow:0 1px 6px rgba(0,0,0,.55),0 0 10px rgba(154,124,255,.65);transition:scale .15s}
.a2l-track input:active~:is(.a2l-thumb,.a2l-fill i){transition-duration:.07s}
@media (hover:hover){.a2l-track:hover .a2l-thumb::before{scale:1.08}}
.a2l-track input:active~.a2l-thumb::before{scale:1.14}
.a2l-track input{position:absolute;z-index:3;inset:-14px -9px;inline-size:calc(100% + 18px);block-size:34px;margin:0;padding:0;opacity:0;cursor:grab;-webkit-appearance:none;appearance:none}
.a2l-track input:active{cursor:grabbing}
.a2l-track input::-webkit-slider-thumb{-webkit-appearance:none;inline-size:18px;block-size:34px}
.a2l-track input::-moz-range-thumb{inline-size:18px;block-size:34px;border:0}
.a2l-track input:focus-visible~.a2l-thumb::before{outline:2px solid var(--cyan);outline-offset:3px}
.a2l .a2l-track [data-marks] button{position:absolute;z-index:4;inset-block-start:13px;left:calc(var(--at) * 100%);inline-size:26px;margin-inline-start:-13px;font-size:11px;font-weight:700;line-height:1.4;text-align:center;font-variant-numeric:tabular-nums;color:#76819a;transition:color .15s}
.a2l .a2l-track [data-marks] button::before{content:"";position:absolute;inset-block-start:-15px;left:50%;inline-size:1px;block-size:10px;background:rgba(190,215,235,.34);transition:background .18s}
.a2l .a2l-track [data-marks] button.is-past{color:#b7c4d3}
.a2l .a2l-track [data-marks] button.is-past::before{background:rgba(6,26,32,.55)}
@media (pointer:coarse){.a2l .a2l-track [data-marks] button{pointer-events:none}}
@media (hover:hover){.a2l .a2l-track [data-marks] button:hover{color:var(--ink)}}
.a2l .a2l-track [data-marks] button[aria-current]{color:var(--ink)}
.a2l-mark{position:absolute;z-index:4;inset-block-start:50%;left:calc(var(--at) * 100%);inline-size:9px;block-size:9px;margin:-4.5px 0 0 -4.5px;transform:rotate(45deg);border:1px solid #0b0e16;background:#9c8348;pointer-events:none;transition:background .2s}
.a2l-mark.is-hit{background:#f5d68c}
.a2l-pick{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;line-height:1.4;color:var(--copy)}
.a2l-pick b{font-weight:600;color:var(--copy);transition:color .2s}
.a2l-pick.is-done b{color:#f5d68c}
.a2l .a2l-chest{position:relative;display:block;flex:none;inline-size:30px;block-size:30px;padding:1px;border:1px solid #4d5866;border-radius:3px;background:linear-gradient(180deg,#2a313d,#11161f);transition:border-color .2s,box-shadow .2s,transform .12s}
@media (hover:hover){.a2l .a2l-chest:hover{border-color:#f5d68c}}
.a2l .a2l-chest:active{transform:scale(.94)}
.a2l .a2l-chest:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.a2l-chest::before{content:"";position:absolute;inset:0;border:1px solid #f6d27a;opacity:0;pointer-events:none}
.a2l-chest::after{content:"";position:absolute;inset:-14px;background:#fff1c2;clip-path:polygon(50% 0,54% 46%,100% 50%,54% 54%,50% 100%,46% 54%,0 50%,46% 46%);opacity:0;pointer-events:none}
.a2l-chest .a2l-sp{filter:brightness(.75) grayscale(.4);transition:filter .2s}
.a2l .a2l-pick.is-done .a2l-chest{border-color:#e9bd5c;box-shadow:0 1px 8px rgba(233,189,92,.5)}
.a2l-pick.is-done .a2l-chest .a2l-sp{filter:none}

@media (prefers-reduced-motion:reduce){.a2l *,.a2l *::before,.a2l *::after{animation:none!important;transition-property:opacity,color,background-color,border-color,box-shadow!important}.a2l :is(.a2l-modes button,.a2l-step,.a2l-chest):active{transform:none!important}}

@media (max-width:640px){
  .a2l-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a2l-bar>.a2l-cell:first-child{grid-column:1/-1;border-block-end:1px solid var(--line);border-radius:11px 11px 0 0}
  .a2l-bar>.a2l-cell:nth-child(2){border-inline-start:0;border-radius:0 0 0 11px}
  .a2l-bar>.a2l-cell:nth-child(3){border-radius:0 0 11px 0}
  .a2l-menu--play{inline-size:100%}
  .a2l-menu--list{inset-inline-start:0;inline-size:50%;inset-block-start:calc(100% + 6px)}
  .a2l-menu--class{inline-size:100%}
  .a2l-lock--globe{display:none}
  .a2l [data-label="aion2-region"]{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .a2l-raid{min-block-size:230px;padding:14px}
  .a2l-raid__head>b{font-size:19px}
  .a2l-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a2l-boss b{font-size:11.5px}
  .a2l-facts{grid-template-columns:minmax(0,1fr)}
  .a2l-card{flex:1 1 0;min-inline-size:0;inline-size:auto;block-size:auto;aspect-ratio:1}
  .a2l-scale{column-gap:14px}
  .a2l-track input{inset:-19px -9px;block-size:48px}
  .a2l-track input::-webkit-slider-thumb{block-size:48px}
  .a2l-track input::-moz-range-thumb{block-size:48px}
}

/* page content: boss cards, mode table, story call to action */
.mcui-aion-bosses{display:grid;gap:var(--v2-gap,12px);margin-top:24px}
.mcui-aion-boss{position:relative;--accent:oklch(0.78 0.11 228);display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border-radius:var(--v2-r,16px);background:radial-gradient(120% 100% at 0 0,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),var(--v2-card)}
.mcui-aion-boss--ketu{--accent:oklch(0.7 0.14 300)}
.mcui-aion-boss--ludra{--accent:oklch(0.8 0.13 75)}
.mcui-aion-boss img{inline-size:72px;block-size:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 55%,transparent),0 6px 14px rgb(0 0 0 / .45)}
.mcui-aion-boss strong{display:block;color:var(--v2-ink);font-size:16px;font-weight:800;line-height:1.3}
.mcui-aion-boss small{display:block;margin-top:2px;color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mcui-aion-boss p{margin:6px 0 0;color:var(--v2-copy);font-size:13.5px;line-height:1.55}

.mcui-story .mcui-aion-bosses{margin-top:24px}
@container (max-width:820px){
}
@media (max-width:640px){
  .mcui-aion-boss{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px}
  .mcui-aion-boss img{inline-size:56px;block-size:56px}
}

.d4lp-lines .d4lp-item__pic[src^="data:"]{inline-size:12px;block-size:12px;vertical-align:-1px;border-radius:0}

:is(.d4pp-layout,.product-detail-content:has(.mcui-v2)) .product-detail-description:has(.mcui-aion .mcui-story) > .product-detail-description-title h2::before{content:"";flex:0 0 auto;inline-size:28px;block-size:28px;background:url("data:image/webp;base64,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") center/contain no-repeat}

.a2l-raid__meta [data-reset] b{font-weight:600;color:var(--cyan);font-variant-numeric:tabular-nums}
@container d4pp (max-width: 1023px){.a2l-pick{margin-block-end:16px}}
.a2l .a2l-gear{display:flex;align-items:center;gap:11px;inline-size:100%;margin-block-start:12px;padding:7px 14px 7px 7px;border-radius:10px;border:1px dashed var(--line2);background:transparent;color:var(--copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .25s,background-color .25s}
.a2l-gear[hidden]{display:none}
.a2l-gear__slot{position:relative;display:grid;place-items:center;flex:none;inline-size:34px;block-size:34px;border-radius:7px;border:1px dashed rgba(160,185,255,.3);background:rgba(255,255,255,.02);transition:background .3s,border-color .3s}
.a2l-gear__slot>.a2l-sp{inline-size:24px;block-size:24px;opacity:.5;filter:grayscale(.7);transition:opacity .3s,filter .3s}
.a2l-gear__mark{position:absolute;inset-block-end:-5px;inset-inline-end:-5px;display:grid;place-items:center;inline-size:17px;block-size:17px;border-radius:50%;background:#2a3142;color:var(--ink);box-shadow:0 0 0 2px #151925;transition:background .25s,color .25s}
.a2l-gear__mark svg{grid-area:1/1;inline-size:11px;block-size:11px}
.a2l-gear__mark svg+svg,.a2l-gear.is-on .a2l-gear__mark svg:first-child{display:none}
.a2l-gear.is-on .a2l-gear__mark svg+svg{display:block}
.a2l-gear__text{display:grid;gap:0;min-inline-size:0}
.a2l-gear__text b{font-size:14px;font-weight:600;line-height:1.3;color:var(--ink)}
.a2l-gear__text small{font-size:12px;line-height:1.35;color:var(--muted)}
.a2l-gear__price{margin-inline-start:auto;padding-inline-start:8px;font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .25s}
.a2l .a2l-gear.is-on{border-style:solid;border-color:rgba(246,201,78,.6);background:rgba(246,201,78,.07)}
.a2l-gear.is-on .a2l-gear__slot{border-style:solid;border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,#4f3609,#b07d22)}
.a2l-gear.is-on .a2l-gear__slot>.a2l-sp{opacity:1;filter:none}
.a2l-gear.is-on .a2l-gear__mark{background:var(--gold);color:#1a1405}
.a2l-gear.is-on .a2l-gear__price{color:var(--gold)}
.a2l .a2l-gear:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media (hover:hover){.a2l .a2l-gear:hover{border-color:rgba(246,201,78,.5);background:var(--cell)}.a2l .a2l-gear.is-on:hover{background:rgba(246,201,78,.1)}}

/* Story: boss route and weekly kill card */
.mcui-aion-bosses>.mcui-aion-boss:not(:last-child)::after{content:"";position:absolute;left:53px;top:94px;bottom:-34px;width:2px;border-radius:2px;background:linear-gradient(color-mix(in oklab,var(--accent) 70%,transparent),color-mix(in oklab,var(--accent) 15%,transparent))}
.mcui-aion-bosses .mcui-aion-boss--cube{--accent:oklch(0.8 0.12 195);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 30%,transparent)}
.mcui-aion-bosses .mcui-aion-boss--cube img{padding:6px;object-fit:contain;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 22%,transparent),var(--v2-inner) 70%)}
.mcui-aion-boss__cta{display:flex;align-items:center;align-self:stretch;padding-left:20px;border-left:1px solid color-mix(in oklab,var(--accent) 22%,transparent)}
.mcui-content a.mcui-aion-boss__go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding:0 16px 0 18px;border-radius:8px;background:color-mix(in oklab,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 45%,transparent);color:var(--v2-ink);font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;transition:background-color .15s ease-out,box-shadow .15s ease-out}
.mcui-aion-boss__go svg{inline-size:16px;block-size:16px;color:var(--accent);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.mcui-content a.mcui-aion-boss__go:hover{background:color-mix(in oklab,var(--accent) 24%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 70%,transparent)}
.mcui-content a.mcui-aion-boss__go:hover svg{transform:translateY(-2px)}
.mcui-content a.mcui-aion-boss__go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mcui-aion-boss__go svg{transition:none}}
@media (max-width:640px){.mcui-aion-bosses>.mcui-aion-boss:not(:last-child)::after{left:41px;top:74px;bottom:-30px}.mcui-aion-bosses .mcui-aion-boss--cube{grid-template-columns:56px minmax(0,1fr);align-items:start}.mcui-aion-boss__cta{grid-column:1/-1;margin-top:4px;padding:14px 0 0;border-left:0;border-top:1px solid color-mix(in oklab,var(--accent) 22%,transparent)}.mcui-content a.mcui-aion-boss__go{flex:1}}
/* Loot table: every cube, chance drops, Ludra's Bracelet route */
.mcui-content.mcui-v2.mcui-aion .mcui-aion-loot>p{max-inline-size:680px}
.mcui-aion-loot{--unique:linear-gradient(180deg,#4f3609,#b07d22);--legend:linear-gradient(180deg,#0d3d42,#1b8a8f);--common:linear-gradient(180deg,#2a2f3a,#5b6170);--hard:oklch(0.7 0.15 25)}
.mcui-aion-loot__panel{margin-top:12px;padding:18px 20px;border-radius:var(--v2-r,16px);background:var(--v2-card)}
.mcui-content .mcui-aion-loot h4{margin:0 0 14px;color:var(--v2-ink);font-size:15px;font-weight:700;line-height:1.35}
.mcui-aion-loot__tile{position:relative;flex:0 0 auto;display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:8px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .12),0 4px 10px rgb(0 0 0 / .35)}
.mcui-aion-loot__tile--unique{background:var(--unique)}
.mcui-aion-loot__tile--legend{background:var(--legend)}
.mcui-aion-loot__tile--common{background:var(--common)}
.mcui-aion-loot__tile img{inline-size:44px;block-size:44px;object-fit:contain}
.mcui-aion-loot__tile em{position:absolute;right:-6px;bottom:-6px;padding:1px 5px;border-radius:6px;background:var(--v2-badge);color:var(--v2-ink);font-size:11px;font-style:normal;font-weight:800;line-height:1.4;font-variant-numeric:tabular-nums}
.mcui-aion-loot__fixed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.mcui-aion-loot__fixed li{display:flex;align-items:center;gap:12px;margin:0;padding:0;color:var(--v2-copy);font-size:13.5px;line-height:1.35}
.mcui-aion-loot__fixed li::before{content:none}
.mcui-aion-loot__fixed b{display:block;margin-top:2px;color:var(--v2-ink);font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mcui-content .mcui-aion-loot__note{margin:14px 0 0;color:var(--v2-muted);font-size:13.5px;line-height:1.55}
.mcui-aion-loot__table{display:grid}
.mcui-aion-loot__row{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--v2-line)}
.mcui-aion-loot__row--head{padding:0 0 8px;border-top:0;color:var(--mcui-tint);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.mcui-aion-loot__row--head span:last-child{color:var(--hard)}
.mcui-aion-loot__item{display:flex;align-items:center;gap:12px;min-width:0}
.mcui-aion-loot__item b{color:var(--v2-ink);font-size:14.5px;font-weight:700;line-height:1.35}
.mcui-aion-loot__odds{color:var(--v2-copy);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mcui-aion-loot__odds--hard{color:var(--v2-ink)}
.mcui-aion-loot__route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:none}
.mcui-aion-loot__route li{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:14px;border-radius:12px;background:var(--v2-inner);color:var(--v2-copy);font-size:13.5px;line-height:1.45}
.mcui-aion-loot__route li::before{content:none}
.mcui-aion-loot__route li+li::after{content:"";position:absolute;left:-12px;top:50%;inline-size:12px;block-size:2px;background:color-mix(in oklab,var(--mcui-tint) 45%,transparent)}
.mcui-aion-loot__route b{display:block;margin-bottom:2px;color:var(--v2-ink);font-size:14px}
@media (max-width:767px){.mcui-aion-loot__fixed{grid-template-columns:repeat(2,minmax(0,1fr))}.mcui-aion-loot__route{grid-template-columns:minmax(0,1fr)}.mcui-aion-loot__route li+li::after{left:37px;top:-12px;inline-size:2px;block-size:12px}}
@media (max-width:560px){.mcui-aion-loot__panel{padding:16px}.mcui-aion-loot__row{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.mcui-aion-loot__row--head{display:none}.mcui-aion-loot__item{grid-column:1/-1}.mcui-aion-loot__odds{padding-left:60px;font-size:14px}.mcui-aion-loot__odds::before{content:attr(data-mode) " · ";color:var(--v2-muted);font-weight:400}.mcui-aion-loot__odds--hard{padding-left:0;text-align:right}.mcui-aion-loot__odds--hard::before{color:var(--hard)}.mcui-aion-loot:lang(de) .mcui-aion-loot__row{grid-template-columns:minmax(0,1fr)}.mcui-aion-loot:lang(de) .mcui-aion-loot__odds--hard{padding-left:60px;text-align:left}}