:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:#090c0b;color:#f4ead0;margin:0;min-width:20rem;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.hero-loadout-controls{display:grid;gap:.65rem;grid-template-columns:minmax(12rem,1.4fr) minmax(11rem,1fr);margin:0 auto .75rem;max-width:46rem}.hero-loadout-controls label{display:grid;gap:.22rem}.hero-loadout-controls label>span{color:#b19b70;font:700 .875rem/1 system-ui;letter-spacing:.1em}.hero-loadout-controls input,.hero-loadout-controls select{background:#0d1411;border:1px solid #62553b;color:#ead9ae;font:600 .875rem/1 system-ui;min-width:0;padding:.55rem .65rem}.hero-loadout-controls input:focus,.hero-loadout-controls select:focus{border-color:#c19b51;outline:1px solid #c19b51}.hero-loadout-controls input::placeholder{color:#777568}@media(max-width:700px){.hero-loadout-controls{grid-template-columns:1fr}}.inventory-subtabs{display:grid;grid-template-columns:1fr 1fr;margin:0 .15rem .55rem}.inventory-subtabs button{background:#101512;border:1px solid #514a38;color:#bdb197;padding:.5rem}.inventory-subtabs button.active{background:#3a2c1b;border-color:#c6a258;color:#efd491}.inventory-filters{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 .15rem .55rem}.inventory-filters label{display:grid;gap:.18rem}.inventory-filters label>span{color:#a99772;font:700 .875rem/1 system-ui;letter-spacing:.1em}.inventory-filters select{background:#0d120f;border:1px solid #514a38;color:#ddd1b6;font:600 .875rem/1 system-ui;min-width:0;padding:.45rem .5rem;text-transform:capitalize}.material-grid button{display:grid;padding:.4rem;text-align:center}.material-grid img{aspect-ratio:1;background:#292d28;object-fit:contain;width:100%}.material-grid strong{color:#e3bf69;font:700 .875rem/1.2 system-ui}.material-focus{float:right;margin:0 0 .5rem .8rem;position:relative;width:clamp(5rem,9vw,9rem)}.material-focus img{background:#262c27;border:2px solid #746342;display:block;width:100%}.material-focus strong{background:#181b17;border:1px solid #b28e4d;bottom:.25rem;color:#f0cc70;font:700 .8125rem system-ui;padding:.2rem;position:absolute;right:.25rem}@media(max-width:700px){.inventory-filters{grid-template-columns:1fr}}.combat-hud .unit-card{overflow:visible;position:relative}.combat-active-skills{display:flex;gap:2px;height:22px;justify-content:center;margin:.12rem 0;min-width:0}.combat-indicators{align-content:flex-end;bottom:calc(100% + 5px);display:flex;flex-wrap:wrap-reverse;gap:2px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);width:90px;z-index:21}.combat-effect{align-items:center;background:#171b18;border:1px solid #66583b;color:#ead8aa;display:flex;flex:0 0 21px;height:21px;justify-content:center;overflow:hidden;padding:0;position:relative;width:21px}.combat-effect:hover{filter:brightness(1.25)}.combat-effect.selected{box-shadow:0 0 0 1px #f0d58c,0 0 8px #d9ae54}.combat-effect b{font:700 11px/1 Georgia;position:relative;text-shadow:0 1px 2px #000;z-index:1}.combat-effect img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:2}.combat-effect i{background:#070908c9;bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:3}.combat-effect em{bottom:0;color:#fff;font:700 7px/1 system-ui;font-style:normal;left:0;position:absolute;right:0;text-shadow:0 1px 2px #000;z-index:4}.active-skill{border-color:#b9934c}.active-skill:not(.cooling){box-shadow:inset 0 0 6px #e5b84c66}.passive-skill{background:#17241d;border-color:#4f8763;color:#91d5a8}.status-effect{background:#17232e;border-color:#5793ba;color:#9bd5ff}.status-effect.debuff{background:#321d25;border-color:#a65367;color:#ff9daf}.combat-effect-details{background:linear-gradient(145deg,#182019f5,#0b100df8);border:1px solid #b18c49;bottom:calc(100% + 10px);box-shadow:0 8px 24px #000b,inset 0 0 18px #b18c4914;box-sizing:border-box;color:#d9ceb1;left:50%;padding:.7rem 2.2rem .7rem .85rem;position:absolute;text-align:left;transform:translate(-50%);width:min(360px,100% - 2rem);z-index:40}.combat-effect-details header{display:grid;gap:.1rem}.combat-effect-details header small{color:#a99568;font:700 .8125rem/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase}.combat-effect-details header strong{color:#f1d18b;font:700 1rem/1.2 Georgia}.combat-effect-details p{color:#bdb49e;font:.8125rem/1.4 system-ui;margin:.4rem 0}.combat-effect-details ul{display:grid;gap:.18rem;margin:.35rem 0;padding-left:1rem}.combat-effect-details li{color:#e2d5b7;font:600 .8125rem/1.3 system-ui}.combat-effect-timing{border-top:1px solid #554a34;color:#e3bd69;font:700 .8125rem/1.2 system-ui;margin-top:.5rem;padding-top:.45rem}.combat-effect-close{background:transparent;border:0;color:#b9aa88;font:1rem/1 system-ui;padding:.35rem;position:absolute;right:.35rem;top:.3rem}.combat-effect-close:hover{color:#fff0bf}.combat-active-skills{height:auto;min-height:32px;flex-wrap:wrap;gap:4px}.combat-effect{width:32px;height:32px;min-height:32px;flex-basis:32px;border-radius:4px}.combat-effect em{font-size:11px;background:#101713cc;line-height:1.2}.combat-effect b{font-size:14px}.combat-indicators{position:static;transform:none;width:auto;min-height:0;margin:4px 0;gap:4px}.combat-effect-details{bottom:calc(100% + 12px);width:min(420px,100vw - 32px);border-color:var(--line);border-radius:8px;padding:20px 48px 20px 20px;background:var(--surface);box-shadow:0 12px 32px #0006}.combat-effect-details p,.combat-effect-details li,.combat-effect-timing{font-size:.875rem;line-height:1.6}.combat-effect-details header small{font-size:.75rem}.combat-effect-close{min-height:44px;min-width:44px}.inventory-filters select,.hero-loadout-controls input,.hero-loadout-controls select{font-size:.875rem;padding:10px 12px;border-color:var(--line);border-radius:4px}.inventory-filters{gap:12px;margin:0 0 20px}@media(max-width:700px){.inventory-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--ink: #101713;--surface: #18211b;--surface-raised: #222d25;--line: #3c493e;--text: #eee9db;--muted: #b7bbae;--brass: #ddbc78;--selected: #abd2bd;--danger: #f0a69b;--radius: 8px;--space: 16px;font-family:Segoe UI,system-ui,sans-serif}body{font-family:Segoe UI,system-ui,sans-serif;overflow:auto;background:var(--ink);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--selected);outline-offset:4px}button:not(:disabled),a,summary{transition:background-color .14s,border-color .14s,color .14s}button:not(:disabled):active{translate:0 1px}input,select{min-height:44px;color-scheme:dark}h1,h2,h3{font-family:Georgia,serif;text-wrap:balance}p{text-wrap:pretty}strong,b,time{font-variant-numeric:tabular-nums}summary{cursor:pointer;padding:12px 0;color:var(--muted);font-size:.875rem}details[open]>summary{color:var(--text)}.identity-portrait{display:block;width:52px;height:52px;flex:0 0 52px;background:#303e32;border:1px solid var(--line)}.danger-note{background:#34231f;border-left:3px solid var(--danger);color:#f5c6be;padding:12px 16px;font:.875rem/1.5 Segoe UI,sans-serif}.section-intro{color:var(--muted);max-width:60ch;font:.9375rem/1.6 Segoe UI,sans-serif}.milestone{border-left:3px solid var(--brass);background:#2d2b20;padding:20px;margin-top:20px;animation:milestone-arrive .35s ease-out}.milestone strong{display:block;color:var(--brass);font:1.5rem Georgia,serif;margin:8px 0}.milestone p{margin:0;color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes milestone-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}