.acl-page{min-width:0;min-height:100vh;padding:clamp(22px,4vw,48px)}.acl-hero{position:relative;overflow:hidden;min-height:clamp(200px,28vw,280px);border-radius:8px;background:linear-gradient(135deg,#2e6381,#3a7a9c 55%,#4d92b0);box-shadow:0 26px 64px #242c3c1a}.acl-hero-copy{position:relative;z-index:1;display:grid;justify-items:center;max-width:clamp(680px,80vw,1000px);margin:0 auto;padding:clamp(36px,5vw,64px) 24px clamp(36px,5vw,56px);text-align:center}.acl-hero-copy h1{margin:0;color:#fff;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:950;letter-spacing:0;line-height:1.08;text-shadow:0 12px 40px rgba(22,32,42,.18)}.acl-hero-copy>p{max-width:680px;margin:14px 0 0;color:#ffffffeb;font-size:1.05rem;font-weight:700;line-height:1.8}.acl-count{display:inline-block;margin-top:16px;padding:4px 16px;border-radius:999px;background:#fff3;color:#fff;font-size:.85rem;font-weight:800}.acl-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;max-width:1152px;margin:clamp(28px,4vw,48px) auto 0}.acl-filter-group{flex:1 1 auto;min-width:0}.acl-filter-label{display:block;margin-bottom:8px;color:#56606d;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.acl-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.acl-pill{min-height:36px;border:1px solid rgba(232,236,242,.92);border-radius:999px;padding:0 16px;background:#fff;color:#56606d;font-size:.82rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.acl-pill:hover{border-color:#2e6381;color:#000;transform:translateY(-1px)}.acl-pill-active{background:#2e6381;border-color:#2e6381;color:#fff}.acl-pill-active:hover{background:#2e6381;color:#fff}.acl-sort-group{flex:0 0 auto}.acl-sort-select{min-height:36px;border:1px solid rgba(232,236,242,.92);border-radius:999px;padding:0 32px 0 16px;background:#fff;color:#202532;font-size:.82rem;font-weight:700;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2356606d' d='m12 15-5-5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .18s ease}.acl-sort-select:focus-visible{outline:2px solid #2E6381;outline-offset:2px}.acl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1152px;margin:clamp(28px,4vw,48px) auto 0}.acl-card{display:flex;flex-direction:column;border:1px solid rgba(232,236,242,.92);border-radius:8px;background:radial-gradient(circle at top right,rgba(201,162,39,.08),transparent 38%),#fff;box-shadow:0 1px #242c3c0a,0 12px 32px #242c3c0f;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.acl-card:hover{transform:scale(1.05);box-shadow:0 1px #242c3c0a,0 20px 48px #242c3c1a}.acl-card-image{position:relative;display:flex;align-items:center;justify-content:center;padding:36px;background:linear-gradient(135deg,var(--card-accent, #c9a227) 0%,rgba(201,162,39,.3) 100%);overflow:hidden}.acl-card-image img{width:266px;height:266px;border-radius:8px;object-fit:cover}.acl-card-placeholder{width:266px;height:266px;border-radius:8px;background:#fff3;color:#fff;font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center}.acl-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.acl-card-name{margin:0;color:#171b23;font-size:.95rem;font-weight:900;line-height:1.3}.acl-card-series{color:#56606d;font-size:.78rem;font-weight:600}.acl-card-archetype{color:#c9a227;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.acl-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.acl-tag{padding:2px 8px;border-radius:999px;background:#fdf6e3;color:#8b6910;font-size:.68rem;font-weight:700;white-space:nowrap}.acl-card-note{margin:6px 0 0;color:#697280;font-size:.78rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.acl-empty{max-width:1152px;margin:48px auto 0;text-align:center;color:#697280;font-size:1rem}.acl-back{max-width:1152px;margin:clamp(36px,5vw,56px) auto 0;text-align:center}@media(max-width:1024px){.acl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.acl-grid{grid-template-columns:1fr}.acl-toolbar{flex-direction:column}.acl-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.acl-pill{flex:0 0 auto;white-space:nowrap}}