:root{--tier-basic:#c3bcb4;--tier-common:#366f42;--tier-rare:#5076a3;--tier-legendary:#522f65;--tier-exotic:#ceae33;--color-icon-surface:#22262e;--color-icon-border:#4a4f59}:root,:root[data-theme=dark]{--color-bg:#16181d;--color-panel:#1c1f26;--color-panel-alt:#22262e;--color-border:#33373f;--color-border-strong:#4a4f59;--color-text:#f2f2f2;--color-text-muted:#9aa0a8;--color-accent:#f5b820;--color-accent-contrast:#1a1a1a;--color-danger:#e06c6c;--color-success:#6ddc8b;--color-energy:#5ea9e8;--color-overlay:#000000a6;--shadow-panel:0 12px 32px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--color-bg:#f4f5f7;--color-panel:#fff;--color-panel-alt:#e9ebef;--color-border:#d3d7de;--color-border-strong:#a8aeb8;--color-text:#1b1d22;--color-text-muted:#5e646e;--color-accent:#a9761a;--color-accent-contrast:#fff;--color-danger:#b3312f;--color-success:#2c7a45;--color-energy:#1f6fb0;--color-overlay:#14161a73;--shadow-panel:0 12px 32px #14161a38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--color-bg:#f4f5f7;--color-panel:#fff;--color-panel-alt:#e9ebef;--color-border:#d3d7de;--color-border-strong:#a8aeb8;--color-text:#1b1d22;--color-text-muted:#5e646e;--color-accent:#a9761a;--color-accent-contrast:#fff;--color-danger:#b3312f;--color-success:#2c7a45;--color-energy:#1f6fb0;--color-overlay:#14161a73;--shadow-panel:0 12px 32px #14161a38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root{--item-size:75px;--item-gap:8px;--radius-sm:2px;--radius:4px;--radius-full:999px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-main{flex-direction:column;gap:1.5rem;min-height:100vh;margin-inline:auto;padding:1.5rem;display:flex}.app-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.app-header__title{letter-spacing:.02em;font-size:1.5rem;font-weight:700}.auth-bar{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.auth-bar__name{color:var(--color-text);font-weight:600}.header-actions{align-items:center;gap:.5rem;display:flex}.header-actions__spin{line-height:1;display:inline-block}.header-actions__spin--active{animation:.8s linear infinite header-spin}@keyframes header-spin{to{transform:rotate(360deg)}}.login-screen{flex:1;justify-content:center;align-items:center;display:flex}.btn{border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-panel-alt);color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:hover{background-color:color-mix(in srgb, var(--color-panel-alt) 80%, var(--color-text));border-color:var(--color-text-muted)}.btn--primary{background-color:var(--color-accent);color:var(--color-accent-contrast);border-color:#0000;padding:.625rem 1.25rem;font-size:1rem;font-weight:600}.btn--primary:hover{background-color:color-mix(in srgb, var(--color-accent) 85%, var(--color-text));border-color:#0000}.btn--small{padding:.3rem .65rem;font-size:.8125rem}.dashboard{flex-direction:column;gap:1.5rem;display:flex}.manifest-loader{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0;font-size:.875rem;display:flex}.manifest-loader__track{border-radius:var(--radius-sm);background-color:var(--color-panel-alt);width:12rem;height:6px;overflow:hidden}.manifest-loader__fill{background-color:var(--color-accent);height:100%;transition:width .2s}.manifest-loader--error{color:var(--color-danger)}.inventory-view{flex-direction:column;gap:1.5rem;display:flex}.inventory-view__characters{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.inventory-view__sections{flex-direction:column;gap:1.25rem;display:flex}.inventory-view__message{color:var(--color-text-muted);font-size:.875rem}.inventory-view__message--error{color:var(--color-danger)}.item-grid{flex-direction:column;gap:.5rem;display:flex}.item-grid__title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.625rem;font-weight:600}.item-grid__items{gap:var(--item-gap);flex-wrap:wrap;display:flex}.item-grid__viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) #0000;max-height:min(60vh,34rem);overflow-y:auto}.item-grid__canvas{width:100%;position:relative}.item-grid__row{gap:var(--item-gap);display:flex;position:absolute;top:0;left:0}.character-tab{--tab-text:#f2f2f2;--tab-accent:#f5b820;color:var(--tab-text);aspect-ratio:474/96;cursor:pointer;border:none;align-items:center;min-width:15rem;transition:box-shadow .12s ease-in-out;display:flex;position:relative}.character-tab:hover{box-shadow:0 0 2px 1px var(--color-accent)}.character-tab__emblem{background-image:var(--emblem-url);background-position:50%;background-size:cover;position:absolute;inset:0}.character-tab__icon-space{aspect-ratio:1;height:100%}.character-tab__text{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.character-tab__info{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.character-tab__class{color:var(--tab-text);font-weight:600}.character-tab__power{color:var(--tab-accent);font-size:1.2rem}.character-tab--selected{box-shadow:0 0 2px 1px var(--color-accent)}.item{width:var(--item-size);height:var(--item-size);border:1px solid var(--color-icon-border);background-color:var(--color-icon-surface);cursor:pointer;padding:-1px;transition:border-color .12s;position:relative;overflow:hidden}.item:hover{border-color:var(--color-text-muted)}.item--pinned{border-color:var(--color-accent)}.item--shape-diamond,.item--shape-circle{background:0 0;border:none}.item--shape-diamond:hover,.item--shape-circle:hover{filter:drop-shadow(0 0 2px var(--color-text-muted))}.item--shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.item--shape-circle{clip-path:circle(50%)}.item--shape-diamond.item--pinned,.item--shape-circle.item--pinned{filter:drop-shadow(0 0 3px var(--color-accent))}.item-thumb{width:100%;height:100%;display:block;position:relative}.item-thumb--tier-basic{background-color:var(--tier-basic)}.item-thumb--tier-common{background-color:var(--tier-common)}.item-thumb--tier-rare{background-color:var(--tier-rare)}.item-thumb--tier-legendary{background-color:var(--tier-legendary)}.item-thumb--tier-exotic{background-color:var(--tier-exotic)}.item-thumb--holofoil{background-image:var(--holofoil-bg);background-position:50%;background-size:cover}.item-thumb__background,.item-thumb__img,.item-thumb__overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.item-thumb__background,.item-thumb__overlay{pointer-events:none}.item-thumb--sm{border-radius:var(--radius-sm);border:1px solid #ffffff40;flex-shrink:0;width:2.5rem;height:2.5rem}.floating-layer{z-index:50}.floating-layer--nested{z-index:60}.item-tooltip{border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-panel);width:fit-content;color:var(--color-text);overflow:hidden;box-shadow:0 8px 24px #0000008c}.item-tooltip__tier{background-color:var(--tier-color,var(--color-border-strong));height:4px}.item-tooltip__header{background-color:color-mix(in srgb, var(--tier-color,#444) 45%, var(--color-panel));justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;display:flex}.item-tooltip__identity{min-width:0}.item-tooltip__name{text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.item-tooltip__type{color:#ffffffbf;font-size:.75rem}.item-tooltip__meta{align-items:center;gap:.375rem;display:flex}.item-tooltip__tags{letter-spacing:.02em;color:var(--color-accent);margin-top:.125rem;font-size:.6875rem;font-weight:600}.item-tooltip__power{color:var(--damage-color,var(--color-text));font-size:1.125rem;font-weight:700}.item-tooltip__body{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.item-tooltip__archetype{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.item-tooltip__archetype-name{font-weight:600}.item-tooltip__archetype-detail{color:var(--color-text-muted)}.item-tooltip__stats{flex-direction:column;gap:.25rem;display:flex}.item-tooltip__total{color:var(--color-text-muted);justify-content:flex-end;gap:.5rem;font-size:.75rem;display:flex}.item-tooltip__energy{flex-direction:column;gap:.25rem;display:flex}.item-tooltip__energy-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.625rem;font-weight:600}.item-tooltip__energy-pips{gap:2px;display:flex}.item-tooltip__energy-pip{border-radius:var(--radius-sm);background-color:var(--color-panel-alt);flex:1;height:8px}.item-tooltip__energy-pip--used{background-color:var(--color-energy)}.item-tooltip__hint{color:var(--color-text-muted);font-size:.625rem;font-style:italic}.item-tooltip__loading{color:var(--color-text-muted);padding:.75rem;font-size:.875rem}.socket-section{flex-direction:column;gap:.375rem;display:flex}.socket-section__title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.625rem;font-weight:600}.socket-section__columns{gap:.375rem;display:flex}.socket-section__row{flex-wrap:wrap;gap:.375rem;display:flex}.socket-column{border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-icon-surface) 40%, transparent);flex-direction:column;gap:.25rem;padding:.25rem;display:flex}.modal-overlay{background-color:var(--color-overlay);z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex}.modal{border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-panel);width:100%;max-width:44rem;height:40rem;max-height:min(85vh,40rem);color:var(--color-text);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.modal__title{text-transform:uppercase;letter-spacing:.04em;font-size:1.125rem;font-weight:700}.modal__close{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.modal__close:hover{background-color:var(--color-panel-alt);color:var(--color-text)}.plug-icon{border:1px solid var(--color-icon-border);border-radius:var(--radius-full);background-color:var(--color-icon-surface);flex-shrink:0;width:2.5rem;height:2.5rem;padding:5px;overflow:hidden}.plug-icon__img{width:100%;height:100%}.plug-icon--square{border:none;border-radius:0;width:2.5rem;height:2.5rem;padding:0}.plug-icon--equipped{border-color:var(--color-accent);background-color:#74a8cc}.plug-icon--available{opacity:.85}.plug-icon--available:hover{opacity:1}.plug-icon.plug-icon--equipped.plug-icon--square{background-color:unset}.plug-tooltip{border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-panel);width:max-content;max-width:20rem;color:var(--color-text);box-shadow:var(--shadow-panel);overflow:hidden}.plug-tooltip__header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.125rem;padding:.5rem .625rem;display:flex}.plug-tooltip__name{font-size:.875rem;font-weight:700}.plug-tooltip__type{letter-spacing:.04em;color:var(--color-text-muted);font-size:.6875rem}.plug-tooltip__body{flex-direction:column;gap:.5rem;padding:.5rem .625rem;display:flex}.plug-tooltip__description{color:var(--color-text-muted);white-space:pre-line;font-size:.75rem;line-height:1.45}.plug-tooltip__stats{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.plug-tooltip__stat{color:var(--color-success);align-items:baseline;gap:.375rem;font-size:.75rem;display:flex}.plug-tooltip__stat--negative{color:var(--color-danger)}.plug-tooltip__stat-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2rem;font-weight:700}.plug-tooltip__stat-name{color:var(--color-text)}.settings{grid-template-columns:1fr;height:100%;min-height:0;display:grid}@media (min-width:640px){.settings{grid-template-columns:12rem 1fr}}.settings__nav{border-bottom:1px solid var(--color-border);flex-direction:row;gap:.25rem;padding:.5rem;display:flex;overflow-x:auto}@media (min-width:640px){.settings__nav{border-bottom:none;border-right:1px solid var(--color-border);flex-direction:column;overflow-x:visible}}.settings__nav-item{border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:.9375rem}.settings__nav-item:hover{background-color:var(--color-panel-alt);color:var(--color-text)}.settings__nav-item--active{background-color:var(--color-panel-alt);color:var(--color-text);box-shadow:inset 2px 0 0 var(--color-accent);font-weight:600}.settings__panel{padding:1rem;overflow-y:auto}.settings__group{flex-direction:column;display:flex}.settings__value{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.settings__pending{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:.75rem;height:.75rem;animation:.7s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.setting-row{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.setting-row+.setting-row{border-top:1px solid var(--color-border)}.setting-row__text{min-width:0}.setting-row__label{font-size:.9375rem;display:block}.setting-row__hint{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.setting-row__control{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.select{border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-panel-alt);color:var(--color-text);font:inherit;cursor:pointer;padding:.375rem .5rem;font-size:.875rem}.select:disabled{opacity:.5;cursor:not-allowed}.toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background-color:var(--color-panel-alt);cursor:pointer;width:2.5rem;height:1.375rem;padding:0;transition:background-color .12s;position:relative}.toggle__knob{border-radius:var(--radius-full);background-color:var(--color-text-muted);width:1rem;height:1rem;transition:transform .12s,background-color .12s;position:absolute;top:2px;left:2px}.toggle--on{background-color:var(--color-accent);border-color:var(--color-accent)}.toggle--on .toggle__knob{background-color:var(--color-accent-contrast);transform:translate(1.125rem)}.icon-size{align-items:center;gap:.75rem;display:flex}.icon-size__slider{width:8rem;accent-color:var(--color-accent)}.icon-size__field{align-items:center;gap:.25rem;display:flex}.icon-size__input{border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-panel-alt);width:3.5rem;color:var(--color-text);font:inherit;text-align:right;padding:.25rem .375rem;font-size:.875rem}.icon-size__unit{color:var(--color-text-muted);font-size:.75rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-sm);background-color:var(--color-panel-alt);background-image:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);background-size:200% 100%;flex-shrink:0;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton--circle{border-radius:var(--radius-full);width:2.5rem;height:2.5rem}.skeleton--square{width:1.875rem;height:1.875rem}.skeleton--title{width:5.5rem;height:.625rem}.skeleton--line{height:.75rem}.skeleton--line-lg{width:8rem}.skeleton--line-md{width:6rem}.skeleton--line-sm{width:4rem;height:.625rem}.skeleton--stat{width:100%;height:.5rem}.tooltip-skeleton{flex-direction:column;gap:.75rem;display:flex}.tooltip-skeleton__archetype{align-items:center;gap:.5rem;display:flex}.tooltip-skeleton__lines{flex-direction:column;gap:.25rem;display:flex}.tooltip-skeleton__section{flex-direction:column;gap:.375rem;display:flex}.tooltip-skeleton__stats{flex-direction:column;gap:.5rem;display:flex}.stat-bar{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.stat-bar__name{text-align:right;width:7rem;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat-bar__value{text-align:right;font-variant-numeric:tabular-nums;width:2rem;font-weight:600}.stat-bar__track{background-color:var(--color-panel-alt);flex:1;height:12px;overflow:hidden}.stat-bar__fill{width:var(--stat-pct,0%);background-color:var(--color-text-muted);height:100%}.stat-bar--plain .stat-bar__value{text-align:left;color:var(--color-text-muted);flex:1;padding-left:.25rem}