: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 clamp(.42rem,.56vw,.64rem)/1 system-ui;letter-spacing:.1em}.hero-loadout-controls input,.hero-loadout-controls select{background:#0d1411;border:1px solid #62553b;color:#ead9ae;font:600 clamp(.58rem,.75vw,.78rem)/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 clamp(.4rem,.52vw,.58rem)/1 system-ui;letter-spacing:.1em}.inventory-filters select{background:#0d120f;border:1px solid #514a38;color:#ddd1b6;font:600 clamp(.52rem,.68vw,.72rem)/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 clamp(.55rem,.72vw,.78rem)/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 .7rem 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 .55rem/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:.68rem/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 .65rem/1.3 system-ui}.combat-effect-timing{border-top:1px solid #554a34;color:#e3bd69;font:700 .62rem/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}