.h-catalog,.h-comparison{min-width:0}.h-filters{padding:24px;margin:28px 0 16px}.h-search-row{display:flex;gap:16px;align-items:flex-end}.h-search{flex:1;display:grid;gap:8px}.h-search span,.h-filter-grid label>span{font-size:12px;font-weight:700;color:var(--muted,#a3b6c1)}.h-search input,.h-filter-grid select,.h-level-control select,.h-inline-label select,.h-compare-slot select,.h-compare-controls select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line,#284247);background:var(--bg,#0a161c);color:var(--text,#edf8f9);padding:11px 12px;border-radius:9px;font:inherit;font-size:13px}.h-search input{font-size:15px}.h-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.h-filter-grid label{display:grid;gap:8px}.h-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line,#284247);margin-top:22px;padding-top:18px}.h-tabs{display:flex;flex-wrap:wrap;gap:4px}.h-tabs button{font:inherit;font-size:13px;background:transparent;border:0;border-radius:7px;padding:9px 12px;color:var(--muted,#a3b6c1);cursor:pointer}.h-tabs button[aria-pressed=true]{color:var(--accent,#a4f1d6);background:color-mix(in srgb,var(--accent,#a4f1d6) 10%,transparent)}.h-selection-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin:18px 0}.h-selection-row a,.h-material-link{color:var(--accent,#a4f1d6);text-decoration:none}.h-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.h-card{position:relative;overflow:hidden;border:1px solid var(--line,#284247);border-radius:14px;background:var(--panel,#132128);transition:transform .2s,border-color .2s}.h-card:hover{transform:translateY(-4px);border-color:var(--accent,#a4f1d6)}.h-card-open{display:block;width:100%;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;font:inherit}.h-portrait{position:relative;aspect-ratio:1/1.03;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#53726555,transparent 70%),linear-gradient(155deg,#24333a,#111e25)}.h-portrait:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,var(--panel,#132128));pointer-events:none}.h-portrait img{width:100%;height:100%;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 8px 10px #0005)}.h-card:hover .h-portrait img{transform:scale(1.06)}.h-star{position:absolute;right:9px;top:9px;z-index:2;border:1px solid #ffffff16;border-radius:50%;width:34px;height:34px;background:#102126cc;backdrop-filter:blur(8px);color:#d6e7e8;cursor:pointer;font-size:22px;line-height:1}.h-star[aria-pressed=true]{color:#f0c977;border-color:#f0c97777}.h-generation,.h-rarity{position:absolute;z-index:1;font-size:10px;font-weight:800;letter-spacing:.05em;line-height:1;padding:6px 7px;border-radius:5px;left:11px;background:#0b171dd9;color:#c4d5d8}.h-generation{top:12px}.h-rarity{bottom:5px;color:#efcd86}.h-rarity-sr .h-rarity{color:#c0adff}.h-rarity-r .h-rarity{color:#9eceff}.h-card-body{padding:10px 15px 13px}.h-card-body h2{font-size:17px;line-height:1.25;margin:0 0 5px;letter-spacing:-.03em}.h-card-body p{font-size:12px;color:var(--muted,#a3b6c1);margin:0}.h-compare-add{width:calc(100% - 24px);margin:0 12px 12px;padding:9px 6px;font:inherit;font-size:11px;letter-spacing:.01em;color:var(--muted,#a3b6c1);border:1px solid var(--line,#284247);background:transparent;border-radius:7px;cursor:pointer}.h-compare-add[aria-pressed=true]{background:#79dabc13;color:var(--accent,#a4f1d6);border-color:#79dabc55}.h-compare-add:disabled{opacity:.4;cursor:not-allowed}.h-no-results{grid-column:1/-1}.h-modal-open{overflow:hidden}.h-dialog{width:min(1000px,calc(100% - 36px));max-width:none;max-height:90dvh;padding:0;color:var(--text,#edf8f9);background:var(--bg,#0c171e);border:1px solid var(--line,#284247);border-radius:20px;box-shadow:0 30px 120px #000a;overscroll-behavior:contain}.h-dialog::backdrop{background:#020a11ce;backdrop-filter:blur(8px)}.h-dialog-top{position:sticky;top:0;z-index:3;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;background:var(--bg,#0c171e);border-bottom:1px solid var(--line,#284247)}.h-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line,#284247);border-radius:50%;background:none;color:inherit;font-size:26px;cursor:pointer}.h-dialog #h-detail{padding:28px}.h-identity{display:flex;align-items:center;gap:28px}.h-detail-portrait{width:180px;height:180px;object-fit:contain;flex-shrink:0;background:radial-gradient(ellipse at center,#6bcdb324,transparent 70%);border-radius:18px}.h-identity h2{font-size:40px;line-height:1.1;margin:14px 0 6px;letter-spacing:-.045em}.h-identity p{margin:0 0 14px}.h-tags,.h-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.h-tags .pill{font-size:10px}.h-detail-actions{margin-top:16px}.h-detail-actions .button{font-size:12px;padding:9px 13px}.h-detail-actions button[aria-pressed=true]{color:var(--accent,#a4f1d6);border-color:var(--accent,#a4f1d6)}.h-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.h-stats>div{padding:15px;background:var(--panel,#132128);border-radius:10px;border:1px solid var(--line,#284247)}.h-stats span{display:block;font-size:11px;color:var(--muted,#a3b6c1);margin-bottom:6px}.h-stats strong{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.h-stat-note{font-size:12px;line-height:1.7;margin:16px 0 24px;max-width:850px}.h-review-note{border-left:3px solid #dfb97d;padding:12px 16px;margin:18px 0;background:#dfb97d0b;font-size:12px;line-height:1.6;color:#ddcdae}.h-level-control{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line,#284247);border-bottom:1px solid var(--line,#284247)}.h-level-control label{font-size:15px;font-weight:700}.h-level-control p{font-size:12px;margin:4px 0 0}.h-level-control select{width:150px;flex-shrink:0}.h-skill-section{margin-top:28px}.h-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.h-section-heading h3{font-size:20px;margin:0;letter-spacing:-.02em}.h-section-heading .muted{font-size:11px}.h-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.h-skill{min-width:0;padding:16px;border:1px solid var(--line,#284247);border-radius:12px;background:var(--panel,#132128)}.h-skill-head{display:flex;align-items:center;gap:10px}.h-skill-head img{height:46px;width:46px;object-fit:contain;border-radius:8px;flex-shrink:0}.h-skill-head>div{min-width:0;flex:1}.h-skill-head h4{font-size:14px;line-height:1.35;margin:0;overflow-wrap:anywhere}.h-skill-head .eyebrow{display:block;font-size:9px;margin-bottom:4px}.h-skill-level{font-size:10px;white-space:nowrap;color:var(--muted,#a3b6c1)}.h-skill p{font-size:13px;line-height:1.7;margin:12px 0 0;color:var(--muted,#bdcbd1);overflow-wrap:anywhere}.h-equipment-heading{display:flex;align-items:center;gap:16px}.h-equipment-heading img{width:75px;height:75px;object-fit:contain}.h-equipment-heading h4{font-size:20px;margin:0}.h-inline-label{display:flex;align-items:center;gap:20px;margin:10px 0 18px;font-size:12px;color:var(--muted,#a3b6c1)}.h-inline-label select{width:145px}.h-material-link{display:inline-block;margin-top:18px;font-size:12px}.h-dialog-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-top:1px solid var(--line,#284247)}.h-dialog-bottom .muted{font-size:12px}.h-dialog-bottom button:disabled{opacity:.35;cursor:default}.h-compare-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 20px}.h-compare-slot{text-align:center;padding:22px;min-width:0}.h-compare-slot label{display:block;text-align:left;margin-bottom:10px}.h-compare-slot>img{display:block;width:160px;height:160px;object-fit:contain;margin:20px auto 6px;filter:drop-shadow(0 8px 15px #0005)}.h-compare-slot h2{font-size:22px;margin:4px 0}.h-compare-slot p{font-size:12px}.h-remove{border:0;border-bottom:1px solid #76918b60;background:none;color:var(--muted,#a3b6c1);padding:4px 0;cursor:pointer;font:inherit;font-size:11px;margin-top:4px}.h-slot-empty{height:205px;display:grid;place-items:center;font-size:65px;color:#6ea89935}.h-compare-controls{display:flex;gap:22px;align-items:flex-end;padding:20px}.h-compare-controls label{display:grid;gap:8px;flex:1;font-size:12px;color:var(--muted,#a3b6c1)}.h-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line,#284247);border-radius:14px}.h-compare-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:690px;text-align:left}.h-compare-table caption{padding:16px;background:var(--panel,#132128);font-size:12px;text-align:left;color:var(--muted,#a3b6c1)}.h-compare-table th,.h-compare-table td{padding:18px;vertical-align:top;border-bottom:1px solid var(--line,#284247);border-right:1px solid var(--line,#284247);font-size:13px;overflow-wrap:anywhere}.h-compare-table tr>th:first-child{width:170px}.h-compare-table thead{background:var(--panel,#132128);font-size:15px}.h-compare-table tbody th{color:var(--muted,#a3b6c1);font-weight:500}.h-compare-table tr>:last-child{border-right:0}.h-compare-table tr:last-child>*{border-bottom:0}.h-compare-table .h-skill{padding:0 0 17px;border:0;border-radius:0;background:none;margin:0 0 17px;border-bottom:1px solid var(--line,#284247)}.h-compare-table .h-skill:last-child{border:0;margin:0;padding-bottom:0}.h-compare-table .h-skill-head{flex-wrap:wrap;gap:8px}.h-compare-table .h-skill-head img{width:34px;height:34px}.h-compare-table .h-skill-head h4{font-size:12px}.h-compare-table .h-skill-head>div{min-width:60px}.h-compare-table .h-skill p{font-size:12px;line-height:1.7}.h-compare-table summary{cursor:pointer;color:var(--accent,#a4f1d6);font-size:12px;margin-bottom:16px}.h-compare-table .h-review-note{margin:0 0 16px;padding:10px;font-size:11px}.h-grid button:focus-visible,.h-dialog button:focus-visible,.h-tabs button:focus-visible,.h-compare-slot button:focus-visible{outline:2px solid var(--accent,#a4f1d6);outline-offset:-3px}
@media(min-width:1500px){.h-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1150px){.h-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.h-compare-table th,.h-compare-table td{padding:14px}.h-compare-table tr>th:first-child{width:130px}}
@media(max-width:820px){.h-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.h-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h-compare-slot{padding:16px}.h-compare-slot>img{width:120px;height:140px}.h-compare-slot h2{font-size:18px}.h-slot-empty{height:178px}.h-compare-controls{flex-wrap:wrap;gap:16px}.h-compare-controls label{min-width:180px}.h-compare-table{min-width:750px}.h-section-heading{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:560px){.h-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.h-filters{padding:16px;margin-top:20px}.h-search-row{gap:10px}.h-reset{font-size:11px!important;padding:12px 10px!important}.h-filter-grid{gap:10px}.h-filter-grid select{font-size:11px;padding:10px 8px}.h-tabs button{font-size:11px;padding:8px}.h-toolbar{gap:8px;align-items:flex-start;flex-direction:column}.h-selection-row{font-size:10px;gap:8px}.h-card-body{padding:8px 12px 12px}.h-card-body h2{font-size:16px}.h-card-body p{font-size:11px}.h-star{width:32px;height:32px;font-size:21px}.h-compare-add{font-size:10px;min-height:34px}.h-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:15px}.h-dialog-top{padding:12px 16px}.h-dialog #h-detail{padding:16px}.h-identity{gap:14px;align-items:flex-start}.h-detail-portrait{width:100px;height:130px}.h-identity h2{font-size:28px}.h-tags{gap:5px}.h-tags .pill{font-size:9px;padding:4px 6px}.h-detail-actions{gap:6px}.h-detail-actions .button{font-size:10px;padding:8px}.h-identity>div{min-width:0}.h-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.h-stats>div{padding:13px}.h-stats strong{font-size:23px}.h-stats span{font-size:10px}.h-level-control{gap:10px;padding:16px 0}.h-level-control select{width:112px}.h-level-control p{font-size:10px}.h-level-control label{font-size:14px}.h-skill-grid{grid-template-columns:1fr}.h-skill{padding:15px}.h-skill p{font-size:13px}.h-section-heading h3{font-size:19px}.h-dialog-bottom{padding:16px}.h-dialog-bottom .button{font-size:12px}.h-compare-slots{grid-template-columns:1fr;gap:12px}.h-compare-slot{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:15px;padding:16px;text-align:left;align-items:center}.h-compare-slot label{grid-column:1/-1}.h-compare-slot select{grid-column:1/-1}.h-compare-slot>img{grid-column:1;grid-row:3/6;width:90px;height:110px;margin:12px 0 0}.h-compare-slot h2{grid-column:2;grid-row:3;margin-top:18px}.h-compare-slot p{grid-column:2;grid-row:4;margin:4px 0;font-size:11px}.h-compare-slot .h-remove{grid-column:2;grid-row:5;justify-self:start;margin:0 0 10px}.h-slot-empty{grid-column:1;grid-row:3/5;height:80px;font-size:45px}.h-slot-empty+p{grid-row:3/5}.h-compare-controls{padding:16px;gap:12px}.h-compare-controls label{min-width:130px;font-size:11px}.h-compare-controls select{font-size:12px}.h-compare-controls .button{font-size:12px}.h-stat-note{font-size:11px}.h-compare-table{min-width:770px}}
@media(prefers-reduced-motion:reduce){.h-card,.h-portrait img{transition:none}.h-card:hover{transform:none}.h-card:hover .h-portrait img{transform:none}}