:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#e5edf6;background:#080f18;font-size:14px}*{box-sizing:border-box}body{margin:0;padding:24px;max-width:1700px;margin-inline:auto}header{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #293b50;padding-bottom:16px}.eyebrow{color:#8ca5be;letter-spacing:.16em;font-size:11px;margin:0 0 8px}h1,h2{font-family:Georgia,serif;font-weight:normal;margin:0 0 8px}h1{font-size:32px}h2{font-size:26px}h3{font-size:16px;margin:24px 0 12px}p{line-height:1.55}header p:last-child{margin:0;color:#a8b8cb}a{color:#80dfeb;text-underline-offset:3px}button,input,select{font:inherit;color:inherit;background:#142235;border:1px solid #32475e;border-radius:6px}button{cursor:pointer;padding:9px 12px}button:hover{border-color:#81dfeb}button:disabled{opacity:.45;cursor:default}input,select{width:100%;padding:11px;margin-top:6px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #80dfeb;outline-offset:3px}label{color:#afbed0;font-size:13px}#status{padding:12px 15px;background:#102031;border:1px solid #293b50;border-radius:6px;color:#bdd1e4}.filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(120px,1fr));gap:14px;margin:20px 0}main{display:grid;grid-template-columns:minmax(330px,1.1fr) minmax(360px,1fr);gap:24px;align-items:start}.browse,.detail{min-width:0}#resultCount{color:#99adc3;margin:0 0 10px}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.armor-card{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:linear-gradient(135deg,#172739,#0e1724);min-height:112px;width:100%;border-color:#2a3b51}.armor-card[aria-pressed=true]{outline:2px solid #80dfeb;outline-offset:-2px;background:#1b3547}.armor-card img,.item-icon{width:62px;height:62px;object-fit:contain;flex:none;background:#0a1422;border-radius:4px}.armor-card strong{display:block;line-height:1.35;font-size:14px;margin-bottom:6px;overflow-wrap:anywhere}.meta{color:#a1b6cc;display:block;font-size:12px;line-height:1.5}.grade{font-weight:600}.grade-Unique{color:#f2cf70}.grade-Epic{color:#83c4fa}.grade-Rare{color:#62c779}.paging{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.detail{background:#0e1927;border:1px solid #2c4055;border-radius:8px;padding:22px;position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}.item-head{display:flex;align-items:center;gap:16px}.item-head .item-icon{width:76px;height:76px}.sources{display:grid;gap:9px}.enemy{width:100%;text-align:left;background:#132436;border-color:#30465b;display:flex;justify-content:space-between;gap:14px;align-items:center}.enemy[aria-pressed=true]{border-color:#80dfeb;box-shadow:inset 3px 0 #80dfeb}.enemy strong{display:block;margin-bottom:5px}.spawn-count{flex:none;font-size:12px;color:#86e3ec}.empty,.notice{color:#b4c5d6;font-size:13px;line-height:1.6}.notice{padding:10px;border-left:2px solid #e6c370;background:#19232c}.other-source{padding:10px 0;border-bottom:1px solid #2a3b4d}.map-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.map-tabs button[aria-pressed=true]{border-color:#80dfeb}.map{width:100%;aspect-ratio:1.1;display:block;background:#080f18;border:1px solid #3b566b;touch-action:none;cursor:grab}.map.dragging{cursor:grabbing}.map-tools{display:flex;gap:8px;margin:10px 0;align-items:center;flex-wrap:wrap}.map-tools span{margin-left:auto;color:#a4bacd}.map-pin{vector-effect:non-scaling-stroke;fill:#ffe59a;stroke:#111827;stroke-width:1.5}.map-credit{font-size:12px;color:#92a8be}.map-empty{border:1px dashed #456075;border-radius:6px;padding:18px;color:#b8c9d8}footer{font-size:12px;color:#91a6bd;margin:28px 0 4px;line-height:1.7}@media(min-width:1400px){.items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){body{padding:16px}main{grid-template-columns:1fr}.detail{position:static;max-height:none}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:28px}}@media(max-width:480px){body{padding:12px}header{align-items:start;flex-direction:column;gap:10px}.armor-card{padding:10px;gap:8px}.armor-card img{width:44px;height:44px}.armor-card strong{font-size:12px}.detail{padding:16px}.items{gap:8px}.enemy{flex-wrap:wrap}.map{aspect-ratio:1}}

/* Grade filter follows the same colors as the armor cards. */
.grade-Common{color:#e5edf6}#grade option{background:#142235}#grade option[value='']{color:#e5edf6}