.card-heading{display:flex;justify-content:space-between;align-items:center;max-width:none;gap:24px}.card-heading>img{object-fit:contain;filter:drop-shadow(0 12px 30px #3265fa30)}.directory-panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#152837,#10202a)}.directory-tabs{display:flex;gap:8px;margin-bottom:24px}.directory-tabs button{display:flex;align-items:center;gap:10px;background:transparent;color:var(--muted);border:1px solid transparent;padding:12px 18px;border-radius:8px}.directory-tabs .active{background:#193a36;border-color:#367566;color:var(--mint)}.directory-panel img,.directory-pagination img{width:26px;height:26px;object-fit:contain}.directory-panel label{display:block;font-size:12px;font-weight:600;color:var(--muted)}.search-row{display:flex;gap:12px;margin-top:8px}.search-row input,.directory-filters select{background:#0b1823;border:1px solid #355065;border-radius:8px;color:var(--white);font:inherit;padding:14px;min-width:0}.search-row input{flex:1;width:100%}.search-row input:focus,.directory-filters select:focus{outline:2px solid var(--mint);outline-offset:2px}.directory-filters{display:flex;align-items:end;gap:16px;margin-top:18px;flex-wrap:wrap}.directory-filters label{flex:1;min-width:140px}.directory-filters select{display:block;width:100%;margin-top:6px;font-size:14px}.directory-panel .button{gap:10px}.directory-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.directory-summary h2{font-size:22px}.directory-summary span,#directory-status,#directory-updated{color:var(--muted);font-size:14px}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.directory-card{min-width:0;animation:card-arrive .3s ease both}.directory-card .card-art{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:12px;background:radial-gradient(ellipse at 50% 65%,#223f50,#101e2a 70%)}.directory-card h3{font-size:16px;margin:12px 0 3px;overflow-wrap:anywhere}.card-detail{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:8px}.card-detail strong{color:var(--mint)}.card-owner{display:block;margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--panel);width:100%;color:var(--white);text-align:left;overflow-wrap:anywhere}.card-owner:hover{border-color:var(--mint)}.card-owner small{display:block;color:var(--muted);font-size:11px}.card-placeholder{display:grid;place-content:center;aspect-ratio:2/3;border:1px solid var(--line);border-radius:12px;text-align:center;color:var(--muted);padding:20px}.directory-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:35px 0 16px;font-size:13px}.directory-pagination button:not(:disabled){background:var(--blue);border-color:var(--blue)}.directory-pagination button:disabled{opacity:.35}.directory-grid[aria-busy=true]{opacity:.5;pointer-events:none}.header nav{flex-wrap:wrap}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #427066;border-radius:12px;background:linear-gradient(145deg,#214c47,#11232e);color:var(--mint);font-size:15px;font-weight:800}.site-emoji{width:24px;height:24px;vertical-align:middle;object-fit:contain;margin-right:8px}@keyframes card-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.card-heading>img{width:72px;height:72px}.directory-panel{padding:16px}.directory-tabs button{padding:10px;font-size:13px;gap:6px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.search-row{flex-wrap:wrap}.search-row .button{width:100%}.directory-filters{gap:12px}.directory-filters label{min-width:110px}.directory-filters .button{width:100%}.card-detail{flex-wrap:wrap}.directory-card h3{font-size:14px}.card-owner{font-size:12px}.card-heading h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.directory-card{animation:none}}