.storage-tabs {display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;}
.storage-tab {flex:1 0 72px;min-height:66px;border-radius:17px;padding:8px 5px;font-size:13px;}
.storage-tab small {font-size:10px;white-space:normal;}
.collection-filters {display:flex;gap:6px;overflow-x:auto;padding:0 0 6px;margin-bottom:6px;}
.collection-filter {flex:0 0 auto;min-height:38px;border:1px solid rgba(184,221,232,.16);border-radius:999px;background:rgba(255,255,255,.035);color:#bacddd;font-size:12px;font-weight:650;padding:7px 13px;}
.collection-filter[aria-pressed=true] {border-color:#a1e6d2;background:rgba(133,222,205,.13);color:#c7ffe9;}
.storage-tools {grid-template-columns:minmax(0,1fr) 145px;margin-bottom:8px;}
.storage-tools input {grid-column:1 / -1;}
.storage-tools select {width:100%;min-width:0;}
.collection-results {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;color:#a7becf;font-size:12px;}
.collection-reset {border:0;border-radius:8px;background:transparent;color:#a7ebd8;min-height:34px;padding:5px 8px;font-size:12px;}
.storage-empty {grid-column:1 / -1;}
.field-guide-progress {background:linear-gradient(125deg,rgba(128,219,195,.12),rgba(61,107,151,.17));border:1px solid rgba(153,227,209,.18);border-radius:20px;padding:20px;margin-bottom:16px;}
.field-guide-progress h3 {font-size:20px;margin:0 0 8px;letter-spacing:-.025em;}
.field-guide-progress p {font-size:12px;line-height:1.6;color:#acc6d4;margin:0 0 16px;}
.field-guide-counts {display:flex;align-items:baseline;gap:6px;}
.field-guide-counts strong {font-size:34px;color:#baf3de;letter-spacing:-.04em;}
.field-guide-counts span {font-size:13px;color:#a7c3d3;}
.field-guide-progress progress {display:block;width:100%;height:8px;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;margin:10px 0 12px;background:#071b2d;overflow:hidden;}
.field-guide-progress progress::-webkit-progress-bar {background:#071b2d;border-radius:999px;}
.field-guide-progress progress::-webkit-progress-value {background:linear-gradient(90deg,#68d3c0,#c2f3ce);border-radius:999px;}
.field-guide-progress progress::-moz-progress-bar {background:#8ce6ce;border-radius:999px;}
.field-guide-owned {font-size:12px;color:#b8ced9;}
.field-guide-tools {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;}
.field-guide-tools input {grid-column:1 / -1;}
.field-guide-tools select {width:100%;padding:10px;font-size:13px;min-width:0;}
.field-guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:20px;}
.field-guide-card {min-width:0;display:flex;flex-direction:column;gap:6px;position:relative;background:linear-gradient(145deg,rgba(40,80,106,.75),rgba(19,49,75,.83));border:1px solid rgba(156,216,218,.17);padding:15px;border-radius:18px;}
.field-guide-card.undiscovered {background:rgba(6,24,41,.55);border-style:dashed;}
.field-guide-card h4 {margin:0;font-size:16px;line-height:1.25;overflow-wrap:anywhere;}
.field-guide-number {width:54px;height:54px;border-radius:16px;background:rgba(138,225,207,.12);color:#adebd9;display:grid;place-items:center;font-size:20px;font-weight:850;margin-bottom:5px;}
.undiscovered .field-guide-number {background:rgba(130,159,184,.07);color:#7596ad;}
.field-guide-status {position:absolute;top:16px;right:12px;font-size:10px;max-width:calc(100% - 88px);color:#9de6d0;text-align:right;}
.undiscovered .field-guide-status {color:#90a9bc;}
.field-guide-rarity,.field-guide-detail {font-size:11px;color:#a7c0d0;line-height:1.5;}
.field-guide-card[data-rarity=rare] .field-guide-rarity {color:#e3bcf6;}
.field-guide-card[data-rarity=uncommon] .field-guide-rarity {color:#ffdf94;}
.field-guide-show {min-height:36px;margin-top:auto;padding:7px 5px;border:1px solid rgba(153,227,209,.18);background:rgba(148,227,209,.07);border-radius:10px;font-size:11px;font-weight:700;color:#c0f3e4;}
.field-guide-detail {margin-bottom:6px;}
.field-guide-empty {grid-column:1 / -1;}
button:focus-visible,select:focus-visible {outline:2px solid #a1e6d2;outline-offset:2px;}
@media(min-width:700px) {.field-guide-grid {grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:360px) {.storage-tools {grid-template-columns:minmax(0,1fr) 130px;} .field-guide-card {padding:12px;} }