:root{--bg: #080b10;--bg-2: #0b0f14;--panel: rgba(14, 18, 24, .92);--panel-2: rgba(18, 24, 32, .78);--border: rgba(255, 255, 255, .1);--text: rgba(235, 240, 245, .94);--muted: rgba(235, 240, 245, .55);--accent: #3e7fb0;--accent-2: #98a3ad;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--radius: 14px}body{margin:0;color:var(--text);background:var(--bg);font-family:Space Grotesk,Barlow,Segoe UI,sans-serif}.app{min-height:100vh;background:var(--bg)}.app__main{position:relative;padding:18px;overflow:visible;background:var(--bg)}.app__main.with-drawer{margin-right:300px}.app__main.with-sidebar{margin-left:260px}.app__main:before{content:none}.app__content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding-bottom:24px}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);margin:0;width:fit-content;padding:10px 12px;border-radius:10px;background:#782828e6;border:1px solid rgba(200,80,80,.5);color:var(--text);font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);z-index:50;animation:toastIn .16s ease}.toast.is-hiding{animation:toastOut .18s ease forwards}.toast--shop{background:#225078eb;border:1px solid rgba(90,150,210,.5);top:16px;left:50%;right:auto;transform:translate(-50%)}.toast--shop.is-hiding{animation:toastOutShop .18s ease forwards}.toast__close{border:0;background:#ffffff1f;color:var(--text);border-radius:8px;width:24px;height:24px;cursor:pointer;display:grid;place-items:center;padding:0}.toast__close svg{width:12px;height:12px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}@keyframes toastOutShop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:#080b10f5;border-right:1px solid var(--border);padding:14px;transform:translate(-100%);transition:transform .18s ease;z-index:9}.sidebar.is-open{transform:translate(0)}.sidebar__handle{position:fixed;left:0;top:50%;transform:translateY(-50%);width:26px;height:44px;border-radius:0 10px 10px 0;border:1px solid rgba(255,255,255,.12);background:#0c1016bf;color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:14px;z-index:10}.sidebar__handle.is-open{left:260px}.sidebar__brand{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08}.sidebar__logo{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffffff14;font-weight:800}.sidebar__logoImg{width:28px;height:28px;image-rendering:pixelated}.sidebar__title{font-weight:800}.sidebar__subtitle{color:var(--muted);font-size:12px}.sidebar__section{margin:16px 10px 8px;font-size:13px;color:var(--muted);letter-spacing:.18em;font-family:Barlow,Space Grotesk,Segoe UI,sans-serif}.sidebar__group+.sidebar__group{margin-top:10px}.sidebar__nav{display:grid;gap:6px}.sidebar__item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:13px}.sidebar__label{display:flex;align-items:center;line-height:1}.sidebar__meta{margin-left:auto;font-size:11px;color:var(--muted);padding:3px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.sidebar__item:hover{background:#ffffff0d}.sidebar__item.is-active{background:#3e7fb02e;border-color:#3e7fb059}.sidebar__item:disabled{opacity:.45;cursor:not-allowed}.sidebar__label{flex:1}.sidebar__dot{width:8px;height:8px;border-radius:999px;background:#ffffff40}.sidebar__lock{margin-left:auto;opacity:.6;font-size:10px;letter-spacing:.1em}.appHeader{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(240px,1fr) minmax(220px,.8fr);gap:16px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);align-items:center}.appHeader__profile{display:grid;gap:4px}.appHeader__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.appHeader__name{font-size:18px;font-weight:700}.appHeader__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 14px}.appHeader__stat{display:grid;gap:4px}.appHeader__statLabel{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.appHeader__action{display:grid;gap:6px}.appHeader__actionLabel{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.appHeader__actionName{font-size:14px;font-weight:700}.appHeader__actionMeta{font-size:11px;color:var(--muted)}.appHeader__progress{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.appHeader__progressFill{height:100%;background:linear-gradient(90deg,#3e7fb059,#3e7fb0f2);transition:width .18s ease}.hero{margin-top:14px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hero__eyebrow{font-size:12px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.hero__title{margin:6px 0;font-size:28px}.hero__subtitle{margin:0;color:var(--muted);max-width:520px}.hero__side{display:grid;gap:10px;justify-items:end}.hero__status{display:flex;gap:10px;align-items:center}.hero__statusText{color:var(--muted);font-size:13px}.chip{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;font-weight:700}.badge{padding:6px 10px;border-radius:8px;font-weight:800;font-size:12px}.badge--amber{background:#98a3ad2e;border:1px solid rgba(152,163,173,.35)}.badge--blue{background:#3e7fb033;border:1px solid rgba(62,127,176,.35)}.badge--green{background:#4da87633;border:1px solid rgba(77,168,118,.35)}.badge--red{background:#d65c5c2e;border:1px solid rgba(214,92,92,.35)}.btn{border-radius:10px;border:1px solid var(--border);padding:10px 12px;background:#ffffff0a;color:var(--text);cursor:pointer;font-weight:600}.btn:hover{background:#ffffff12}.btn--primary{background:#3e7fb02e;border-color:#3e7fb059}.btn--ghost{opacity:.9}.panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);padding:12px;box-shadow:var(--shadow)}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel__title{font-weight:900;letter-spacing:.02em}.panel__subtitle{color:var(--muted);font-size:12px;margin-top:4px}.panel__body{display:grid;gap:12px}.page{margin-top:14px;display:grid;grid-template-columns:minmax(420px,1.4fr) minmax(280px,.8fr);gap:14px;align-items:start}.page--single,.page--combat{grid-template-columns:1fr}.combatLayout{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(280px,1fr) minmax(300px,1.05fr);gap:14px;align-items:start}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);padding:8px 10px;border-radius:8px;background:#0a0e14;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:11px;white-space:pre-line;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;z-index:20;box-shadow:0 16px 32px #00000073;min-width:200px;max-width:260px;max-height:320px;overflow:auto}.has-tooltip:hover:after{opacity:1;transform:translateY(0)}.combatLootCard{margin-top:10px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:grid;gap:10px}.combatLootCard__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.combatLootCard__title{font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.combatLootCard__actions{display:flex;gap:8px;flex-wrap:wrap}.combatLootCard__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.combatLootCard__item{padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:grid;gap:6px}.combatLootCard__name{font-weight:700;font-size:11px}.combatLootCard__qty{font-size:11px;color:var(--muted)}.combatStats{display:grid;gap:8px}.avatarSelect{display:flex;gap:8px;margin-bottom:10px}.avatarSelect__btn{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);padding:6px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.avatarSelect__btn.is-active{background:#3e7fb033;border-color:#3e7fb066}.combatStat{display:flex;justify-content:space-between;font-size:12px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}button.combatStat{width:100%;text-align:left;color:inherit;cursor:pointer}.combatStat.is-clickable:hover{border-color:#78b4ff59}.combatStat.is-clickable:focus-visible{outline:2px solid rgba(120,180,255,.45);outline-offset:2px}.combatStat__label{color:var(--muted)}.combatStat__value{font-weight:700}.combatTimers{margin-top:12px;display:grid;gap:10px}.combatTimer__label{font-size:11px;color:var(--muted);margin-bottom:4px}.combatTarget{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.combatTarget__title{font-weight:800;display:flex;align-items:center;gap:8px}.combatTarget__badge{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:999px;background:#c8505033;border:1px solid rgba(200,80,80,.35)}.combatTarget__meta{font-size:12px;color:var(--muted)}.combatTarget__gate{font-size:11px;color:#c8a0a0e6}.combatTarget__actions{display:flex;gap:8px;flex-wrap:wrap}.combatAreas{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.combatAreaButton{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);padding:6px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.combatAreaButton.is-active{background:#3e7fb033;border-color:#3e7fb066}.combatAreaButton.is-locked{opacity:.5;cursor:not-allowed;border-style:dashed}.combatLoot{display:grid;gap:4px;font-size:11px;color:var(--muted)}.combatLoot__row{padding:4px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.combatList{margin-top:12px;display:grid;gap:10px}.combatList__section{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.combatBanner{width:100%;max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059;margin-bottom:6px}.combatList__grid{display:grid;gap:8px}.combatList__item{text-align:left;border-radius:10px;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text);cursor:pointer}.combatList__item:hover{background:#ffffff0f}.combatList__item.is-active{border-color:#3e7fb080;background:#3e7fb01f}.combatList__item.is-locked{border-style:dashed;border-color:#c8505059;background:#6e28281f}.combatList__item:disabled{opacity:.5;cursor:not-allowed}.combatList__name{font-weight:700;font-size:12px}.combatList__meta{font-size:11px;color:var(--muted)}.stack{display:grid;gap:14px}.focusCard{margin-bottom:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-content:start}.shopSection{display:grid;gap:10px}.shopSection+.shopSection{margin-top:16px}.shopSection__title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.shopGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.autoFoodTriggers{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.autoFoodTriggers .btn{padding:4px 10px;font-size:11px}.autoFoodTriggers .btn.is-active{background:#3e7fb033;border-color:#3e7fb066}.shopCard{min-height:180px;width:100%;max-width:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.shopCard:hover{transform:translateY(-2px);border-color:#588cbe59;box-shadow:0 12px 24px #00000059}.shopCard:focus-visible{outline:2px solid rgba(88,140,190,.45);outline-offset:2px}.card{border-radius:var(--radius);border:1px solid var(--border);background:#0e131ae6;padding:12px;box-shadow:var(--shadow);position:relative;min-height:190px;display:grid;gap:6px;animation:riseIn .42s ease both;animation-delay:var(--delay, 0ms);cursor:pointer}.focusCard .card{border-color:#3e7fb073;box-shadow:0 20px 50px #0000008c;background:#10161ef2}.card.is-locked,.card.is-missing{opacity:.75;cursor:not-allowed;border-style:dashed;border-color:#c8505059;background:#6e28281f}.card__locked{min-height:160px;display:grid;place-items:center}.card__title{font-weight:900;letter-spacing:.02em}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card__meta{color:var(--muted);font-size:12px}.card__reward{margin-top:4px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card__rewardText{font-size:12px}.card__owned{margin-left:auto;font-size:11px;letter-spacing:.08em;color:var(--muted)}.pill{font-size:11px;font-weight:900;letter-spacing:.08em;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f}.lockBadge{position:static;padding:5px 8px;border-radius:8px;background:#c8505033;border:1px solid rgba(200,80,80,.35);font-weight:900;font-size:10px;letter-spacing:.04em}.task{display:grid;gap:10px}.task__title{font-weight:800}.task__note{color:var(--muted);font-size:12px}.task__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.inventory{display:grid;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.inventory::-webkit-scrollbar{width:8px}.inventory::-webkit-scrollbar-track{background:transparent}.inventory::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.inventory::-webkit-scrollbar-thumb:hover{background:#ffffff42;border:2px solid transparent;background-clip:padding-box}.inventory__row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.inventory__left{display:flex;gap:10px;align-items:center}.inventory__name{font-weight:700}.inventory__note{font-size:12px;color:var(--muted)}.inventory__qty{font-size:20px;font-weight:800}.log{display:grid;gap:6px;font-size:12px;color:var(--muted)}.logDrawer{position:fixed;top:0;right:0;width:300px;height:100vh;background:#0a0e14f5;border-left:1px solid var(--border);transform:translate(100%);transition:transform .18s ease;z-index:10;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.logDrawer__handle{position:fixed;right:0;top:50%;transform:translateY(-50%);width:26px;height:44px;border-radius:10px 0 0 10px;border:1px solid rgba(255,255,255,.12);background:#0c1016bf;color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:14px;z-index:11}.logDrawer__handle.is-open{right:300px}.logDrawer__fab{position:fixed;right:12px;top:12px;z-index:9;border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:6px 10px;background:#0c1016e6;color:var(--text);cursor:pointer;font-size:12px}.logDrawer.is-open{transform:translate(0)}.logDrawer__panel{margin:12px;display:grid;grid-template-rows:auto 1fr;gap:12px;height:calc(100% - 24px);min-height:0}.logCard__header{display:flex;align-items:center;justify-content:space-between}.logCard__title{font-weight:800}.logCard{border-radius:12px;border:1px solid var(--border);background:#ffffff08;padding:12px;display:grid;gap:10px}.logCard--loadout{min-height:0}.loadoutList{display:grid;gap:6px}.loadoutRow{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;font-size:12px}.loadoutRow__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.loadoutRow__value{font-weight:600}.loadoutRow__value.is-empty{color:var(--muted);font-weight:500}.logCard--list{min-height:0;grid-template-rows:auto 1fr;height:100%}.logCard--list .logDrawer__header{flex:0 0 auto}.logCard--list .logList{flex:1 1 auto}.logDrawer__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.logDrawer__title{font-weight:800}.logControls{display:flex;gap:8px;align-items:center}.logDrawer__toggle{border-radius:8px;border:1px solid rgba(255,255,255,.12);padding:0;background:#ffffff0a;color:var(--text);cursor:pointer;width:28px;height:28px;display:grid;place-items:center}.logDrawer__toggle.is-hidden{width:0;height:0;border:0;padding:0;opacity:0;pointer-events:none}.logFilterMenu{position:relative}.logFilterButton{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);cursor:pointer;display:grid;place-items:center}.logFilterButton svg{width:16px;height:16px}.logFilterList{position:absolute;right:0;top:calc(100% + 6px);background:#0a0e14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;display:none;min-width:120px;z-index:20;box-shadow:0 16px 32px #00000073}.logFilterList.is-open{display:grid;gap:4px}.logFilterItem{text-align:left;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-size:11px}.logFilterItem.is-active{border-color:#3e7fb066;background:#3e7fb02e}.logFilterCheck{display:inline-block;width:14px;margin-right:6px;text-align:center;color:#ffffffb3}.logList{display:grid;gap:8px;overflow-y:auto;padding-right:4px;min-height:0;height:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.logCard--list .logList{max-height:100%}.logList::-webkit-scrollbar{width:8px}.logList::-webkit-scrollbar-track{background:transparent}.logList::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.logList::-webkit-scrollbar-thumb:hover{background:#ffffff42;border:2px solid transparent;background-clip:padding-box}.logItem{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:12px;color:var(--muted);padding:6px 8px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.logItem__time{font-variant-numeric:tabular-nums;color:#ffffff80}.logItem__text{color:var(--text)}.logItem--empty{grid-template-columns:1fr;text-align:center;background:transparent;border:1px dashed rgba(255,255,255,.08);color:var(--muted)}.progress{margin-top:8px;height:10px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.progress--large{height:12px}.progress__bar{height:100%;background:repeating-linear-gradient(45deg,#3e7fb0e6,#3e7fb0e6 8px,#3e7fb0a6 8px 16px);transition:width .12s linear}.empty{color:var(--muted);font-size:13px}.settings{display:flex;gap:10px}@keyframes riseIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px){.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.appHeader{grid-template-columns:1fr}.sidebar{border-right:1px solid var(--border)}.page,.combatLayout{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}.hero__side{justify-items:start}}@media(max-width:640px){.shopGrid{grid-template-columns:1fr}}.inventoryTooltip__affixes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.inventoryTooltip__line--affixes{font-weight:700;color:var(--text);margin-top:6px}.affixPill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#090c12b3;font-size:11px;letter-spacing:.02em}.affixPill__label{color:#ffffffbf}.affixPill__value{font-weight:700;color:currentColor}.inventoryBar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:12px}.inventoryBar__actions{display:flex;gap:8px;align-items:center}.inventoryGrid{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:10px}.inventorySlot{border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:8px;display:grid;gap:6px;justify-items:start;min-height:96px;position:relative}.inventorySlot__content{width:100%;border-radius:8px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.inventorySlot:hover .inventorySlot__content{transform:translateY(-2px);border-color:#588cbe73;box-shadow:0 14px 28px #00000059;background:#121820f2}.inventorySlot.is-open{z-index:5}.inventoryPopover{position:absolute;left:8px;top:calc(100% + 8px);bottom:auto;padding:10px 12px;border-radius:10px;background:#0a0e14;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:11px;min-width:200px;max-width:260px;max-height:320px;overflow:auto;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:20;box-shadow:0 16px 32px #00000073;display:grid;gap:10px}.inventoryPopover.is-open{opacity:1;pointer-events:auto;transform:translateY(-4px)}.inventoryTooltip__title{font-weight:800;margin-bottom:4px}.inventoryTooltip__line{color:var(--muted)}.inventoryPopover__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inventorySlot.is-empty{background:#ffffff05;border-style:dashed}.inventorySlot__name{font-size:12px;font-weight:700}.rarity-common{color:#9aa3ad}.rarity-uncommon{color:#7fcf8b}.rarity-rare{color:#4aa3ff}.rarity-epic{color:#b07cff}.rarity-legendary{color:#ffb357}.rarity-exotic{color:#53ff7a}.inventorySlot__qty{font-size:12px;color:var(--muted)}.inventorySlot__sell{padding:4px 6px;font-size:11px}.modalOverlay{position:fixed;inset:0;background:#05080c99;display:grid;place-items:center;z-index:20}.modalCard{width:min(360px,92vw);background:#0c1016fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.modalTitle{font-weight:800;margin-bottom:6px}.modalText{color:var(--muted);font-size:13px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.combatNotice{font-size:11px;color:#f4b46c;padding:6px 8px;border-radius:8px;background:#f4b46c1f;border:1px solid rgba(244,180,108,.3)}.combatScene{display:grid;gap:10px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.combatScene__row{display:grid;grid-template-columns:72px 1fr 90px;align-items:center;gap:10px}.combatScene__label{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.combatScene__value{font-size:12px;font-weight:700}.combatScene__hp{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.1);position:relative}.combatScene__hp--large{height:14px}.combatScene__hpFill{display:block;height:100%;background:linear-gradient(90deg,#3bd67c66,#3bd67cf2);transition:width .22s ease}.combatScene__hpFill.is-enemy{background:linear-gradient(90deg,#d65c5c73,#d65c5cf2)}.combatScene__bars,.combatScene__unit,.combatScene__spriteWrap,.combatScene__weapon{display:none}.inventoryTabs{display:flex;gap:8px;margin-bottom:16px}.inventoryTab{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#dce6ff;padding:8px 16px}.inventoryTab.is-active{background:#6ea8ff33;border-color:#6ea8ff66}.inventorySection{display:flex;flex-direction:column;gap:16px}.inventoryGroup__title{font-weight:600;margin-bottom:8px}.inventoryList{display:flex;flex-direction:column;gap:8px}.inventoryRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#0c101cb3;border:1px solid rgba(255,255,255,.05)}.inventoryRow__name{font-weight:600}.inventoryRow__qty{color:#9aa7c2}.buffBanner{padding:10px 12px;border-radius:12px;background:#7ddc891f;border:1px solid rgba(125,220,137,.35);color:#d0f5d8}.buffBanner.is-muted{background:#ffffff0d;border-color:#ffffff14;color:#9aa7c2}.equipmentFilters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.equipmentFilters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#9aa7c2}.equipmentFilters select{background:#0c101cb3;border:1px solid rgba(255,255,255,.1);color:#dce6ff;padding:6px 8px;border-radius:8px}.equipmentList{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.equipmentRow{text-align:left;padding:12px;border-radius:12px;background:#0c101cbf;border:1px solid rgba(255,255,255,.06)}.equipmentRow.is-equipped{border-color:#7ddc8980;box-shadow:0 0 0 1px #7ddc8966}.equipmentRow__name{font-weight:600;margin-bottom:4px}.equipmentRow__meta{color:#9aa7c2;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:#9aa7c2}.equipmentStats{display:grid;gap:6px;margin:12px 0}.equipmentAffixes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.shopTabs{display:flex;gap:8px;margin-bottom:16px}.shopTab{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#dce6ff;padding:8px 16px}.shopTab.is-active{background:#6ea8ff33;border-color:#6ea8ff66}.wipBlock{padding:20px;border-radius:16px;background:#0c101ca6;border:1px dashed rgba(255,255,255,.2);text-align:center}.wipBlock__title{font-size:18px;font-weight:600;margin-bottom:8px}.wipBlock__text{color:#9aa7c2;margin-bottom:12px}.wipBlock__placeholder{padding:16px;border-radius:12px;background:#ffffff0a;color:#5a657d;text-transform:uppercase;letter-spacing:.08em}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d1117}#root{min-height:100vh}button{font:inherit}