:root{--ground:#121821;--surface:#19212d;--raised:#212b3a;--sunken:#0f141c;--line:#2a3546;--line-strong:#3a4860;--text:#e6ebf2;--text-muted:#8d9bb0;--text-faint:#66748a;--gold:#f2b84b;--gold-ink:#1b1406;--danger:#ff7b72;--ok:#5ccf8f;--focus:#f2b84b;--melee:#f0795b;--ranged:#5ccf8f;--magic:#6ea8ff;--font:"Figtree", "Segoe UI", system-ui, sans-serif;--font-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--step--2:.75rem;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.125rem;--step-2:1.5rem;--step-3:2.25rem;--step-4:2.75rem;--radius-sm:8px;--radius:12px;--radius-lg:18px;--page:110rem;--gutter:1.5rem;--gap:1.25rem;--topbar:3.75rem;--ease:cubic-bezier(.2, .7, .2, 1);--shadow-pop:0 18px 40px -12px #000000a6}*,:before,:after{box-sizing:border-box}html{background:var(--ground);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:100%;line-height:1.5}body{background:radial-gradient(60rem 30rem at 85% -10%, #6ea8ff12, transparent 70%), radial-gradient(50rem 26rem at -10% 0%, #f2b84b0d, transparent 70%), var(--ground);background-attachment:fixed;min-height:100vh;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.15}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}h4{font-size:var(--step--1);color:var(--text-muted);font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:#f2b84b59}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{cursor:pointer;border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--line-strong);white-space:nowrap;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);align-items:center;gap:.45rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:#2a3648;border-color:#4a5a74}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.button--primary:hover:not(:disabled){background:#f7c76a;border-color:#f7c76a}.button--danger{color:#ffb3ad;background:#ff7b7224;border-color:#ff7b7273}.button--danger:hover:not(:disabled){border-color:var(--danger);background:#ff7b723d}.button--quiet{color:var(--text-muted);background:0 0;border-color:#0000;font-weight:500}.button--quiet:hover:not(:disabled){background:var(--raised);color:var(--text);border-color:#0000}.button--small{font-size:var(--step--1);padding:.3rem .6rem}.button__count{min-width:1.35rem;color:var(--gold);font-size:var(--step--2);text-align:center;background:#f2b84b29;border-radius:999px;padding:0 .4rem;font-weight:700;line-height:1.35rem}.icon-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--raised);color:var(--text)}input[type=search],input[type=number],select,textarea{border-radius:var(--radius-sm);background:var(--sunken);border:1px solid var(--line);width:100%;transition:border-color .12s var(--ease), box-shadow .12s var(--ease);padding:.55rem .75rem}input[type=search]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input[type=search]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2b84b2e}input::placeholder,textarea::placeholder{color:var(--text-faint)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%238d9bb0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2.25rem}select option{background:var(--surface)}textarea{font-family:ui-monospace,Consolas,monospace;font-size:var(--step--1);resize:vertical;word-break:break-all}input[type=range]{width:100%;accent-color:var(--gold);margin:.35rem 0}input[type=checkbox],input[type=radio]{accent-color:var(--gold);flex-shrink:0;width:1rem;height:1rem;margin:0}.field{gap:.35rem;display:grid}.field__label{font-size:var(--step--1);color:var(--text-muted)}.field__label strong{color:var(--text);font-weight:600}.check{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.6rem;margin:0 -.5rem;padding:.35rem .5rem;display:flex}.check:hover{background:#ffffff08}.check__hint{font-size:var(--step--1);color:var(--text-muted);display:block}.segmented{background:var(--sunken);border:1px solid var(--line);border-radius:10px;gap:.2rem;padding:.2rem;display:inline-flex}.segmented button,.tabs [role=tab]{color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:7px;padding:.35rem .8rem;font-weight:600}.segmented button:hover,.tabs [role=tab]:hover{color:var(--text)}.segmented button[aria-pressed=true],.tabs [role=tab][aria-selected=true]{background:var(--raised);color:var(--text);box-shadow:0 1px 2px #00000059, inset 0 0 0 1px var(--line-strong)}.hint{font-size:var(--step--1);color:var(--text-muted)}.error{color:var(--danger);font-weight:600}.warning{font-size:var(--step--1);border-radius:var(--radius-sm);color:#f5cf86;background:#f2b84b14;border:1px solid #f2b84b40;padding:.6rem .8rem}.empty{color:var(--text-muted);padding:1rem 0}.loading{color:var(--text-muted);text-align:center;padding:2rem 0}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#121821cc;position:sticky;top:0}.topbar__inner{max-width:var(--page);min-height:var(--topbar);padding:.5rem var(--gutter);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.brand{font-size:var(--step-1);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.6rem;font-weight:800;display:flex}.brand__mark{background:conic-gradient(from 90deg at 50% 62%, var(--magic) 0 120deg, var(--ranged) 0 240deg, var(--melee) 0);clip-path:polygon(50% 0,100% 100%,0 100%);width:1.4rem;height:1.25rem}.topbar__actions{align-items:center;gap:.25rem;display:flex}.topbar__progress{height:2px;position:absolute;inset:auto 0 -1px;overflow:hidden}.topbar__progress:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:30%;animation:sweep 1.1s var(--ease) infinite;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}.account-menu{margin-left:.5rem;position:relative}.account-menu__trigger{background:var(--raised);border:1px solid var(--line-strong);cursor:pointer;color:var(--text);border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .7rem .3rem .3rem;font-weight:600;display:flex}.account-menu__trigger:hover{border-color:#4a5a74}.account-menu__trigger svg{color:var(--text-muted)}.account-menu__avatar{background:var(--gold);width:1.85rem;height:1.85rem;color:var(--gold-ink);font-family:var(--font-display);font-weight:800;font-size:var(--step--1);border-radius:50%;place-items:center;display:grid}.account-menu__alert{background:var(--gold);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #f2b84b33}.account-menu__panel{z-index:30;border-radius:var(--radius);background:var(--raised);border:1px solid var(--line-strong);width:min(19rem,100vw - 2rem);box-shadow:var(--shadow-pop);gap:.9rem;padding:1rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.account-menu__current{gap:.05rem;display:grid}.account-menu__current strong{font-family:var(--font-display);font-size:var(--step-1)}.account-menu__current span{font-size:var(--step--1);color:var(--text-muted)}.account-menu__switch{border:0;border-top:1px solid var(--line);margin:0;padding:.6rem 0 0}.account-menu__actions{border-top:1px solid var(--line);gap:.35rem;padding-top:.75rem;display:grid}.account-menu__actions .button{justify-content:center}.account-menu__confirm{border-radius:var(--radius-sm);font-size:var(--step--1);background:#ff7b720f;border:1px solid #ff7b7240;gap:.6rem;padding:.75rem;display:grid}.account-menu__confirm div{gap:.4rem;display:flex}.welcome{max-width:40rem;padding:0 var(--gutter);gap:2rem;margin:4rem auto;display:grid}.welcome__lede{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.015em;max-width:30em;font-weight:600;line-height:1.3}.import{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);gap:1.1rem;padding:1.5rem;display:grid}.import__steps{color:var(--text-muted);gap:.35rem;margin:0;padding-left:1.25rem;display:grid}.import__steps strong{color:var(--text)}.import__actions{gap:.5rem;display:flex}.page{gap:var(--gap);max-width:var(--page);padding:var(--gap) var(--gutter) 2rem;margin:0 auto;display:grid}.picker{position:relative}.picker__icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.picker input[type=search]{padding-left:2.6rem}.picker__list{z-index:15;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--radius);max-height:20rem;box-shadow:var(--shadow-pop);font-family:var(--font);font-size:var(--step-0);letter-spacing:0;margin:.35rem 0 0;padding:.3rem;font-weight:500;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.picker__option{cursor:pointer;border-radius:6px;padding:.5rem .7rem}.picker__option--active{color:var(--gold);background:#f2b84b24}.start{border-radius:var(--radius-lg);background:radial-gradient(40rem 16rem at 0% 0%, #f2b84b12, transparent 70%), var(--surface);border:1px solid var(--line);gap:.75rem;padding:clamp(2rem,6vw,4rem) clamp(1.25rem,5vw,3.5rem);display:grid}.start h2{font-size:clamp(var(--step-3), 4vw, 3.25rem);letter-spacing:-.03em;max-width:18em;font-weight:800}.start p{color:var(--text-muted);max-width:36em}.start .picker{max-width:34rem;margin-top:.75rem}.start .picker input[type=search]{font-size:var(--step-1);padding-block:.85rem}.fight{gap:1rem;display:grid}.fight__monster{align-items:center;gap:1.25rem;display:flex}.fight__portrait{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%, var(--raised), var(--sunken));border:1px solid var(--line);flex-shrink:0;place-items:center;width:6.5rem;height:6.5rem;display:grid}.fight__portrait img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000080);max-width:5.5rem;max-height:5.5rem}.fight__identity{flex:1;gap:.5rem;min-width:0;display:grid}.fight__identity .picker{max-width:36rem}.fight__identity .picker input[type=search]{font-family:var(--font-display);font-size:var(--step-2);padding-block:.4rem;font-weight:700}.fight__name{font-size:var(--step-4);letter-spacing:-.03em;font-weight:800;line-height:1}.fight__name button{font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.25rem .85rem;padding:0;display:inline-flex}.fight__change{border:1px solid var(--line-strong);font-family:var(--font);font-size:var(--step--1);letter-spacing:0;color:var(--text-muted);transition:color .12s var(--ease), border-color .12s var(--ease), background-color .12s var(--ease);border-radius:999px;align-items:center;padding:.25rem .65rem;font-weight:600;display:inline-flex}.fight__change:after{content:"/";background:var(--sunken);border:1px solid var(--line);font-size:var(--step--2);border-radius:4px;margin-left:.5rem;padding:0 .3rem;line-height:1.3}.fight__name button:hover .fight__change,.fight__name button:focus-visible .fight__change{color:var(--gold);border-color:var(--gold);background:#f2b84b14}.fight__facts{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.fight__facts li{background:var(--raised);border:1px solid var(--line);font-size:var(--step--1);color:var(--text-muted);border-radius:999px;padding:.15rem .6rem}.fight__facts strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.fight__facts .fight__attribute{text-transform:capitalize}.fight__settings{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:.85rem 1.5rem;padding:.85rem 1.1rem;display:flex}.fight__settings select{padding-block:.4rem}.fight__toggles{flex-wrap:wrap;gap:.5rem;display:flex}.chip-toggle{background:var(--sunken);border:1px solid var(--line);font-size:var(--step-0);cursor:pointer;transition:border-color .12s var(--ease), background-color .12s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem .4rem .65rem;font-weight:500;display:inline-flex}.chip-toggle:hover{border-color:var(--line-strong)}.chip-toggle:has(input:checked){color:#f7d58e;background:#f2b84b1a;border-color:#f2b84b80}.chip-toggle:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.chip-toggle input:focus-visible{outline:none}.protection,.fight__assumed{gap:.35rem;width:min(15rem,100%);display:grid}.protection{width:auto;min-width:min(15rem,100%)}.protection .field__label{white-space:nowrap;justify-content:space-between;gap:.75rem;display:flex}.protection__status{color:var(--text-muted)}.protection--warn .protection__status{color:#f5cf86;font-weight:600}.protection--warn select{border-color:#f2b84b73}.fight__budget{gap:.15rem;width:min(15rem,100%);display:grid}.fight__unmodelled{align-self:center}.fight__extra{margin-left:auto}.results{gap:var(--gap);transition:opacity .2s var(--ease);display:grid}.results--stale{opacity:.55}.switcher{display:none}.switcher__item{--hue:var(--gold);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:inset 3px 0 0 var(--hue);cursor:pointer;text-align:left;padding:.4rem .6rem .4rem .75rem;display:grid}.switcher__item--melee{--hue:var(--melee)}.switcher__item--ranged{--hue:var(--ranged)}.switcher__item--magic{--hue:var(--magic)}.switcher__item[aria-pressed=true]{border-color:var(--hue);background:color-mix(in srgb, var(--hue) 12%, var(--surface))}.switcher__label{color:var(--text-muted);font-weight:600}.switcher__dps{font-family:var(--font-display);font-size:var(--step-1);font-variant-numeric:tabular-nums;color:var(--hue);font-weight:800}.tabs{background:var(--sunken);border:1px solid var(--line);border-radius:10px;gap:.2rem;padding:.2rem;display:inline-flex}.tabs__count{background:var(--line);font-size:var(--step--2);border-radius:999px;margin-left:.2rem;padding:0 .4rem}.columns{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));align-items:start;display:grid}.column{--hue:var(--gold);--slot:5rem;--sprite-scale:2;scroll-margin-top:calc(var(--topbar) + 1rem);background:linear-gradient(180deg, color-mix(in srgb, var(--hue) 9%, transparent), transparent 9rem), var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:inset 0 3px 0 var(--hue);align-content:start;gap:1rem;padding:1.25rem;display:grid}.column--melee{--hue:var(--melee)}.column--ranged{--hue:var(--ranged)}.column--magic{--hue:var(--magic)}.column__head{flex-wrap:wrap;align-items:center;gap:.3rem .75rem;display:flex}.column__title{font-size:var(--step-2);color:var(--hue);font-weight:800}.column__best{color:var(--gold);font-size:var(--step--2);background:#f2b84b24;border-radius:999px;padding:.1rem .55rem;font-weight:700}.column__weapon{text-align:center;font-family:var(--font-display);font-size:var(--step-1);margin-top:-.35rem;font-weight:700}.picker-row{gap:.6rem;display:grid}.tiles{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.4rem;display:grid}.tile{border-radius:var(--radius-sm);background:var(--sunken);border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .12s var(--ease), background-color .12s var(--ease);justify-items:center;gap:.1rem;padding:.45rem .3rem .4rem;display:grid;position:relative}.tile:hover{border-color:var(--line-strong);background:var(--raised)}.tile--active,.tile--active:hover{background:color-mix(in srgb, var(--hue) 14%, var(--sunken));border-color:var(--hue)}.tile--more{color:var(--text-muted);align-content:center}.tile--more:hover{color:var(--text)}.tile__more{font-family:var(--font-display);font-size:var(--step-1);font-weight:800}.tile__icon{place-items:center;height:2.4rem;display:grid}.tile__icon img{image-rendering:pixelated;max-height:100%}.tile__dps{font-weight:700;font-size:var(--step--1)}.tile__upkeep{font-size:var(--step--2);color:var(--text-muted);white-space:nowrap}.tile__kicker{background:var(--ok);color:#0b2216;border-radius:999px;padding:0 .4rem;font-size:.6875rem;font-weight:700;line-height:1.1rem;position:absolute;top:-.5rem;left:50%;transform:translate(-50%)}.doll{position:relative}.doll__grid{grid-template-columns:repeat(3, var(--slot));grid-auto-rows:var(--slot);border-radius:var(--radius);background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--hue,var(--gold)) 7%, var(--sunken)), var(--sunken) 70%);border:1px solid var(--line);grid-template-areas:".head.""cape neck ammo""weapon body shield"".legs.""hands feet ring";justify-content:center;gap:.55rem .75rem;padding:1.1rem .75rem;display:grid}.doll__slot--head{grid-area:head}.doll__slot--cape{grid-area:cape}.doll__slot--neck{grid-area:neck}.doll__slot--ammo{grid-area:ammo}.doll__slot--weapon{grid-area:weapon}.doll__slot--body{grid-area:body}.doll__slot--shield{grid-area:shield}.doll__slot--legs{grid-area:legs}.doll__slot--hands{grid-area:hands}.doll__slot--feet{grid-area:feet}.doll__slot--ring{grid-area:ring}.doll__slot>button,.doll__empty{border-radius:var(--radius);place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.doll__slot>button{cursor:pointer;border:1px solid var(--line-strong);transition:border-color .12s var(--ease), transform .12s var(--ease);background:linear-gradient(160deg,#263142,#1c2533);padding:0;box-shadow:inset 0 1px #ffffff0d}.doll__slot>button:hover,.doll__slot--open>button{border-color:var(--hue,var(--gold));transform:translateY(-1px)}.doll__slot img{zoom:var(--sprite-scale);image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.doll__empty{border:1px dashed var(--line)}.doll__slot{position:relative}.doll__choices{background:var(--raised);border:1px solid var(--line-strong);min-width:1.3rem;color:var(--text);font-size:var(--step--2);text-align:center;pointer-events:none;border-radius:999px;padding:0 .3rem;font-weight:700;line-height:1.2rem;position:absolute;bottom:-.4rem;right:-.4rem}.doll__choices--changed{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.doll__slot--blocked .doll__empty{background:repeating-linear-gradient(135deg,#ffffff08 0 6px,#0000 6px 12px)}.doll__card{z-index:5;border-radius:var(--radius);background:var(--raised);border:1px solid var(--line-strong);border-top:2px solid var(--hue,var(--gold));width:min(21rem,100%);box-shadow:var(--shadow-pop);justify-items:start;gap:.3rem;padding:.85rem 1rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.doll__card-slot{font-size:var(--step--2);color:var(--text-muted)}.doll__card-name{font-family:var(--font-display);font-size:var(--step-1);line-height:1.2}.doll__card-reason{font-size:var(--step--1);color:var(--text-muted)}.ammo{border-top:1px solid var(--line);gap:.4rem;width:100%;margin-top:.35rem;padding-top:.6rem;display:grid}.ammo__list{gap:.15rem;max-height:15rem;margin:0 -.4rem;padding:0;list-style:none;display:grid;overflow-y:auto}.ammo__search{font-size:var(--step--1);padding-block:.4rem}.ammo__option{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;width:100%;padding:.3rem .5rem .3rem .3rem;display:flex}.ammo__option:hover{background:#ffffff0d}.ammo__option--active,.ammo__option--active:hover{background:color-mix(in srgb, var(--hue,var(--gold)) 14%, transparent);border-color:color-mix(in srgb, var(--hue,var(--gold)) 45%, transparent)}.ammo__icon{flex-shrink:0;place-items:center;width:2.25rem;height:2rem;display:grid}.ammo__icon img{image-rendering:pixelated;max-width:100%;max-height:100%}.ammo__name{min-width:0;font-size:var(--step--1);flex:1;font-weight:500}.ammo__unavailable{align-items:center;gap:.55rem;padding:.3rem .5rem .3rem .3rem;display:flex}.ammo__unavailable .ammo__icon{opacity:.5}.ammo__unavailable .ammo__name{color:var(--text-muted)}.ammo__reason{font-size:var(--step--2);color:#f5cf86;display:block}.ammo__kicker{background:var(--ok);color:#0b2216;border-radius:999px;margin-right:.4rem;padding:0 .4rem;font-size:.6875rem;font-weight:700}.ammo__tag{color:var(--ok);font-size:var(--step--2)}.ammo__tag--warn{color:var(--danger)}.ammo__figures{font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:end;display:grid}.ammo__dps{font-size:var(--step--1);font-weight:700}.ammo__upkeep{font-size:var(--step--2);color:var(--text-muted)}.doll__card .button{color:var(--danger);margin:.2rem 0 0 -.6rem}.headline{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;margin:0;display:grid}.headline>div{border-radius:var(--radius-sm);background:var(--sunken);border:1px solid var(--line);gap:.1rem;padding:.6rem .75rem;display:grid}.headline dt{font-size:var(--step--1);color:var(--text-muted)}.headline dd{font-family:var(--font-display);font-size:var(--step-1);font-variant-numeric:tabular-nums;margin:0;font-weight:700;line-height:1.2}.headline .headline__dps dd{font-size:var(--step-2);letter-spacing:-.02em;color:var(--hue,var(--gold));font-weight:800}.headline .headline__dps{background:color-mix(in srgb, var(--hue,var(--gold)) 10%, var(--sunken));border-color:color-mix(in srgb, var(--hue,var(--gold)) 35%, transparent)}.stats{margin:0;display:grid}.stats>div{font-size:var(--step-0);font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.stats>div:last-child{border-bottom:0}.stats dt{color:var(--text-muted);flex-shrink:0}.stats dd{text-align:right;margin:0;font-weight:500}.upkeep summary{cursor:pointer;font-size:var(--step--1);color:var(--text-muted)}.upkeep ul{font-size:var(--step--1);color:var(--text-muted);margin:.25rem 0 0;padding:0;list-style:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);gap:.75rem;padding:1.25rem;display:grid}.panel h2{font-size:var(--step-1)}.table-scroll{overflow-x:auto}.specs{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .75rem}.specs thead th{color:var(--text-muted);font-size:var(--step--1);white-space:nowrap;font-weight:600}.specs tbody tr:last-child>*{border-bottom:0}.specs tbody tr:hover{background:#ffffff06}.specs tbody th{font-weight:600}.specs__weapon{align-items:center;gap:.6rem;display:flex}.specs__weapon img{object-fit:contain;width:2rem;height:2rem;image-rendering:pixelated}.footnote{font-size:var(--step--1);color:var(--text-muted);text-align:center}.modal{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-pop);padding:0}.modal[open]{flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06090e99}.modal--center{width:min(46rem,100vw - 2rem);max-height:min(48rem,100vh - 3rem)}.modal--sheet{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:min(25rem,100vw);height:100vh;max-height:100vh;animation:slide-in .22s var(--ease);border-width:0 0 0 1px;margin:0 0 0 auto}@keyframes slide-in{0%{transform:translate(100%)}}.modal__body{flex-direction:column;gap:1rem;min-height:0;padding:1.1rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal__header h2{font-size:var(--step-2)}.preferences{gap:1.25rem;display:grid}.group{border:0;border-top:1px solid var(--line);gap:.4rem;margin:0;padding:1rem 0 0;display:grid}.group:first-child{border-top:0;padding-top:0}.group legend{float:left;width:100%;font-family:var(--font-display);font-size:var(--step-1);margin-bottom:.3rem;font-weight:700}.gear{gap:.85rem;min-height:0;display:grid}.gear__controls{flex-wrap:wrap;gap:.6rem;display:flex}.gear__controls input{flex:14rem;width:auto}.gear__list{gap:1.1rem;display:grid}.gear__slot h3{font-size:var(--step--1);color:var(--text-muted);margin-bottom:.3rem;font-weight:600}.gear__slot ul{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.15rem .75rem;margin:0;padding:0;list-style:none;display:grid}.gear__item{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.2rem .5rem;display:flex}.gear__item:hover{background:#ffffff08}.gear__item label{cursor:pointer;align-items:center;gap:.6rem;min-width:0;display:flex}.gear__icon{flex-shrink:0;place-items:center;width:2.25rem;height:2rem;display:grid}.gear__icon img{image-rendering:pixelated;max-width:100%;max-height:100%}:is(.gear__item:has(input:not(:checked)) .gear__icon,.gear__item:has(input:not(:checked)) .gear__name){opacity:.45}.gear__item--out .gear__name{color:var(--text-muted)}.gear__reason{font-size:var(--step--2);color:#f5cf86;text-align:right}@media (width<=56rem){:root{--gutter:1rem}.topbar{position:static}.topbar__actions .button{padding-inline:.6rem}.fight__name{font-size:var(--step-3)}.fight__portrait{width:4.5rem;height:4.5rem}.fight__portrait img{max-width:3.75rem;max-height:3.75rem}.fight__extra{margin-left:0}.switcher{margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.5rem;display:grid}.column:not(.column--focused){display:none}.modal--sheet{border-radius:0;width:100vw}}@media (width<=34rem){.brand{gap:0;font-size:0}.account-menu__name{display:none}.account-menu{margin-left:.25rem}.topbar__actions .button{font-size:var(--step--1);padding-inline:.45rem}.fight__change:after{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}