.hl-tool{color:#eee7dc;background:#1d1916;border:1px solid #594737;border-radius:10px;padding:24px;container-type:inline-size}.hl-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.hl-heading small{color:#ed9a6a;letter-spacing:1px;font:10px monospace}.hl-heading h2{margin:9px 0;font-size:27px;font-weight:750}.hl-heading p,.hl-note{color:#beb2a4;font-size:12px;line-height:1.7}.hl-heading>span{white-space:nowrap;border:1px solid #594737;border-radius:5px;padding:9px;font-size:12px}.hl-saves{border-bottom:1px solid #594737;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:22px;padding-bottom:22px;display:flex}.hl-tool label{gap:6px;font-size:12px;display:grid}.hl-tool input,.hl-tool select,.hl-saves button,.hl-dialog input,.hl-dialog>button,.hl-selected button{color:#eee7dc;font:inherit;background:#151311;border:1px solid #64503f;border-radius:5px;padding:10px 12px}.hl-layout{grid-template-columns:1.2fr 1fr 1fr;gap:12px;display:grid}.hl-weapons,.hl-protection,.hl-supplies{gap:12px;display:grid}.hl-slot{color:#eee7dc;cursor:pointer;background:radial-gradient(#3b3026,#211c18);border:1px solid #594737;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;padding:14px;display:flex}:is(.hl-slot:hover,.hl-slot:focus-visible){border-color:#ed9a6a;outline:1px solid #ed9a6a}.hl-slot small{letter-spacing:.6px;color:#bdb0a0;text-transform:uppercase;font:10px monospace}.hl-slot strong{font-size:14px}.hl-slot>span{color:#ed9a6a;font-size:11px}.hl-art{place-items:center;width:100%;height:76px;display:grid}.hl-weapons .hl-art{height:125px}.hl-art img{object-fit:contain;filter:drop-shadow(0 10px 10px #0006);width:100%;height:100%;max-height:125px}.hl-note{margin:20px 0 0}.hl-dialog{color:#eee7dc;z-index:120;background:#211b17;border:1px solid #79583e;max-height:88dvh;padding:25px;overflow:auto;width:min(850px,94vw)!important;max-width:850px!important}.hl-search{align-items:center;gap:10px;margin:20px 0;display:flex}.hl-search input{width:100%}.hl-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.hl-results button{text-align:left;color:#eee7dc;background:#2c241d;border:1px solid #594737;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.hl-results img{object-fit:contain;width:65px;height:58px}.hl-results span{flex:1}.hl-results small{color:#bdb0a0;margin-top:6px;font-size:11px;display:block}.hl-selected{background:#171310;border-radius:6px;gap:20px;margin-top:15px;padding:15px;display:flex}.hl-selected>img{object-fit:contain;width:130px;height:130px}.hl-selected input{max-width:110px}.hl-selected button{margin-top:10px}.hl-legacy{font-size:12px}@container (width<=650px){.hl-layout{grid-template-columns:1fr}.hl-weapons{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-protection,.hl-supplies{grid-template-columns:repeat(3,minmax(0,1fr))}.hl-heading h2{font-size:23px}.hl-slot{padding:12px 7px}.hl-slot strong{font-size:12px}}@media (max-width:500px){.hl-results{grid-template-columns:1fr}.hl-tool{padding:15px}.hl-selected>img{width:80px}}.hl-tool .hl-slot{gap:10px;min-height:190px;overflow:hidden}.hl-tool .hl-slot>small,.hl-tool .hl-slot>strong,.hl-tool .hl-slot>span{z-index:1;text-align:center;flex-shrink:0;max-width:100%;position:relative}.hl-tool .hl-slot>strong{overflow-wrap:anywhere;line-height:1.4}.hl-tool .hl-art{flex:0 0 76px;height:76px;min-height:76px;max-height:76px;overflow:hidden}.hl-tool .hl-art img{object-fit:contain;width:100%;max-width:100%;height:76px;max-height:76px;margin:0;display:block}.hl-tool .hl-weapons .hl-art{flex-basis:125px;height:125px;min-height:125px;max-height:125px}.hl-tool .hl-weapons .hl-art img{height:125px;max-height:125px}.hl-tool>p[role=status]{margin:14px 0 20px}@container (width<=650px){.hl-tool .hl-slot{min-height:190px}.hl-tool .hl-protection,.hl-tool .hl-supplies{grid-template-columns:repeat(2,minmax(0,1fr))}}