.unit-database{padding-top:54px;padding-bottom:70px;min-height:calc(100vh - 200px)}.database-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:44px;border-bottom:1px solid #36516b;padding-bottom:33px;position:relative}.database-heading::after{content:"";width:60px;height:3px;position:absolute;bottom:-1px;left:0;background:var(--gn)}.database-heading h1{font-size:44px;line-height:1.4;letter-spacing:-.5px;margin:12px 0}.database-heading p{color:var(--muted);margin:0}.database-counter{border-left:1px solid #3e627f;padding-left:30px;min-width:180px}.database-counter strong{font-size:48px;line-height:1.2;font-weight:500;color:#d9f3fc;display:block}.database-counter span,.database-counter small{display:block;font-size:12px;color:var(--muted)}.database-counter small{color:#7ecee6;font-size:10px;margin-top:7px}.database-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:25px}.database-toolbar h2{margin:0;font-size:23px}.series-search,.unit-search{position:relative}.series-search input,.unit-search input{width:100%;border:1px solid #375a77;background:#0e2136;color:#eaf2f9;padding:11px 17px;height:45px;border-radius:3px}.series-search{width:300px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.series-card{text-align:left;padding:0;background:linear-gradient(150deg,#183551,#0c192c);border:1px solid #365977;border-radius:4px;overflow:hidden;position:relative;color:var(--text);min-width:0;isolation:isolate}.series-card:hover{border-color:#99eaff;transform:translateY(-5px);box-shadow:0 8px 25px #29b7e820}.series-art{height:172px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#3279943d,transparent 66%),linear-gradient(#81d0ff07 1px,transparent 1px),linear-gradient(90deg,#81d0ff07 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.series-art::before{content:"";width:110px;height:110px;position:absolute;border:1px solid #7ae0f527;border-radius:50%;box-shadow:0 0 0 10px #7ae0f507}.series-art img{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 8px 9px #0006);transition:transform .4s;position:relative}.series-card:hover .series-art img{transform:scale(1.08)}.series-index{position:absolute;top:12px;left:15px;font-size:9px;letter-spacing:2px;color:#84b6d0}.series-open{position:absolute;right:14px;top:12px;color:#9edbec;font-size:17px}.series-copy{padding:17px 18px 18px;border-top:1px solid #36597780;min-height:119px}.series-era{font-size:9px;color:#8ccadf;letter-spacing:1.4px;display:block;margin-bottom:8px}.series-card h3{font-size:15px;line-height:1.45;font-weight:500;margin:0;min-height:44px;color:#eef6fc}.series-count{font-size:10px;color:#9eb7ce;margin-top:10px;display:block}.series-grid>.loading,.series-grid>.empty{grid-column:1/-1}
.back-series{border:1px solid #355771;background:#11263b;color:#bce5f3;display:flex;align-items:center;gap:13px;padding:9px 16px;margin:0 0 27px;border-radius:3px}.back-series:hover{border-color:var(--gn)}.selected-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #36516b}.selected-heading h2{font-size:29px;line-height:1.35;margin-top:10px}.selected-heading>span{white-space:nowrap;color:var(--muted);font-size:12px}.unit-filters{display:flex;justify-content:space-between;gap:20px;margin:25px 0}.unit-search{width:420px;max-width:100%}.rank-filter{display:flex;gap:7px;align-items:center}.rank-filter button{min-width:40px;padding:8px 12px;border:1px solid #355771;background:#102438;color:#9fb9d0;border-radius:3px}.rank-filter button[aria-pressed=true]{border-color:#a0eaff;color:#d6f6ff;background:#214e65}.unit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.unit-card{padding:0;text-align:left;background:linear-gradient(155deg,#152c45,#0c1a2d);border:1px solid #324f6b;border-radius:4px;color:#eef5fa;overflow:hidden;min-width:0}.unit-card:hover{transform:translateY(-4px);border-color:#8de4ff;box-shadow:0 8px 23px #55cfff15}.unit-art{height:175px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 80%,#1f6b8033,transparent 65%)}.unit-art::after{content:"";width:65%;height:1px;background:linear-gradient(90deg,transparent,#6fd9f650,transparent);position:absolute;bottom:15px}.unit-art img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 8px #0006);transition:transform .3s}.unit-card:hover img{transform:scale(1.07)}.rank-badge{font-size:12px;font-weight:500;color:#cbe7f5;background:#3d688544;border:1px solid #6b9ab255;padding:3px 8px;border-radius:2px}.unit-art .rank-badge{position:absolute;top:11px;left:11px;z-index:1}.rank-S{color:#ffe5a0;background:#85622a55;border-color:#c5a05480}.rank-A{color:#e3c7ff;background:#65427f55;border-color:#a78ac080}.rank-B{color:#9fd7ff;background:#28608655;border-color:#599abf80}.unit-type{position:absolute;right:12px;top:13px;font-size:11px;color:#8bb5cc}.unit-copy{padding:14px 15px 16px;border-top:1px solid #304e6780}.unit-copy h3{font-size:12px;font-weight:500;line-height:1.5;min-height:36px;margin:0 0 10px;overflow-wrap:anywhere}.unit-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#89a6bd;letter-spacing:.5px}.unit-grid>.empty,.unit-grid>.loading{grid-column:1/-1}.catalog-note{font-size:11px;color:#899fb8;margin-top:32px;border-left:2px solid #4a728d;padding-left:15px;max-width:750px}
.unit-dialog{color:var(--text);padding:35px;max-width:780px;width:90%;background:linear-gradient(130deg,#1b354f,#0a192c);border:1px solid #71c7e6;border-radius:5px;box-shadow:0 25px 90px #0009}.unit-dialog[open]{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:center;animation:dialog-in .25s ease-out}.unit-dialog::backdrop{background:#020b17ce;backdrop-filter:blur(7px)}.close-unit{position:absolute;right:12px;top:10px;font-size:27px;background:transparent;line-height:1;color:#b6d6e7;padding:6px 10px}.detail-image{display:flex;justify-content:center;background:radial-gradient(ellipse,#3b899b38,transparent 70%);min-width:0}.detail-image img{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 16px #0007)}.detail-copy{min-width:0}.detail-copy h2{font-size:25px;line-height:1.45;margin:12px 0;overflow-wrap:anywhere}.detail-copy>p{font-size:12px;color:var(--muted)}.detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:22px 0;color:#b1ccdf;font-size:11px}.detail-copy .subtle{font-size:10px}.detail-copy .subtle:empty{display:none}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.unit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.unit-database{padding-top:35px}.database-heading{gap:20px;align-items:flex-start;margin-bottom:30px;padding-bottom:25px}.database-heading h1{font-size:31px}.database-heading p{font-size:12px}.database-counter{min-width:0;padding-left:18px}.database-counter strong{font-size:32px}.database-counter span{font-size:10px}.database-counter small{font-size:9px}.database-toolbar{flex-wrap:wrap;gap:17px}.series-search{width:100%}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.series-art{height:150px}.series-art img{width:135px;height:135px}.series-copy{padding:13px;min-height:120px}.series-card h3{font-size:13px;min-height:39px}.series-era{font-size:8px}.unit-filters{flex-direction:column;gap:14px}.unit-search{width:100%}.rank-filter{flex-wrap:wrap}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.unit-art{height:145px}.unit-art img{width:130px;height:130px}.unit-copy{padding:12px}.selected-heading h2{font-size:24px}.unit-dialog[open]{grid-template-columns:1fr;gap:13px;padding:32px 23px}.detail-image img{width:200px}.detail-copy h2{font-size:23px}.selected-heading{align-items:flex-start}.unit-copy h3{font-size:11px}}
@media(max-width:480px){.database-heading{flex-direction:column;gap:21px}.database-counter{display:flex;align-items:center;gap:12px;border-left:0;padding-left:0;flex-wrap:wrap}.database-counter small{margin-top:0}.series-art{height:140px}.series-copy{padding:12px;min-height:127px}.series-card h3{font-size:12px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-art{height:165px}.unit-art img{width:150px;height:150px}.unit-copy h3{font-size:12px}.selected-heading{flex-wrap:wrap}.unit-meta{letter-spacing:0}.series-index{left:12px}.unit-type{font-size:9px}.rank-filter button{padding:7px 12px}.database-heading h1{font-size:33px}}
[hidden]{display:none!important}