:root{--bg: #0d0b07;--bg2: #15110a;--panel: #1c1710;--panel2: #241d13;--border: #4a3b23;--border-bright: #6b5023;--gold: #ffd100;--gold-dim: #c8a44d;--text: #e8dcc4;--text-dim: #a89877;--shadow: rgba(0, 0, 0, .6);--body-glow: #2a2113;--chip-grad: linear-gradient(#3a2d17, #241a0d)}[data-theme=dark]{--bg: #0b0c0f;--bg2: #121419;--panel: #171a20;--panel2: #1e222b;--border: #333a46;--border-bright: #4c5666;--gold: #ffd54a;--gold-dim: #c9b06a;--text: #e7eaf0;--text-dim: #9aa3b3;--shadow: rgba(0, 0, 0, .7);--body-glow: #17202e;--chip-grad: linear-gradient(#262b35, #191c23)}[data-theme=light]{--bg: #efe8d8;--bg2: #e7dfcb;--panel: #fbf6ea;--panel2: #f3ecda;--border: #d3c4a2;--border-bright: #b9924a;--gold: #8a6a12;--gold-dim: #a07d24;--text: #2c2515;--text-dim: #6a5c40;--shadow: rgba(120, 96, 40, .25);--body-glow: #f8ecc9;--chip-grad: linear-gradient(#f0e6cd, #e4d8b8)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,var(--body-glow) 0%,transparent 60%),var(--bg);color:var(--text);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--gold-dim)}.app{max-width:1080px;margin:0 auto;padding:20px 16px 16px}.topbar{position:relative;text-align:center;padding:8px 0 20px;border-bottom:1px solid var(--border);margin-bottom:22px}.topbar__codex{position:absolute;top:6px;right:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;color:var(--gold);background:var(--chip-grad);border:1px solid var(--border-bright);border-radius:6px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}.topbar__actions{position:absolute;top:6px;right:0;display:flex;align-items:center;gap:8px}.topbar__actions .topbar__codex{position:static}.topbar__icon{cursor:pointer;font-size:14px;line-height:1;color:var(--gold);background:var(--chip-grad);border:1px solid var(--border-bright);border-radius:6px;padding:8px 10px}.topbar__icon:hover,.topbar__codex:hover{filter:brightness(1.18)}.topbar__codexcount{background:#0006;border-radius:10px;padding:1px 7px;font-size:12px;color:var(--text)}@media (max-width: 560px){.topbar__actions{position:static;justify-content:center;margin-top:10px}}.topbar__left{position:absolute;top:6px;left:0;display:flex;align-items:center;gap:8px}.topbar__help{cursor:pointer;font-family:inherit;font-weight:800;font-size:15px;line-height:1;color:var(--gold);background:var(--chip-grad);border:1px solid var(--border-bright);border-radius:6px;width:34px;height:34px}.topbar__help:hover{filter:brightness(1.18)}.topbar__calendar{display:grid;place-items:center;font-size:17px}.topbar__themes{display:flex;align-items:center;gap:4px;padding:3px;background:var(--chip-grad);border:1px solid var(--border-bright);border-radius:8px}.topbar__theme{cursor:pointer;font-size:14px;line-height:1;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:5px;filter:grayscale(.5) opacity(.6);transition:filter .12s ease,background .12s ease}.topbar__theme:hover{filter:none;background:#ffffff0f}.topbar__theme--active{filter:none;background:#00000047;border-color:var(--gold)}@media (max-width: 560px){.topbar__left{position:static;justify-content:center;margin-bottom:10px}}.topbar__title{font-size:44px;margin:0;letter-spacing:1px;color:var(--gold);text-shadow:0 2px 0 #000,0 0 18px rgba(255,209,0,.25)}.topbar__accent{color:var(--text)}.topbar__tag{margin:6px 0 0;color:var(--text-dim);font-size:14px}.topbar__countdown{color:var(--gold-dim);font-weight:700;font-variant-numeric:tabular-nums}.modbanner{display:flex;align-items:center;gap:12px;max-width:600px;margin:14px auto 28px;padding:10px 16px;border:1px solid var(--border-bright);border-left:4px solid var(--gold);border-radius:8px;background:var(--chip-grad)}.modbanner__icon{font-size:26px;line-height:1;flex:0 0 auto}.modbanner__text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.modbanner__next{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding-left:14px;border-left:1px solid var(--border);text-align:right}.modbanner__nextlabel{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-weight:700}.modbanner__nextval{font-size:12.5px;font-weight:700;color:var(--gold-dim);white-space:nowrap}.modbanner__label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gold-dim);font-weight:700}.modbanner__name{font-size:16px;font-weight:700;color:var(--gold)}.modbanner__tagline{font-size:12.5px;color:var(--text-dim)}.modbanner__rerolls{flex:0 0 auto;align-self:center;white-space:nowrap;font-size:13px;font-weight:700;color:var(--gold);padding:5px 11px;border:1px solid var(--border-bright);border-radius:999px;background:#00000059}.modbanner__rerolls--locked{color:var(--gold-dim)}.modbanner__rerollswrap{display:contents}@media (max-width: 560px){.modbanner{flex-wrap:wrap;gap:8px 12px}.modbanner__text{flex:1 1 auto}.modbanner__rerollswrap{display:flex;order:3;flex-basis:100%;justify-content:center}.modbanner__rerolls{margin-inline:0}.modbanner__next{order:4;width:100%;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding-left:0;padding-top:8px;border-left:none;border-top:1px solid var(--border);text-align:center}}.modguide{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.modguide__row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#0000002e}.modguide__row--today{border-color:var(--gold);background:var(--chip-grad)}.modguide__icon{font-size:22px;line-height:1.2;flex:0 0 auto}.modguide__main{display:flex;flex-direction:column;gap:3px;min-width:0}.modguide__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.modguide__day{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--text-dim)}.modguide__name{font-size:15px;font-weight:700;color:var(--gold)}.modguide__badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#1a1206;background:var(--gold);border-radius:999px;padding:2px 7px}.modguide__desc{font-size:12.5px;color:var(--text-dim);line-height:1.4}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:11px 14px;border-radius:8px;border:1px solid var(--border-bright);background:#2a1c14;box-shadow:0 6px 24px #00000073;animation:toastIn .22s ease}.toast--warn{border-left:4px solid #e0a030}.toast__icon{font-size:18px;line-height:1;flex:0 0 auto}.toast__text{font-size:13px;color:var(--text);line-height:1.35}.toast__x{flex:0 0 auto;margin-left:2px;padding:2px 6px;font-size:13px;color:var(--text-dim);background:transparent;border:none;cursor:pointer}.toast__x:hover{color:var(--text)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.notice{text-align:center;padding:60px 0;color:var(--text-dim)}.notice--error{color:#ff6b6b}.reveal{text-align:center;padding:60px 20px}.reveal__copy{color:var(--text-dim);max-width:460px;margin:0 auto 24px}.btn{cursor:pointer;font-family:inherit;font-weight:700;border-radius:6px;border:1px solid var(--border-bright);background:var(--chip-grad);color:var(--gold);padding:12px 22px;font-size:15px;transition:filter .12s ease,transform .05s ease}.btn:hover{filter:brightness(1.18)}.btn:active{transform:translateY(1px)}.btn--roll{font-size:18px;padding:16px 34px}.btn--share{width:100%;margin-top:14px}.btn--dev{width:100%;margin-top:10px;border-color:#3a5a3a;background:linear-gradient(#20301f,#16210f);color:#a7d98a}.btn--codex{width:100%;margin-top:10px}.devbar{margin-top:18px;display:flex;justify-content:center}.devbar .btn--dev{width:auto}.stage{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}@media (max-width: 820px){.stage{grid-template-columns:1fr}}.charhead{display:flex;gap:14px;align-items:center;background:linear-gradient(var(--panel2),var(--panel));border:1px solid var(--border);border-left:4px solid var(--border-bright);border-radius:8px;padding:12px 16px;margin-bottom:16px}.charhead__classicon{width:46px;height:46px;border-radius:6px;border:1px solid #000}.charhead__name{margin:0;font-size:24px;color:var(--gold)}.charhead__sub{color:var(--text-dim);font-size:14px;margin-top:2px}.charhead__faction{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.charhead__faction--alliance{color:#5a80c8}.charhead__faction--horde{color:#c8503a}.charhead__raceicon{width:20px;height:20px;border-radius:4px}.paperdoll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left center right" "weapons weapons weapons";gap:14px;background:linear-gradient(var(--panel),var(--bg2));border:1px solid var(--border);border-radius:10px;padding:16px}.paperdoll__col:first-of-type{grid-area:left}.paperdoll__col:last-of-type{grid-area:right}.paperdoll__center{grid-area:center;display:flex;flex-direction:column;align-items:center;gap:10px}.paperdoll__weapons{grid-area:weapons;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--border);padding-top:14px}.paperdoll__col{display:flex;flex-direction:column;gap:10px}.paperdoll__portrait{width:100%}.portrait{position:relative;width:100%;border:2px solid var(--border-bright);border-radius:10px;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg2);box-shadow:inset 0 0 24px #00000080}.portrait__crest{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;filter:drop-shadow(0 1px 2px #000)}.portrait__avatar{position:relative;width:96px;height:96px;border-radius:50%;border:3px solid;overflow:visible;background:#000;box-shadow:0 3px 10px #0009}.portrait__race{width:100%;height:100%;border-radius:50%;object-fit:cover;image-rendering:auto}.portrait__classbadge{position:absolute;right:-6px;bottom:-6px;width:34px;height:34px;border-radius:8px;border:2px solid #000;background:#000}.portrait__label{font-weight:800;font-size:15px;letter-spacing:.5px;text-shadow:0 1px 3px #000}.btn--3d{width:100%;padding:8px 12px;font-size:13px}.model3d{position:relative;width:100%;aspect-ratio:.85;min-height:260px;border:2px solid var(--border-bright);border-radius:10px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#201a10,#0b0906 70%)}.model3d__host,.model3d__host canvas{width:100%;height:100%;display:block}.model3d__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:6px;text-align:center;padding:12px;color:var(--text-dim);font-size:13px;pointer-events:none}.model3d__overlay--err{color:#e6b3ae;align-content:center}.model3d__errmsg{font-family:ui-monospace,monospace;font-size:11px;color:var(--text);word-break:break-word;max-width:90%}.model3d__hint{font-size:11px;color:var(--text-dim)}.model3d__back{position:absolute;top:8px;left:8px;z-index:5;cursor:pointer;font-family:inherit;font-size:12px;color:var(--gold);background:#0009;border:1px solid var(--border-bright);border-radius:6px;padding:4px 10px}.model3d__back:hover{filter:brightness(1.2)}.paperdoll__trinkets{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.slot{position:relative;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);background:#00000052;border:1px solid var(--border);border-radius:6px;padding:6px;min-height:52px;overflow:hidden}.slot__link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:inherit}.slot:hover{background:#00000080}.slot__action{position:absolute;top:4px;right:4px;width:26px;height:26px;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--gold);background:#000000b8;border:1px solid var(--border-bright);border-radius:6px;opacity:.8;transition:opacity .12s ease,filter .12s ease,transform .12s ease}.slot__actionicon{display:block;width:16px;height:16px;fill:currentColor}.slot:hover .slot__action{opacity:1}.slot__action:hover,.slot__action:focus-visible{filter:brightness(1.2);opacity:1;transform:rotate(-18deg) scale(1.08);outline:none}.slot--actionable{padding-right:36px}.slot--acted{border-color:var(--gold-dim)}.slot__rerollcount{position:absolute;bottom:4px;right:4px;font-size:10px;font-weight:700;line-height:1;padding:2px 4px;color:var(--gold);background:#000000b8;border:1px solid var(--border-bright);border-radius:5px;pointer-events:none}.slot__icon{width:40px;height:40px;flex:0 0 40px;border-radius:4px;border:1px solid #000;background:#000}.slot--empty{opacity:.5;border-style:dashed}.slot--empty .slot__icon{background:repeating-linear-gradient(45deg,#1a1a1a,#1a1a1a 4px,#222 4px,#222 8px)}.slot__name{font-size:12.5px;line-height:1.2;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slot__placeholder{font-size:12px;color:var(--text-dim)}.scorepanel{background:linear-gradient(var(--panel2),var(--panel));border:1px solid var(--border);border-radius:10px;padding:18px}.scorepanel__grade{display:flex;align-items:center;gap:16px;margin-bottom:16px}.grade{font-size:46px;font-weight:800;width:72px;height:72px;display:grid;place-items:center;border:3px solid;border-radius:12px;text-shadow:0 2px 6px #000}.scorepanel__num{font-size:36px;font-weight:800;color:var(--gold)}.scorepanel__outof{color:var(--text-dim);margin-left:6px}.scorepanel__sub{margin:-12px 0 16px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);cursor:help}.axis{margin-bottom:12px}.axis__top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.axis__val{color:var(--gold-dim);font-weight:700}.axis__track{height:10px;border-radius:6px;background:#0c0a06;border:1px solid #000;overflow:hidden}.axis__fill{height:100%;background:linear-gradient(90deg,#7a5a1f,var(--gold));transition:width .5s ease}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.badge{position:relative;display:flex;align-items:center;gap:6px;background:#00000059;border:1px solid var(--border);border-radius:20px;padding:5px 12px 5px 8px;font-size:12.5px;cursor:help;outline:none}.badge:hover,.badge:focus-visible{border-color:var(--border-bright)}.badge--legendary{border-color:#ff8000;color:#ffcf99;background:linear-gradient(#ff800029,#00000059);box-shadow:0 0 10px #ff800040}.badge--epic{border-color:#a335ee;color:#dcbdf5;background:linear-gradient(#a335ee29,#00000059)}.badge--good{border-color:#4a7a2f;color:#cbe6ac}.badge--bad{border-color:#8a3a34;color:#e6b3ae}.badge--flavor{color:var(--text)}.badge--more{color:var(--text-dim);font-family:inherit;cursor:pointer;border-style:dashed}.badge--more:hover,.badge--more:focus-visible{color:var(--text);border-color:var(--border-bright)}.badge__icon{font-size:15px}.badge--new{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim),0 0 10px #ffd10040}.badge__new{position:absolute;top:-7px;right:-6px;z-index:2;font-size:8px;font-weight:800;letter-spacing:.5px;line-height:1;color:#1a1206;background:var(--gold);border-radius:999px;padding:2px 5px;box-shadow:0 1px 3px #00000080}.badge__rarity{color:var(--text-dim);font-size:11px;font-style:italic}.badge__tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:220px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#0b0906;border:1px solid var(--border-bright);border-radius:8px;box-shadow:0 6px 18px var(--shadow);color:var(--text);font-size:12px;line-height:1.35;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:20}.badge__tip strong{color:var(--gold)}.badge__tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-bright)}.badge:hover .badge__tip,.badge:focus-visible .badge__tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.stage__hint{color:var(--text-dim);font-size:12px;text-align:center;margin-top:12px}.viewbanner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(var(--panel2),var(--panel));border:1px solid var(--border-bright);border-left:4px solid var(--gold);border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:14px;color:var(--text)}.viewbanner strong{color:var(--gold)}.btn--small{padding:8px 14px;font-size:13px}.linkish{color:var(--gold-dim);cursor:pointer;text-decoration:underline}.footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;text-align:center;color:var(--text-dim);font-size:12px}.codex{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.codex__panel{width:min(900px,100%);max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(var(--panel2),var(--panel));border:2px solid var(--border-bright);border-radius:12px;box-shadow:0 20px 60px #000000b3;overflow:hidden}.codex__head{position:relative;display:flex;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--border);background:#00000040}.codex__head h2{margin:0;color:var(--gold);font-size:22px}.codex__progress{display:flex;align-items:center;gap:10px;flex:1}.codex__count{font-weight:800;color:var(--gold);font-size:18px}.codex__of{color:var(--text-dim);font-size:13px}.codex__bar{flex:1;max-width:240px;height:8px;background:#0c0a06;border:1px solid #000;border-radius:6px;overflow:hidden}.codex__barfill{height:100%;background:linear-gradient(90deg,#7a5a1f,var(--gold))}.codex__close{cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;width:32px;height:32px;font-size:15px}.codex__close:hover{border-color:var(--border-bright)}.codex__body{overflow-y:auto;padding:16px 20px 24px}.codex__cat{margin:18px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--gold-dim);border-bottom:1px solid var(--border);padding-bottom:4px}.codex__group:first-child .codex__cat{margin-top:0}.codex__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.codexbadge{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#0000004d}.codexbadge--locked{opacity:.5;filter:grayscale(1)}.codexbadge__icon{font-size:20px;line-height:1.1;flex:0 0 24px;text-align:center}.codexbadge__text{display:flex;flex-direction:column;gap:2px}.codexbadge__label{font-weight:700;font-size:13px}.codexbadge__desc{font-size:11.5px;color:var(--text-dim);line-height:1.3}.codex__tabs{display:flex;gap:6px;flex:1}.codex__tab{cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 14px}.codex__tab:hover{color:var(--text)}.codex__tab--active{color:var(--gold);border-color:var(--border-bright);background:#ffd10014}.codex__progress--body{margin-bottom:16px}.stats--empty{color:var(--text-dim);text-align:center;padding:40px 20px;line-height:1.5}.stats__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:8px}.stattile{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center}.stattile__value{font-size:24px;font-weight:800;color:var(--gold)}.stattile__label{font-size:11.5px;color:var(--text-dim);margin-top:2px}.gradedist{display:flex;flex-direction:column;gap:6px}.gradedist__row{display:flex;align-items:center;gap:10px}.gradedist__label{width:16px;font-weight:800;text-align:center}.gradedist__track{flex:1;height:12px;background:#0c0a06;border:1px solid #000;border-radius:6px;overflow:hidden}.gradedist__fill{height:100%;min-width:2px;border-radius:6px;transition:width .4s ease}.gradedist__count{width:28px;text-align:right;color:var(--text-dim);font-size:13px}.stats__best{font-size:13px;color:var(--text);background:#00000040;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.stats__classes{display:flex;flex-direction:column;gap:4px}.stats__classrow{display:flex;justify-content:space-between;font-size:14px;padding:4px 2px;border-bottom:1px solid var(--border)}.stats__classcount{color:var(--gold-dim);font-weight:700}@keyframes slotIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes gradePop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}60%{transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:none}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes legendaryPulse{0%,to{box-shadow:0 0 4px #ff800066}50%{box-shadow:0 0 14px #ff8000e6}}@keyframes shineRare{0%{box-shadow:0 0 #0070dd00}35%{box-shadow:0 0 16px 2px #0070ddd9}to{box-shadow:0 0 5px #0070dd2e}}@keyframes shineEpic{0%{box-shadow:0 0 #a335ee00}35%{box-shadow:0 0 22px 3px #a335eef2}to{box-shadow:0 0 7px #a335ee40}}@keyframes shineLegendary{0%{box-shadow:0 0 #ff800000}30%{box-shadow:0 0 30px 5px #ff9114}to{box-shadow:0 0 8px #ff800080}}.stage .slot{animation:slotIn .38s ease both;animation-delay:calc(var(--i, 0) * .06s)}.stage .slot--rare{animation:slotIn .38s ease both,shineRare 1s ease-out both;animation-delay:calc(var(--i, 0) * .06s),calc(var(--i, 0) * .06s + .22s)}.stage .slot--epic{animation:slotIn .38s ease both,shineEpic 1.4s ease-out both;animation-delay:calc(var(--i, 0) * .06s),calc(var(--i, 0) * .06s + .22s)}.stage .slot--legendary{animation:slotIn .38s ease both,shineLegendary 1.7s ease-out both,legendaryPulse 1.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .06s),calc(var(--i, 0) * .06s + .22s),calc(var(--i, 0) * .06s + 1.9s)}.scorepanel .grade{animation:gradePop .5s cubic-bezier(.34,1.56,.64,1) both}.grade--trash{font-size:40px;border-style:dashed;opacity:.9}.scorepanel .axis__fill{transform-origin:left;animation:barGrow .6s ease .15s both}@media (prefers-reduced-motion: reduce){@keyframes slotIn{0%{opacity:0}to{opacity:1}}@keyframes gradePop{0%{opacity:0}to{opacity:1}}@keyframes barGrow{0%{transform:none}to{transform:none}}@keyframes legendaryPulse{0%,to{box-shadow:0 0 10px #ff800099}}}.axis__label{position:relative;cursor:help;outline:none}.axis__info{color:var(--gold-dim);font-size:11px;margin-left:4px}.axis__tip{position:absolute;bottom:calc(100% + 8px);left:0;width:max-content;max-width:280px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#0b0906;border:1px solid var(--border-bright);border-radius:8px;box-shadow:0 6px 18px var(--shadow);color:var(--text);font-size:12px;line-height:1.35;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease;z-index:20}.axis__tip strong{color:var(--gold)}.axis__detail{color:var(--gold-dim);font-size:11px}.axis__detail:first-of-type{margin-top:4px;padding-top:5px;border-top:1px solid var(--border)}.axis__label:hover .axis__tip,.axis__label:focus-visible .axis__tip{opacity:1;visibility:visible}.imgshare{display:flex;gap:8px;margin-top:10px}.btn--img{flex:1}.btn--imgdl{width:46px;padding:12px 0}.stage__hint--reroll{color:var(--gold-dim);margin-top:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modalFade .16s ease both}.modal__box{width:100%;max-width:400px;background:linear-gradient(var(--panel2),var(--panel));border:2px solid var(--border-bright);border-radius:12px;box-shadow:0 20px 60px #000000b3;padding:22px 22px 18px;text-align:center;animation:modalPop .22s cubic-bezier(.34,1.56,.64,1) both}.modal__title{margin:0 0 8px;color:var(--gold);font-size:20px}.modal__msg{margin:0 0 18px;color:var(--text-dim);font-size:14px;line-height:1.5}.modal__actions{display:flex;gap:10px}.modal__actions .btn{flex:1}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--confirm{border-color:var(--border-bright)}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal,.modal__box{animation:modalFade .16s ease both}}@media (max-width: 420px){.modal__actions{flex-direction:column-reverse}}.modal__box--help{max-width:560px;text-align:left;position:relative;max-height:88vh;overflow-y:auto}.modal__x{position:absolute;top:12px;right:12px;cursor:pointer;font-size:15px;line-height:1;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:6px;padding:5px 9px}.modal__x:hover{color:var(--text);filter:brightness(1.2)}.help{color:var(--text);font-size:14px;line-height:1.55}.help p{margin:0 0 12px;color:var(--text-dim)}.help__lead{color:var(--text)!important}.help__h{margin:16px 0 6px;color:var(--gold);font-size:15px}.help__list{margin:0 0 12px;padding-left:18px;color:var(--text-dim)}.help__list li{margin:3px 0}.help strong{color:var(--text)}.help__hint{font-style:italic;font-size:13px}[data-theme=light] .slot__name{text-shadow:-.5px -.5px 0 rgba(0,0,0,.55),.5px -.5px 0 rgba(0,0,0,.55),-.5px .5px 0 rgba(0,0,0,.55),.5px .5px 0 rgba(0,0,0,.55),0 0 3px rgba(0,0,0,.35)}[data-theme=light] .badge{background:#ffffffa8;color:var(--text)}[data-theme=light] .badge--legendary{color:#a85400;background:linear-gradient(#ff800029,#ffffffa8)}[data-theme=light] .badge--epic{color:#7b2fb5;background:linear-gradient(#a335ee24,#ffffffa8)}[data-theme=light] .badge--good{color:#2f6a1a}[data-theme=light] .badge--bad{color:#a5352c}[data-theme=light] .badge__tip,[data-theme=light] .axis__tip{color:#ece3cf}[data-theme=light] .badge__tip strong,[data-theme=light] .axis__tip strong{color:#ffd54a}.codexbadge__label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.codexbadge__rarity{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 5px;border-radius:8px;border:1px solid currentColor;opacity:.85}.rarity--mythic,.rarity--legendary{color:#ff8000}.rarity--veryrare{color:#a335ee}.rarity--rare{color:#0070dd}.rarity--uncommon{color:#1eff00}.rarity--common{color:#9d9d9d}@media (max-width: 600px){.paperdoll{grid-template-columns:1fr;grid-template-areas:"center" "left" "right" "weapons";gap:12px;padding:12px}.paperdoll__center{max-width:300px;margin:0 auto;width:100%}.paperdoll__weapons{grid-template-columns:1fr;gap:10px}}