:root{color-scheme:dark;--page:#0d1020;--panel:#171a2d;--line:#33374c;--text:#f7f1ef;--muted:#aaaab8;--coral:#ff956d;--cyan:#9bdffc;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 54% 450px at 83% -10%,#b5496538,transparent),radial-gradient(ellipse 50% 350px at 0% 12%,#346aa82c,transparent);z-index:-1}
.shell{width:min(1220px,calc(100% - 48px));margin:auto}.masthead{padding-top:56px;border-bottom:1px solid var(--line);margin-bottom:30px}
.smallcap{font-size:11px;font-weight:800;letter-spacing:.2em;color:#b7b8c8}.star{color:var(--coral);font-size:16px;vertical-align:middle}.divider-dot{padding:0 13px;color:#636777}
.headline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 0 38px}
h1{font-family:Impact,"Arial Black",sans-serif;font-stretch:condensed;letter-spacing:.018em;font-size:clamp(48px,8vw,105px);font-weight:900;line-height:.95;margin:0;text-wrap:balance}h1 em{color:var(--coral);font-style:normal}
.lead{color:#bfc0cc;line-height:1.65;font-size:15px;max-width:555px;margin:24px 0 0}
.vault-mark{flex-shrink:0;width:140px;height:140px;border-radius:34px;transform:rotate(-9deg);border:2px solid #ff936e44;background:linear-gradient(140deg,#2a2443,#311d3d);display:grid;place-items:center;position:relative;box-shadow:0 20px 65px #0006,inset 0 0 35px #ff956d14}
.vault-mark span{font-family:Georgia,serif;color:#ffb28e;font-size:100px;font-weight:900;line-height:1}.vault-mark small{position:absolute;bottom:13px;right:19px;font-weight:900;font-size:28px;color:var(--cyan)}
.header-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:17px 0;font-size:12px;color:#c2c1cc;font-weight:600}
.header-foot b{color:var(--text)}.header-foot a{color:var(--cyan);font-weight:800}.header-foot a:hover{text-decoration:underline}.muted{color:#5f6378;padding:0 3px}
.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:stretch}
.search-wrap{display:flex;align-items:center;flex:1;gap:12px;border:1px solid #3c4057;border-radius:12px;background:#181b2d;padding:0 17px;transition:border-color .2s}
.search-wrap:focus-within{border-color:var(--cyan)}.search-wrap span:first-child{font-size:24px;color:#d8d9e9}
.search-wrap input{color:var(--text);background:transparent;border:0;outline:0;padding:16px 0;width:100%;font-size:14px}
.search-wrap input::placeholder{color:#87899b}.sort-wrap{display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #3c4057;border-radius:12px;background:#181b2d}
.sort-wrap span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#989aaf}.sort-wrap select{background:transparent;color:var(--text);border:0;outline:0;font-size:13px;cursor:pointer;max-width:185px}.sort-wrap option{background:#171a2d}
.result-row{display:flex;justify-content:space-between;margin:24px 0 16px;color:#9da1b5;font-size:12px}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.character{border:1px solid #2d3046;background:#171a2e;border-radius:15px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;min-width:0}
.character:hover{transform:translateY(-4px);border-color:#ff956d88;box-shadow:0 15px 35px #0004}
.picture{position:relative;aspect-ratio:3/5;overflow:hidden;background:#272b40;display:grid;place-items:center}.picture img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transition:transform .35s}.character:hover .picture img{transform:scale(1.02)}
.picture::after{content:"";background:linear-gradient(0deg,#161a2d88,transparent 36%);position:absolute;inset:0;pointer-events:none}
.number{position:absolute;top:10px;left:10px;font-size:10px;font-weight:900;letter-spacing:.04em;border-radius:8px;background:#101323c9;border:1px solid #ffffff30;padding:6px 9px;z-index:1}
.status{position:absolute;bottom:10px;left:10px;right:10px;background:#ff9c71eb;color:#170d12;font-size:10px;font-weight:900;text-align:center;border-radius:5px;padding:6px;z-index:1}
.card-body{padding:14px;display:flex;flex-direction:column;flex:1;gap:12px}
.card-title{font-weight:750;font-size:13px;line-height:1.4;min-height:3.9em;overflow-wrap:anywhere}.card-sub{color:#9699ae;font-size:11px;margin-top:-6px}
.actions{display:flex;gap:6px;margin-top:auto}.action{display:grid;place-items:center;min-height:35px;border-radius:8px;padding:8px 5px;font-size:11px;font-weight:800;text-align:center}
.action.download{background:#ff976d;color:#201118;flex:1}.action.download:hover{background:#ffb28f}
.action.original{border:1px solid #55546a;color:#dfe3f3;flex:1}.action.original:hover{border-color:var(--cyan);color:var(--cyan)}
.action.disabled{background:#363344;color:#bd9f9f;cursor:default;flex:1}
.empty{padding:100px 15px;text-align:center;color:#b8b9c8}
footer{border-top:1px solid var(--line);margin:64px 0 30px;padding:28px 0 14px;color:#999eaf;font-size:12px;line-height:1.7}
footer>span{color:#eee5df;font-weight:900;letter-spacing:.12em;font-size:11px}footer p{max-width:910px}footer strong{color:#e2e4ee}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(max-width:1050px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vault-mark{display:none}.card-body{padding:12px}.headline{padding:30px 0}}
@media(max-width:550px){.shell{width:calc(100% - 30px)}.masthead{padding-top:34px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar{flex-direction:column}.sort-wrap{justify-content:space-between;min-height:46px}.header-foot{align-items:flex-start;flex-direction:column;gap:7px}.result-row span:last-child{display:none}.card-title{font-size:12px}.actions{flex-direction:column}.card-title{min-height:auto}h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}