/* Shared catalog surfaces: a scenic introduction, quiet controls, strong artwork. */
.fb-catalog-head{position:relative;isolation:isolate;overflow:hidden;padding:46px 40px 30px!important;margin:26px 0 28px!important;border:1px solid #5b2c51;border-radius:16px;background:#170e20 url('assets/ember-city.png') center 42%/cover;min-height:246px;box-shadow:0 18px 65px #0004}.fb-catalog-head:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160b1af5 10%,#180c22d9 52%,#170d2045),linear-gradient(0deg,#130c19cc,transparent)}.fb-catalog-head .eyebrow{color:#fa77c6;letter-spacing:2px;font-size:11px}.fb-catalog-head h1{font-size:clamp(30px,4vw,58px);line-height:1.08;margin:12px 0;color:#fff;max-width:900px}.fb-catalog-head .lede{color:#d6bfdc;max-width:660px;font-size:14px;line-height:1.7}.fb-catalog-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.fb-catalog-nav a{padding:9px 15px;border:1px solid #65425f;background:#1a1026b8;border-radius:30px;color:#e2cfe7;font-size:12px;transition:background .18s,border-color .18s,transform .18s}.fb-catalog-nav a:hover,.fb-catalog-nav a[aria-current]{border-color:#ff29ab;color:white;background:#8a17596b;transform:translateY(-2px)}.fb-catalog-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.fb-filter-panel{padding:22px 18px;border:1px solid #3b2943;background:linear-gradient(150deg,#211427,#120e1a);border-radius:12px;position:sticky;top:110px}.fb-filter-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.fb-filter-title h2{font-size:21px;margin:0 0 20px}.fb-filter-title svg{width:20px;height:20px;color:#f856b8;margin-bottom:20px}.fb-filter-panel form{display:grid;gap:16px}.fb-filter-panel label{display:grid;gap:8px;font-size:12px;color:#d5c1dc}.fb-filter-panel select{color:#f1e7f4;background:#100c17;border:1px solid #46324e;border-radius:7px;padding:10px;width:100%;min-width:0;font:inherit;height:42px}.fb-filter-panel select:focus-visible{outline:2px solid #ff29ab;outline-offset:2px}.fb-filter-panel .btn{width:100%;font-size:13px;min-height:43px}.fb-reset{text-align:center;color:#bfa6ca;font-size:12px}.fb-filter-tip{border-top:1px solid #3b2943;padding-top:20px;margin-top:24px;color:#a68caf;font-size:12px;line-height:1.8}.fb-filter-tip a{color:#f36bbb}.fb-results-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:12px;font-size:13px}.fb-results-top p{margin:0;color:#d8c6df}.fb-results-top strong{color:#fff}.fb-results-top>span{color:#a78cad;font-size:12px}.fb-catalog-results{min-width:0}.fb-catalog-results .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.fb-picture-hub{background:radial-gradient(ellipse at top right,#54234430,transparent 60%);padding-bottom:30px}.fb-picture-hub .ember-hub-tools{margin-bottom:24px}.fb-term-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fb-term-card{display:flex;align-items:center;gap:15px;padding:10px;border:1px solid #3d2a44;border-radius:12px;background:linear-gradient(115deg,#25182c,#140f1d);min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.fb-term-card:hover{transform:translateY(-3px);border-color:#c44591;box-shadow:0 8px 28px #0005}.fb-term-card[hidden]{display:none}.fb-term-picture{flex:none;width:82px;height:82px;overflow:hidden;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#683162,#242040);color:#f082cc}.fb-term-picture img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.fb-term-card:hover img{transform:scale(1.06)}.fb-term-picture svg{width:32px;height:32px}.fb-term-copy{display:grid;gap:8px;min-width:0}.fb-term-copy strong{font-size:15px;font-weight:600;color:#f7effa;overflow-wrap:anywhere}.fb-term-copy small{font-size:11px;color:#b79dc0}.fb-term-arrow{color:#db59a4;margin-left:auto;padding-right:7px}.fb-term-grid[hidden]{display:none}.fb-catalog-results .pagination{margin-top:28px}.fb-catalog-head a:focus-visible,.fb-term-card:focus-visible{outline:2px solid #ff55b7;outline-offset:4px}@media(min-width:1750px){.fb-catalog-results .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.fb-term-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fb-catalog-results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fb-catalog-layout{gap:18px;grid-template-columns:210px minmax(0,1fr)}}@media(max-width:850px){.fb-catalog-layout{grid-template-columns:1fr}.fb-filter-panel{position:static}.fb-filter-panel form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.fb-filter-tip{display:none}.fb-reset{align-self:center}.fb-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-catalog-head{padding:30px 24px!important}.fb-catalog-results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.fb-catalog-head{padding:25px 20px!important;min-height:230px;margin-top:16px!important}.fb-catalog-head h1{font-size:34px}.fb-catalog-head .lede{font-size:13px}.fb-catalog-nav{gap:6px}.fb-catalog-nav a{font-size:11px;padding:8px 11px}.fb-filter-panel form{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-filter-panel{padding:18px 14px}.fb-catalog-results .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fb-results-top>span{display:none}.fb-term-grid{gap:10px}.fb-term-card{padding:8px;gap:10px;flex-direction:column;align-items:stretch}.fb-term-picture{width:100%;height:96px}.fb-term-copy{padding:3px 3px 6px;gap:6px}.fb-term-copy strong{font-size:14px}.fb-term-arrow{display:none}}@media(prefers-reduced-motion:reduce){.fb-term-card,.fb-term-picture img,.fb-catalog-nav a{transition:none;transform:none!important}}
.fb-filter-disclosure>summary{display:none;cursor:pointer;list-style:none;font-weight:600;font-size:17px}.fb-filter-disclosure>summary::-webkit-details-marker{display:none}.fb-filter-disclosure>summary span{color:#ff69bf}.fb-filter-panel .btn{padding:10px 14px;letter-spacing:0}.fb-filter-disclosure>summary:focus-visible{outline:2px solid #ff55b7;outline-offset:5px}@media(max-width:850px){.fb-filter-disclosure>summary{display:flex;justify-content:space-between;align-items:center;min-height:26px}.fb-filter-disclosure .fb-filter-title{display:none}.fb-filter-disclosure[open]>summary{margin-bottom:22px}}
/* Applied filters remain visible even when the mobile controls are collapsed. */
.fb-active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.fb-active-filters a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #874269;background:#3b193450;border-radius:24px;color:#f8def0;font-size:12px;transition:background .18s,border-color .18s}.fb-active-filters a>span{color:#b999c3}.fb-active-filters a>b{font-size:17px;line-height:1;font-weight:400;color:#f875bc}.fb-active-filters a:hover{background:#72214970;border-color:#fd62b5}.fb-active-filters a:focus-visible{outline:2px solid #ff5ab5;outline-offset:3px}.fb-active-filters .fb-clear-all{border-color:transparent;background:none;color:#ceafda;text-decoration:underline;text-underline-offset:4px}.fb-filter-count{background:#e82095;color:#fff;border-radius:14px;padding:3px 8px;margin-left:auto;margin-right:10px;font-size:12px}.fb-catalog-results .card{border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.fb-catalog-results .card:hover{border-color:#af3f84;box-shadow:0 12px 30px #08040f80;transform:translateY(-3px)}.fb-catalog-results .card-title{min-height:2.5em;line-height:1.25}.fb-catalog-results .card-scrim{padding:14px}.fb-card-platforms{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #45304580;flex-wrap:wrap}.fb-card-platforms span{font-size:10px;color:#c4b0d2;line-height:1.4;padding:3px 6px;border:1px solid #43324e;border-radius:4px;background:#211828}.fb-catalog-results .card-art{overflow:hidden}.fb-catalog-results .card-art img{transition:transform .35s}.fb-catalog-results .card:hover .card-art img{transform:scale(1.035)}@media(max-width:520px){.fb-active-filters a{font-size:11px;padding:8px 10px;min-height:32px}.fb-catalog-results .card-scrim{padding:10px}.fb-catalog-results .card-title{font-size:15px}.fb-card-platforms{gap:4px}.fb-card-platforms span{font-size:10px;padding:3px 5px}}@media(prefers-reduced-motion:reduce){.fb-catalog-results .card,.fb-catalog-results .card-art img,.fb-active-filters a{transition:none;transform:none!important}}
