:root{color-scheme:dark;--bg:#08090b;--panel:#0d0f12;--line:#292d33;--line-strong:#424851;--text:#f1f3f5;--muted:#959da8;--blue:#1683ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.4}
button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header,main{width:min(1440px,calc(100% - 48px));margin:0 auto}
.site-header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{color:var(--text);font-size:.94rem;font-weight:700;text-decoration:none}
.header-nav{display:flex;align-items:center;gap:12px;font-size:.8rem}
.nav-link{color:var(--text);text-decoration:none}.nav-link:hover,.nav-link:focus-visible{color:var(--blue);outline:0}
.nav-separator{color:#51565e}.developer{color:var(--muted);white-space:nowrap}.developer strong{color:var(--text);font-weight:600}
.intro{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(480px,1.45fr);align-items:end;gap:48px;padding:28px 0 24px;border-bottom:1px solid var(--line)}
.intro-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-width:0}
h1,h2{margin:0;line-height:1.1}h1{font-size:1.45rem;font-weight:700;letter-spacing:-.025em}h2{font-size:1rem;font-weight:700}
#resultCount{margin:0;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto}
.search-wrap{display:flex;align-items:center;min-width:0;height:46px;border:1px solid var(--line-strong);background:#0b0d10}.search-wrap:focus-within{border-color:var(--blue)}
.search-wrap svg{width:18px;flex:0 0 auto;margin-left:14px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
.search-wrap input{width:100%;min-width:0;padding:12px;border:0;outline:0;background:transparent;color:var(--text);font-size:.92rem}.search-wrap input::placeholder{color:#737b86}
kbd{margin-right:12px;color:#747d89;font:11px ui-monospace,monospace}
.image-search-button,.primary-button,.secondary-button{min-height:46px;border:1px solid var(--line-strong);border-radius:0;background:#12151a;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer}
.image-search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:-1px;padding:0 18px;white-space:nowrap}.image-search-button svg{width:17px;fill:none;stroke:var(--blue);stroke-width:1.8}
.image-search-button:hover,.image-search-button:focus-visible,.primary-button:hover,.primary-button:focus-visible{border-color:var(--blue);background:#101923;outline:0}
.secondary-button{padding:0 16px;color:var(--muted)}.secondary-button:hover,.secondary-button:focus-visible{color:var(--text);border-color:var(--text);outline:0}
.gallery-section{padding:22px 0 80px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px}
.archive-stats{display:flex;align-items:center;gap:10px;min-width:0}
.live-avatar-count{display:inline-flex;align-items:center;gap:6px;color:#8f98a4;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.live-avatar-count::before{content:"";width:7px;height:7px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 2px rgba(53,208,127,.12)}
.live-avatar-count.offline::before{background:#68717d;box-shadow:none}
.live-avatar-count.offline{color:#68717d}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px 10px}
.avatar-card{min-width:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.avatar-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.image-shell{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:0;background:#111317}.avatar-card:hover .image-shell{border-color:var(--blue)}
.avatar-card img{display:block;width:100%;height:100%;object-fit:cover}.avatar-code{display:block;margin-top:6px;overflow:hidden;color:#a8afb8;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.avatar-card:hover .avatar-code{color:var(--text)}
.empty{padding:56px 20px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}.empty span{display:block;color:var(--blue);font-size:2rem}.empty h3{margin:8px 0 4px;color:var(--text);font-size:1rem}.empty p{margin:0}.load-trigger{height:2px}
.toast{position:fixed;right:18px;bottom:18px;z-index:20;padding:10px 13px;border:1px solid var(--line-strong);background:#eceff2;color:#0a0b0d;font-size:.8rem;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 120ms ease,transform 120ms ease}.toast.show{opacity:1;transform:translateY(0)}
.image-finder{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;overflow:auto;border:1px solid var(--line-strong);border-radius:0;background:#0b0d10;color:var(--text);box-shadow:0 18px 70px rgba(0,0,0,.72)}.image-finder::backdrop{background:rgba(0,0,0,.8)}
.finder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.section-kicker{margin:0 0 7px;color:var(--blue);font-size:.7rem;font-weight:700;letter-spacing:.12em}.finder-header h2{font-size:1.35rem}
.finder-close{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--text);font-size:1.25rem;cursor:pointer}.finder-close:hover{border-color:var(--text)}
.finder-upload{margin-top:18px;padding:32px 18px;border:1px dashed var(--line-strong);text-align:center}.finder-upload .primary-button,.finder-crop .primary-button{padding:0 18px}.finder-upload p,.finder-crop>p{margin:11px 0 0;color:var(--muted);font-size:.86rem}
.finder-crop{margin-top:18px}.finder-crop>p{margin:0 0 12px}#finderCanvas{width:auto;max-width:100%;height:auto;max-height:480px;display:block;margin:0 auto;border:1px solid var(--line);background:#020304;touch-action:none;cursor:crosshair}
.avatar-actions-dialog{box-sizing:border-box;width:min(410px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line-strong);border-radius:0;background:#0b0d10;color:var(--text);box-shadow:0 18px 70px rgba(0,0,0,.72)}.avatar-actions-dialog::backdrop{background:rgba(0,0,0,.8)}
.avatar-actions-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;padding-bottom:16px;border-bottom:1px solid var(--line)}.avatar-actions-header>div{min-width:0}.avatar-actions-header h2{max-width:100%;overflow:hidden;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.selected-avatar-image{display:block;width:min(240px,100%);aspect-ratio:1;margin:20px auto;object-fit:cover;border:1px solid var(--line)}
.avatar-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.avatar-action-buttons .primary-button{padding:0 14px}
.download-button{display:flex;min-height:46px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--blue);background:#101923;color:var(--text);font-size:.82rem;font-weight:600;text-decoration:none}.download-button:hover,.download-button:focus-visible{background:#142538;outline:0}.download-button.disabled{border-color:var(--line-strong);background:#12151a;color:#626a74;cursor:not-allowed}
.edat-availability{margin:11px 0 0;color:var(--muted);font-size:.78rem;text-align:center}
.crop-size{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:16px 0;color:var(--muted);font-size:.82rem}.crop-size input{width:100%;accent-color:var(--blue)}.finder-status{min-height:24px;margin-top:16px;color:var(--muted);font-size:.86rem}.finder-actions{display:flex;justify-content:flex-end;gap:8px}.finder-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.finder-results .avatar-code{font-size:9px}
@media(max-width:850px){.intro{grid-template-columns:1fr;gap:16px}.intro-heading{justify-content:flex-start}.gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:620px){.site-header,main{width:calc(100% - 24px)}.site-header{height:auto;min-height:58px;padding:10px 0;align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}.header-nav{gap:8px;font-size:.74rem}.developer{font-size:.72rem}.intro{padding:18px 0}.intro-heading{align-items:center;justify-content:space-between}.search-row{grid-template-columns:1fr}.image-search-button{width:100%;margin:-1px 0 0}.gallery-section{padding-top:18px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 7px}.section-heading{padding-bottom:12px}.archive-stats{gap:7px}.live-avatar-count{font-size:10px}.avatar-code{font-size:9px}.image-finder{padding:14px}.finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-size{grid-template-columns:1fr;gap:5px}.finder-actions{flex-direction:column-reverse}.finder-actions button{width:100%}.avatar-actions-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:14px}.avatar-actions-header{gap:10px;padding-bottom:12px}.selected-avatar-image{width:min(210px,68vw);margin:14px auto}.avatar-action-buttons{grid-template-columns:1fr}.edat-availability{margin-top:9px}kbd{display:none}}
@media(max-width:390px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.avatar-share-row{display:flex;justify-content:center;margin:0 0 8px}
.avatar-share-button{width:min(210px,100%);padding:0 18px}
@media(max-width:620px){.avatar-share-button{width:100%}}


/* v32 — dark buttons, border colors only */
#copyAvatarLink{
  background:#0b0f14 !important;
  border:1px solid #1689ff !important;
  color:#ffffff !important;
}
#copyAvatarLink:hover,
#copyAvatarLink:focus-visible{
  background:#111820 !important;
  border-color:#45a0ff !important;
  color:#ffffff !important;
}

#copySelectedCode,
#downloadSelectedEdat{
  background:#0b0f14 !important;
  border:1px solid #ffffff !important;
  color:#ffffff !important;
}
#copySelectedCode:hover,
#copySelectedCode:focus-visible,
#downloadSelectedEdat:hover,
#downloadSelectedEdat:focus-visible{
  background:#111820 !important;
  border-color:#ffffff !important;
  color:#ffffff !important;
}


/* v34 — thinner avatar action button borders */
#copyAvatarLink{
  border-width:0.5px !important;
}
#copySelectedCode,
#downloadSelectedEdat{
  border-width:0.5px !important;
}


/* v35 — missing EDAT indicator */
#downloadSelectedEdat.edat-missing{
  border-color:#ff3b30 !important;
}


/* v36 — compact avatar metadata */
.avatar-metadata{
  margin:12px 0 0;
  padding-top:11px;
  border-top:1px solid var(--line);
  text-align:center;
}
.avatar-metadata[hidden]{display:none}
.avatar-game-name{
  margin:0;
  color:var(--text);
  font-size:.78rem;
  font-weight:700;
  line-height:1.35;
}
.avatar-meta-line{
  margin:4px 0 0;
  color:var(--muted);
  font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.avatar-product-id{
  margin:3px 0 0;
  overflow-wrap:anywhere;
  color:#727b86;
  font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}


/* v37 — centered region filters */
.region-filter-section{padding:18px 0 2px}
.region-filters{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto}
.region-filter{min-width:108px;min-height:52px;padding:7px 14px;border:1px solid var(--line-strong);border-radius:0;background:#0b0d10;color:var(--text);cursor:pointer;transition:border-color 120ms ease,background 120ms ease}
.region-filter span{display:block;font-size:.78rem;font-weight:700;line-height:1.15}
.region-filter small{display:block;margin-top:4px;color:#7f8895;font:10px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.region-filter:hover,.region-filter:focus-visible{border-color:#75808d;outline:0}
.region-filter.active{border-color:var(--blue);background:#0d1722}
.region-filter.active small{color:#a9cfff}
@media(max-width:850px){.region-filter{min-width:96px}}
@media(max-width:620px){.region-filter-section{padding-top:14px}.region-filters{gap:6px}.region-filter{min-width:calc(33.333% - 4px);min-height:48px;padding:6px 8px}.archive-stats{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:390px){.region-filter{min-width:calc(50% - 3px)}}


/* v40 — per-avatar description */
.avatar-description{
  margin:8px 0 0;
  color:#9aa4b2;
  font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.avatar-description:empty{display:none}

/* v44 — individual avatar title in metadata modal */
.avatar-name{margin:0 0 4px;color:var(--text);font-size:.83rem;font-weight:700;line-height:1.4}
.avatar-name:empty{display:none}
.avatar-name:not(:empty) + .avatar-game-name{font-weight:500;font-size:.72rem;color:var(--muted)}
.avatar-game-name:empty{display:none}


/* PSNA site editorial refresh v45 — existing gallery and application behavior preserved */
:root{--bg:#09080b;--panel:#121016;--line:#25212c;--line-strong:#38303f;--text:#f7f5fb;--muted:#a4a0ae;--blue:#ae8aeb;color-scheme:dark}
html{scroll-padding-top:30px}body{background:#09080b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5}
.site-header,main{width:min(1220px,calc(100% - 56px));margin-inline:auto}.site-header{height:72px;border-color:#23202a}
.brand{font-size:23px;letter-spacing:-1.1px;display:inline-flex;align-items:center;gap:11px;font-weight:800}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#1b1424;border:1px solid #34263f;border-radius:11px;color:#c7a2fa;letter-spacing:0;font-size:20px}.brand-accent{color:#c4a2f9}.header-nav{gap:29px}.nav-link{font-size:13px;color:#b2aebc}.nav-link:hover{color:#c4a2f9}.developer{margin-left:15px}
.intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:64px;align-items:center;padding:105px 0 120px;border-bottom:1px solid #25212b}.intro-heading{display:block}.hero-badge{display:inline-flex;border-radius:100px;padding:8px 13px;background:#1d1627;border:1px solid #3c2c4f;color:#bb98f8;font-size:10px;font-weight:800;letter-spacing:1.25px}.intro h1{margin:23px 0 22px;font-size:clamp(46px,5.2vw,78px);font-weight:800;letter-spacing:-.065em;line-height:1.06}.intro h1 em,.archive-intro h2 em{font-family:Georgia,'Times New Roman',serif;color:#bfa0f2;font-weight:400;letter-spacing:-.055em}.hero-description{font-size:17px;line-height:1.8;max-width:560px;color:#aaa5b3;margin:0}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:33px;flex-wrap:wrap}.hero-cta,.hero-secondary{display:inline-flex;gap:20px;align-items:center;justify-content:center;text-decoration:none;font-weight:750;font-size:13px;padding:15px 23px;border-radius:12px;min-height:48px}.hero-cta{background:#fff;color:#0e0c12}.hero-secondary{border:1px solid #36303e;color:#f4f0f9;background:#19151f}.hero-cta:hover{background:#decaff}.hero-secondary:hover{border-color:#a481cf}.hero-facts{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:30px;font-size:12px;color:#b1acbb}.hero-facts span::first-letter{color:#ad80f2}
.hero-preview{background:#110f15;border:1px solid #302b38;border-radius:24px;padding:17px;position:relative;min-width:0;box-shadow:0 30px 100px #0006}.preview-gradient{height:122px;border-radius:13px;border:1px solid #372942;background:radial-gradient(ellipse at 25% 10%,#45315f,#241a30 65%,#19131e)}.preview-icon{width:64px;height:64px;margin:-30px 0 0 13px;position:relative;display:grid;place-items:center;border:5px solid #110f15;border-radius:17px;background:#281c35;color:#c29bf5;font-size:30px}.preview-pill{position:absolute;right:28px;top:145px;border-radius:100px;background:#3b2b50;color:#e1caff;font-size:9px;font-weight:800;padding:5px 10px}.preview-title{font-size:17px;font-weight:750;margin:14px 12px 4px}.preview-title span{color:#ba91f2}.hero-preview p{font-size:12px;color:#a5a0ae;margin:0 12px 18px}.preview-feature{display:flex;gap:12px;align-items:center;margin-top:8px;border:1px solid #302936;background:#18151e;border-radius:12px;padding:11px}.feature-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:#30243f;color:#d3afff;font-size:23px}.preview-feature>span:nth-child(2){flex:1;min-width:0}.preview-feature strong,.preview-feature small{display:block}.preview-feature strong{font-size:12px}.preview-feature small{font-size:10px;color:#a09aa9;margin-top:3px}.preview-feature b{flex:none;font-size:9px;color:#c9a5ff;border:1px solid #513d68;border-radius:7px;padding:5px 7px}
.archive-intro{padding:85px 0 26px}.archive-intro .section-kicker{font-size:11px;letter-spacing:1.7px}.archive-intro h2{font-size:clamp(36px,4.2vw,55px);letter-spacing:-.055em;margin:14px 0 12px}.archive-intro p{color:#a6a0af;font-size:15px;margin:0}.search-section{padding:12px 0 0}.search-row{gap:10px;grid-template-columns:minmax(0,1fr) auto}.search-wrap{height:52px;border-radius:12px;background:#151219;border-color:#37303e}.search-wrap:focus-within{border-color:#af8cea}.search-wrap input{font-size:14px}.image-search-button{height:52px;margin:0;border:1px solid #44394e;border-radius:12px;padding-inline:18px;background:#21192a}.image-search-button svg{stroke:#c3a0ff}.image-search-button:hover{background:#2a2036;border-color:#a984dd}
.region-filter-section{padding:20px 0 13px}.region-filters{justify-content:flex-start;gap:8px}.region-filter{border-radius:10px;min-width:100px;background:#15121a;border:1px solid #36303d;min-height:51px}.region-filter:hover{border-color:#9675c4}.region-filter.active{background:#2a2037;border-color:#8e6abf}.region-filter.active small{color:#d1b1ff}.region-filter small{color:#89818f}
.gallery-section{padding:30px 0 90px}.section-heading{padding-bottom:18px}.section-heading h2{font-size:20px;letter-spacing:-.03em}.gallery{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:18px}.avatar-card{padding:9px 9px 11px;border:1px solid #2b2632;border-radius:15px;background:#111015;transition:border-color .15s ease}.avatar-card:hover{border-color:#8d6cb6}.image-shell{border-radius:10px;background:#18131f;border:1px solid #302839}.avatar-card:hover .image-shell{border-color:#8d6cb6}.avatar-code{margin-top:9px;color:#ada5b6;padding:0 3px;font-size:10px}.empty{border-color:#282330}.image-finder,.avatar-actions-dialog{border-radius:20px;border-color:#3c3247;background:#120f17}.finder-close{border-radius:10px}.primary-button,.secondary-button,.download-button{border-radius:10px}.primary-button{background:#30213d}.download-button{background:#2b2038}.toast{border-radius:12px}.site-footer{max-width:1220px;width:calc(100% - 56px);margin:0 auto;border-top:1px solid #28222f;padding:30px 0 45px;display:flex;gap:16px;justify-content:space-between;color:#8c8696;font-size:12px}
@media(max-width:920px){.intro{gap:36px;padding:75px 0 85px;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)}.intro h1{font-size:clamp(42px,5vw,62px)}.gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
@media(max-width:740px){.intro{grid-template-columns:1fr;padding:67px 0 76px}.hero-preview{max-width:510px}.hero-description{font-size:15px}.intro h1{font-size:clamp(44px,10vw,64px)}.site-header,main{width:calc(100% - 36px)}.site-footer{width:calc(100% - 36px)}.header-nav{gap:15px}.developer{margin-left:0}.archive-intro{padding-top:64px}.region-filter{min-width:calc(33.333% - 6px)}}
@media(max-width:520px){.site-header{min-height:66px;height:auto;flex-direction:row;align-items:center;gap:12px}.brand{font-size:19px}.brand-mark{width:33px;height:33px}.header-nav .nav-link{display:none}.developer{font-size:11px}.intro{padding-top:62px}.intro h1{font-size:46px;letter-spacing:-.055em}.hero-badge{font-size:9px}.hero-facts{gap:10px 14px}.hero-preview{padding:12px}.preview-pill{right:20px;top:140px}.preview-feature b{font-size:8px}.search-row{grid-template-columns:1fr}.image-search-button{width:100%}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.avatar-card{padding:7px}.archive-intro h2{font-size:40px}.site-footer{flex-direction:column}.region-filter{min-width:calc(33.333% - 6px)}}

/* v46: remove decorative archive preview panel; keep all search/gallery functionality */
.intro{display:block;max-width:100%;padding:100px 0 100px;}
.intro-heading{max-width:760px;}
.hero-description{max-width:640px;}
@media(max-width:740px){.intro{padding:65px 0 75px;}}

/* v47: archive at top */
.archive-intro{padding-top:48px;}
@media(max-width:700px){.archive-intro{padding-top:30px;}}


/* v48: centered region filters + profile-picture purple theme */
:root{
  --bg:#080417;
  --panel:#100b1c;
  --line:#25193c;
  --line-strong:#3b285f;
  --text:#f6f2ff;
  --muted:#b5acd0;
  --blue:#9660e6;
  color-scheme:dark;
}
html{scroll-padding-top:24px}
body{
  background:
    radial-gradient(circle at 65% 12%, rgba(150,96,230,.14), transparent 28%),
    radial-gradient(circle at 28% 0%, rgba(79,27,157,.12), transparent 25%),
    var(--bg);
  color:var(--text);
}
.site-header{border-color:#211434}
.brand-mark{background:#1a102d;border-color:#4b2a77;color:#d9b6ff;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.brand-accent{color:#c79dff}
.nav-link,.developer{color:#c2b9db}.nav-link:hover,.nav-link:focus-visible{color:#d6b1ff}
.section-kicker,.archive-intro .section-kicker{color:#c9a1ff}
.archive-intro h2 em{color:#c8a0ff}
.archive-intro p{color:#b1a7ca}
.search-wrap{background:#120d1f;border-color:#3c285f}
.search-wrap:focus-within{border-color:#a66ff7;box-shadow:0 0 0 3px rgba(150,96,230,.12)}
.search-wrap svg{stroke:#c8a5ff}.search-wrap input::placeholder{color:#8e81aa}
kbd{color:#988ab5}
.image-search-button,.primary-button,.secondary-button,.download-button{border-color:#4a3175}
.image-search-button{background:#1c1230}.image-search-button:hover{background:#271840;border-color:#a66ff7}
.primary-button{background:#2f1b56}.primary-button:hover{background:#3b236b}
.secondary-button,.download-button{background:#1a112b}
.secondary-button:hover,.download-button:hover{border-color:#a66ff7;background:#23163a}
.region-filter-section{padding:20px 0 16px}
.region-filters{justify-content:center !important; width:100%; margin-inline:auto}
.region-filter{
  min-width:102px;
  border-radius:12px;
  background:#120d1f;
  border:1px solid #453066;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
}
.region-filter span{font-size:.8rem}
.region-filter small{color:#a194be}
.region-filter:hover,.region-filter:focus-visible{border-color:#ae7dff;background:#181028}
.region-filter.active{background:linear-gradient(180deg, rgba(150,96,230,.28), rgba(79,27,157,.22)); border-color:#b07cff}
.region-filter.active small{color:#e4cdff}
.section-heading h2{color:#f4efff}
#resultCount,.live-avatar-count{color:#beb4d7}
.avatar-card{background:#100b1b;border-color:#2d2044}
.avatar-card:hover{border-color:#9d69ef; box-shadow:0 10px 26px rgba(56,20,119,.18)}
.image-shell{background:#140e22;border-color:#32234e}
.avatar-card:hover .image-shell{border-color:#9d69ef}
.avatar-code{color:#b8aed0}
.empty{background:#100b1b;border-color:#2c1f41}
.image-finder,.avatar-actions-dialog{background:#100b1c;border-color:#472e72}
.finder-close{background:#1b122d;border:1px solid #442d6d}
.finder-close:hover{border-color:#ae7dff}
.toast{background:#1f1235;border:1px solid #5a3d8d;color:#f3ebff}
.site-footer{border-top-color:#211434;color:#9f93bc}
@media(max-width:620px){
  .region-filters{justify-content:center !important}
}


/* v49: white snowfall background */
body{position:relative;overflow-x:hidden}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:-25vh 0 0 0;
  pointer-events:none;
  z-index:0;
  background-repeat:repeat;
  will-change:transform;
}
body::before{
  opacity:.72;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.2px, transparent 1.7px),
    radial-gradient(circle, rgba(255,255,255,.88) 0 1.8px, transparent 2.3px),
    radial-gradient(circle, rgba(255,255,255,.75) 0 1.1px, transparent 1.6px);
  background-size: 180px 180px, 260px 260px, 140px 140px;
  background-position: 0 0, 50px 80px, 100px 30px;
  animation: snowFallSlow 22s linear infinite;
}
body::after{
  opacity:.5;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 2px, transparent 2.7px),
    radial-gradient(circle, rgba(255,255,255,.82) 0 1.4px, transparent 2px);
  background-size: 320px 320px, 210px 210px;
  background-position: 20px 40px, 140px 120px;
  filter: blur(.2px);
  animation: snowFallFast 14s linear infinite;
}
.site-header, main, .site-footer{position:relative; z-index:1}
@keyframes snowFallSlow{
  from{transform:translate3d(0,-8%,0)}
  to{transform:translate3d(-28px,100%,0)}
}
@keyframes snowFallFast{
  from{transform:translate3d(0,-12%,0)}
  to{transform:translate3d(38px,100%,0)}
}
@media (prefers-reduced-motion: reduce){
  body::before, body::after{animation:none}
}


/* v50: permanent, viewport-fixed snowfall with seamless repeating loops */
body::before,body::after{content:none !important;display:none !important}
.snowfall-background{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  contain:layout paint;
}
.snowfall-background span{
  position:absolute;
  inset:0;
  display:block;
  background-repeat:repeat;
  pointer-events:none;
}
.snowfall-back{
  opacity:.68;
  background-image:
    radial-gradient(circle at 18px 25px, #fff 0 1px, transparent 1.7px),
    radial-gradient(circle at 160px 83px, #fff 0 1.6px, transparent 2.2px),
    radial-gradient(circle at 92px 187px, #fff 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 204px 208px, #fff 0 .8px, transparent 1.5px);
  background-size:240px 240px;
  animation:snowfall-back-loop 17s linear infinite;
}
.snowfall-front{
  opacity:.58;
  background-image:
    radial-gradient(circle at 36px 70px, #fff 0 1.7px, transparent 2.4px),
    radial-gradient(circle at 190px 145px, #fff 0 2px, transparent 2.8px),
    radial-gradient(circle at 266px 24px, #fff 0 1.3px, transparent 2px),
    radial-gradient(circle at 106px 258px, #fff 0 1.4px, transparent 2px);
  background-size:320px 320px;
  animation:snowfall-front-loop 12s linear infinite;
}
@keyframes snowfall-back-loop{
  from{background-position:0 0}
  to{background-position:0 240px}
}
@keyframes snowfall-front-loop{
  from{background-position:0 0}
  to{background-position:0 320px}
}
@media(prefers-reduced-motion:reduce){
  .snowfall-back,.snowfall-front{animation:none}
}


/* v51 — restrained, editorial refinements */
:root{--line:#251c35;--line-strong:#3b3150;--muted:#aaa2bc}
body{background:#0b0813}
.brand{font-weight:750;letter-spacing:-.055em}
.brand-mark{box-shadow:none;border-radius:8px}
.header-nav{gap:0}.developer{margin-left:0;color:#aba4b9}.developer strong{color:#e4ddee}
.archive-intro h2{font-weight:750;letter-spacing:-.05em}
.archive-intro .section-kicker{letter-spacing:1.1px;font-weight:600}
.search-wrap,.image-search-button{border-radius:8px;box-shadow:none}
.region-filters{justify-content:center !important;gap:8px}
.region-filter{border-radius:7px;box-shadow:none;background:#110d1a}
.region-filter.active{background:#21172f;border-color:#7652a4;box-shadow:none}
.avatar-card{border-radius:9px;box-shadow:none}
.avatar-card:hover{box-shadow:none}
.image-shell{border-radius:6px}
.primary-button,.secondary-button,.download-button{border-radius:7px}
.image-finder,.avatar-actions-dialog{border-radius:12px}

/* v52: developer-only header */
.site-header{justify-content:flex-end}
.header-nav{margin-left:auto}

/* v53 quote beside developer credit */
.site-header{justify-content:space-between;gap:18px}
.header-quote{color:#c9bcdb;font-size:13px;font-style:italic;letter-spacing:.005em}
.header-nav{margin-left:auto;flex-shrink:0}
@media(max-width:470px){.header-quote{font-size:11px;max-width:60%;line-height:1.3}.developer{font-size:10px}}


/* v56 — Discord status below header */
.discord-strip{position:relative;z-index:2;width:min(1220px,calc(100% - 56px));margin:0 auto;padding:16px 0 0;display:flex;justify-content:flex-end}
.discord-profile{display:flex;align-items:center;gap:12px;width:min(100%,310px);min-height:68px;padding:10px 13px;background:rgba(17,11,30,.88);border:1px solid #382653;border-radius:11px;backdrop-filter:blur(6px)}
.discord-avatar-link{position:relative;flex:none;display:block;width:44px;height:44px}
.discord-avatar-link img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#241735}
.discord-dot{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;border:3px solid #110b1e;background:#747f8d}
.discord-dot[data-state=online]{background:#43b581}.discord-dot[data-state=idle]{background:#faa61a}.discord-dot[data-state=dnd]{background:#f04747}.discord-dot[data-state=offline]{background:#747f8d}
.discord-person{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;flex:1;gap:3px}
.discord-person a{max-width:100%;font-size:13px;font-weight:700;color:#f3ecff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discord-person a:hover{color:#cba3ff}
.discord-status{max-width:100%;font-size:11px;color:#a99cbe;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.discord-tag{font-size:9px;color:#bfa1e6;letter-spacing:1px;font-weight:700}
@media(max-width:740px){.discord-strip{width:calc(100% - 36px);padding-top:12px}.discord-profile{width:min(100%,310px)}}
@media(max-width:450px){.discord-strip{justify-content:center}.discord-profile{width:100%}}

/* v57 — centered Discord developer section */
.discord-strip{width:min(1220px,calc(100% - 56px));margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 8px;gap:12px}
.discord-heading{font-size:17px;font-weight:650;letter-spacing:-.025em;text-align:center;color:#ede5ff;margin:0}
.discord-profile{width:min(100%,330px)}
@media(max-width:740px){.discord-strip{width:calc(100% - 36px);padding:22px 0 4px}}

/* v58: Discord card aligned across from collection heading; remove header rule */
.site-header{border-bottom:0!important}
.intro-and-developer{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,350px);gap:48px;align-items:center;padding-top:35px}
.intro-and-developer .archive-intro{padding:35px 0 26px;min-width:0}
.intro-and-developer .discord-strip{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.intro-and-developer .discord-profile{width:100%;max-width:330px}
@media(max-width:740px){.intro-and-developer{grid-template-columns:1fr;gap:22px;padding-top:18px}.intro-and-developer .archive-intro{padding:20px 0 0}.intro-and-developer .discord-strip{padding:0 0 14px}.intro-and-developer .discord-profile{max-width:330px}}


/* v59 — centered header quote and subtle traveling neon Discord outline */
.site-header{display:flex;align-items:center;justify-content:center!important;border:0!important}
.header-quote{display:block;margin-inline:auto;max-width:100%;text-align:center;color:#d4baff;font-size:13px;line-height:1.5;font-weight:500;font-style:italic;letter-spacing:.012em}
@media(max-width:470px){.header-quote{max-width:100%;font-size:11px}}
@property --discord-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.intro-and-developer .discord-profile{position:relative;isolation:isolate;border:1px solid #4b2b70;background:rgba(15,9,27,.96)}
.intro-and-developer .discord-profile::before{content:"";position:absolute;inset:-2px;border-radius:13px;padding:2px;z-index:-1;pointer-events:none;background:conic-gradient(from var(--discord-glow-angle),transparent 0deg,transparent 230deg,#6c30cf 282deg,#e0baff 310deg,#a54bff 333deg,transparent 358deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:discordBorderOrbit 4s linear infinite}
.intro-and-developer .discord-profile::after{content:"";position:absolute;inset:-4px;border:2px solid rgba(160,82,255,.12);border-radius:15px;pointer-events:none;filter:blur(5px);z-index:-1}
@keyframes discordBorderOrbit{to{--discord-glow-angle:360deg}}
@media(prefers-reduced-motion:reduce){.intro-and-developer .discord-profile::before{animation:none;--discord-glow-angle:310deg}}