.hgl-guide{--hgl-line:#3b5849;--hgl-muted:#a0b4a7;margin:7px 0 10px;padding:9px 0;border-block:1px solid var(--hgl-line);color:#e1ecdf}.hgl-lane{display:flex;align-items:center;justify-content:space-between;gap:6px}.hgl-lane strong{font-size:13px;color:#aadbbc}.hgl-lane[data-lane=front] strong{color:#edc58b}.hgl-lane[data-lane=both] strong{color:#a8cfeb}.hgl-lane small{font-size:10px;color:var(--hgl-muted);white-space:nowrap}.hgl-lane-reason{font-size:11px;line-height:1.55;color:var(--hgl-muted);margin:5px 0 8px}.hgl-recommendations{display:flex;align-items:center;gap:7px;margin-top:5px}.hgl-group-label{font-size:10px;color:var(--hgl-muted);min-width:44px}.hgl-recommendation{position:relative;width:40px;height:40px;min-height:40px;padding:4px;border:1px solid var(--hgl-quality,#65766b);background:#17261f;border-radius:3px}.hgl-recommendation img{width:100%;height:100%;object-fit:contain}.hgl-recommendation:focus-visible,.hgl-close:focus-visible{outline:2px solid #d6edac;outline-offset:3px}.hgl-availability{position:absolute;right:-3px;bottom:-3px;border-radius:3px;background:#1e2d25;border:1px solid #5b7363;width:14px;height:14px;line-height:12px;font-size:11px;text-align:center;color:#b4c1b6}.hgl-recommendation[data-status=equipped] .hgl-availability{background:#305b40;color:#d7ffe0}.hgl-recommendation[data-status=available] .hgl-availability{color:#f4dc97;border-color:#ae9355}.hgl-recommendation[data-status=missing]{border-style:dashed}.hgl-recommendation[data-status=missing] img{opacity:.6}.hgl-recommendation[data-quality=green],.hgl-item-card[data-quality=green]{--hgl-quality:#6ba987}.hgl-recommendation[data-quality=blue],.hgl-item-card[data-quality=blue]{--hgl-quality:#6cabdc}.hgl-recommendation[data-quality=purple],.hgl-item-card[data-quality=purple]{--hgl-quality:#b195dc}.hgl-recommendation[data-quality=gold],.hgl-item-card[data-quality=gold]{--hgl-quality:#d1b071}.hgl-recommendation[data-quality=red],.hgl-item-card[data-quality=red]{--hgl-quality:#e79494}
.hgl-item-card{position:fixed;inset:auto;margin:0;z-index:40000;box-sizing:border-box;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;padding:15px;color:#e7eee8;background:linear-gradient(140deg,#203328,#111c17 75%);border:1px solid var(--hgl-quality,#739582);border-top:3px solid var(--hgl-quality,#739582);border-radius:5px;box-shadow:0 18px 56px #000b;font-family:inherit;text-align:left}.hgl-item-card::backdrop{background:transparent;pointer-events:none}.hgl-item-card header{display:flex;align-items:center;gap:10px}.hgl-item-card header>img{width:48px;height:48px;flex:0 0 48px;object-fit:contain}.hgl-item-card header>div{min-width:0;flex:1}.hgl-item-card header small{font-size:10px;color:var(--hgl-quality)}.hgl-item-card h3{font-size:16px;line-height:1.4;margin:3px 0;overflow-wrap:anywhere}.hgl-item-card .hgl-close{align-self:flex-start;flex:0 0 28px;padding:0;width:28px;height:28px;min-height:28px;border:1px solid #536b5d;border-radius:2px;background:#293c30;color:#e2eddf;font-size:20px;line-height:24px}.hgl-item-status{font-size:11px;color:#bad8c4;margin:9px 0}.hgl-attributes{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:12px 0;padding:10px 0;border-block:1px solid #3c5446}.hgl-attributes:empty{display:none}.hgl-attributes>div{display:flex;justify-content:space-between;gap:4px;font-size:12px}.hgl-attributes dt{color:#a6b9ad}.hgl-attributes dd{margin:0;color:#edf1d6;font-variant-numeric:tabular-nums}.hgl-item-effect{font-size:12px;line-height:1.7;margin:12px 0;white-space:pre-line}.hgl-item-reason{font-size:11px;line-height:1.6;margin:10px 0 0;color:#d5c695;padding-top:9px;border-top:1px solid #3c5446}.hgl-item-source{display:block;font-size:10px;line-height:1.5;color:#97ac9e;margin-top:9px}@media(max-width:680px){.hgl-item-card{padding:12px}.hgl-guide{margin-block:5px}.hgl-lane{flex-wrap:wrap}.hgl-recommendation{width:42px;height:42px}}