/* v514 Avatar Studio dashboard + original plush-fantasy art overhaul */
body.avatar-page{background:#09090d;color:#f4f1ea}
.avatar-page .site-header{background:rgba(9,9,13,.96);border-bottom:1px solid #8b6b2d}
.avatar-page .avatar-hero{display:none!important}
.avatar-page .avatar-builder-section{padding:18px 0 28px;background:radial-gradient(circle at 48% 20%,#211633 0,#0c0b12 45%,#07070a 100%)}
.avatar-page .rich-avatar-shell{max-width:1560px;width:min(97vw,1560px);padding:0}
.avatar-page .rich-avatar-card{background:linear-gradient(145deg,#f7f9fc,#d7dde5 50%,#aeb7c3);border:1px solid #8f98a6;border-radius:24px;box-shadow:0 18px 44px rgba(24,30,40,.20),inset 0 1px 0 rgba(255,255,255,.78);padding:16px;overflow:visible}
.avatar-page .avatar-preview-top{border-bottom:1px solid rgba(215,176,91,.35);padding:8px 10px 14px;margin-bottom:10px}
.avatar-page .avatar-badge{color:#27313b;background:linear-gradient(145deg,#f7f9fc,#d7dde5 50%,#aeb7c3);border:1px solid #8f98a6;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 12px rgba(28,34,44,.10)}
.avatar-page .avatar-mode-label{color:#bbb5c3}
.avatar-page #ggAvatarSwitcherV339{display:flex;gap:8px;justify-content:center;margin:0 0 12px!important;padding:6px;background:linear-gradient(145deg,#f4f7fa,#cbd2dc 58%,#aab3bf);border:1px solid #8f98a6;border-radius:18px}
.avatar-page #ggAvatarSwitcherV339 button{min-height:46px;padding:0 22px;border-radius:14px;border:1px solid #5b4a32;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;font-weight:800;}
.avatar-page #ggAvatarSwitcherV339 button.active,.avatar-page #ggAvatarSwitcherV339 button[aria-pressed="true"]{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);border-color:#e5c973;box-shadow:none;color:#181818;}

#ggV514MainGrid{display:grid;grid-template-columns:280px minmax(420px,560px) minmax(430px,1fr);gap:14px;align-items:start}
#ggV514LeftPanel{grid-column:1;grid-row:1/3;background:linear-gradient(145deg,#f4f7fa,#cbd2dc 58%,#aab3bf);border:1px solid #8f98a6;border-radius:18px;padding:14px;min-height:580px}
#ggV514Center{grid-column:2;grid-row:1/3;min-width:0}
#ggV514Right{grid-column:3;grid-row:1/3;min-width:0;background:linear-gradient(145deg,#f4f7fa,#cbd2dc 58%,#aab3bf);border:1px solid #8f98a6;border-radius:18px;padding:10px}
#ggV514LeftPanel h3,#ggV514Right h3{margin:0 0 10px;color:#e1be60;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.gg-v514-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}
.gg-v514-preset-grid button,.gg-v514-jumps button{border:1px solid #59462d;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;border-radius:13px;min-height:62px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);}
.gg-v514-preset-grid button:hover,.gg-v514-preset-grid button:focus-visible,.gg-v514-jumps button:hover{border-color:#d2ad58;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;}
.gg-v514-preset-grid .smart{background:linear-gradient(180deg,#5d3d84,#3b2854);border-color:#c7a7ea}
.gg-v514-jumps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gg-v514-jumps button{min-height:44px;font-size:13px}
.gg-v514-note{display:block;margin:12px 2px 0;color:#9f9aa7;font-size:12px;line-height:1.4}

.avatar-page #avatarStage{width:100%;min-height:570px;border-radius:20px;border:1px solid #68522f;background:radial-gradient(circle at 50% 38%,rgba(111,73,157,.40),rgba(25,20,33,.95) 47%,#09090d 78%);box-shadow:inset 0 0 70px rgba(117,75,160,.16);overflow:hidden}
.avatar-page #avatarSvg{width:100%;height:auto;max-height:610px}
.avatar-page .avatar-account-name{color:#ead58f;text-align:center;font-weight:800}

#ggV514Right .category-loop-wrap{margin:0 0 10px;padding:8px;background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8);border:1px solid #919aa7;border-radius:14px}
#ggV514Right .icon-loop{display:grid!important;grid-template-columns:repeat(5,minmax(74px,1fr));gap:7px;overflow:visible!important;scroll-snap-type:none!important}
#ggV514Right .icon-loop .category-icon{min-width:0!important;width:100%!important;min-height:76px!important;padding:8px 4px!important;border:1px solid #38323e!important;background:#15141b!important;color:#ddd7e4!important;border-radius:12px!important}
#ggV514Right .icon-loop .category-icon.active{background:linear-gradient(180deg,#6e4a99,#3f2a5d)!important;border-color:#d8b862!important;box-shadow:0 0 18px rgba(172,104,255,.28)!important;color:white!important}
#ggV514Right .icon-loop .category-icon span{font-size:11px!important;white-space:normal!important}
#ggV514Right .carousel-nudge{display:none!important}
.avatar-page #optionDrawer{display:block;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-height:520px;overflow:hidden;border:1px solid #919aa7;background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8);border-radius:16px;padding:12px;box-shadow:none}
.avatar-page #optionDrawer[hidden]{display:none!important}
.avatar-page .option-loop-wrap{overflow:hidden}
.avatar-page #optionLoop{display:grid!important;grid-template-columns:repeat(4,minmax(88px,1fr));gap:8px;max-height:none;overflow-y:hidden!important;overflow-x:auto!important;padding-right:4px;scroll-behavior:smooth}
.avatar-page #optionLoop>button{min-width:0!important;width:100%!important;min-height:74px!important;border-radius:12px!important;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;border:1px solid #3d3843!important;color:#181818!important;}
.avatar-page #optionLoop>button.active,.avatar-page #optionLoop>button.selected,.avatar-page #optionLoop>button[aria-pressed="true"]{background:#514d57!important;border-color:#d9b65d!important;box-shadow:inset 0 0 0 1px #807a86,0 0 15px rgba(215,176,91,.12)!important}
.avatar-page .option-drawer-head{color:#e5c872;border-bottom:1px solid #332b39;padding-bottom:8px;margin-bottom:8px}
.avatar-page .gg-avatar-search-v144,.avatar-page .gg-familiar-builder-v339{background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8)!important;border:1px solid #919aa7!important;color:#20252c!important;border-radius:16px!important;padding:12px!important;max-height:540px;overflow:auto}
.avatar-page .gg-familiar-builder-v339 .pet-grid button{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;color:#181818!important;border:1px solid #3c3542!important;}
.avatar-page .gg-familiar-builder-v339 .pet-grid button.active{border-color:#d8b862!important;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;color:#181818;}

.avatar-page .avatar-actions{margin-top:14px;background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8);border:1px solid #919aa7;border-radius:18px;padding:12px;gap:10px}
.avatar-page .avatar-actions button,.avatar-page .avatar-actions a{transition:transform .15s ease,filter .15s ease}
.avatar-page .avatar-actions button:active,.avatar-page .avatar-actions a:active{transform:scale(.96)}
.avatar-page .save-check-button{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;border-color:#d9bd72!important;color:#181818;}
.avatar-page .avatar-mood-card-v068,.avatar-page .avatar-utility-panel{background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8)!important;border-color:#919aa7!important;color:#20252c!important}
.avatar-page .avatar-utility-panel button,.avatar-page .avatar-mood-card-v068 button{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;color:#181818!important;border-color:#48404d!important;}
.avatar-page .avatar-utility-panel button.selected{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;border-color:#d4b75f!important;color:#181818;}
.avatar-page .save-note{color:#9a95a0}

/* dimensional art treatment: no animation is removed or replaced */
#avatarSvg #face{stroke:#4a2e2a;stroke-width:2.4;stroke-linejoin:round}
#avatarSvg #earLayer{filter:url(#ggSoftDimensionalV513)}
#avatarSvg #eyesWhite{stroke-width:2.4}
#avatarSvg #eyes{filter:drop-shadow(0 2px 1px rgba(0,0,0,.28))}
#avatarSvg #nose{filter:drop-shadow(0 2px 1px rgba(0,0,0,.25))}
#avatarSvg #lips{filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));stroke-width:3.4}
#avatarSvg #facialHair{filter:drop-shadow(0 3px 2px rgba(0,0,0,.35));transform:translateY(8px);transform-box:fill-box;transform-origin:center}
#avatarSvg #hairLayer,#avatarSvg #backHairLayer{filter:url(#ggHairDimensionalV513)}
#avatarSvg #earAccessory{filter:drop-shadow(0 3px 2px rgba(0,0,0,.30))}
#avatarSvg #ggFaceRealismV514{pointer-events:none}
#avatarSvg #ggFaceRealismV514 .cheek{fill:#fff;opacity:.08}
#avatarSvg #ggFaceRealismV514 .muzzle{fill:#fff7df;opacity:.13}
#avatarSvg #ggFaceRealismV514 .chinshade{fill:#2b1719;opacity:.10}
#avatarSvg #ggFaceRealismV514 .rim{fill:none;stroke:#fff9e7;stroke-width:4;opacity:.16;stroke-linecap:round}

@media(max-width:1050px){
 #ggV514MainGrid{grid-template-columns:1fr 1fr}
 #ggV514LeftPanel{grid-column:1;grid-row:1;min-height:0}
 #ggV514Center{grid-column:2;grid-row:1}
 #ggV514Right{grid-column:1/3;grid-row:2}
 #ggV514Right .icon-loop{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:760px){
 .avatar-page .avatar-builder-section{padding-top:6px}
 .avatar-page .rich-avatar-shell{width:100%;padding:0 6px}
 .avatar-page .rich-avatar-card{border-radius:14px;padding:8px}
 #ggV514MainGrid{display:flex;flex-direction:column;gap:9px}
 #ggV514Center{order:1;width:100%}
 #ggV514Right{order:2;width:100%}
 #ggV514LeftPanel{order:3;width:100%;min-height:0}
 .avatar-page #avatarStage{min-height:420px}
 #ggV514Right .icon-loop{grid-template-columns:repeat(4,1fr)}
 .avatar-page #optionLoop{grid-template-columns:repeat(3,1fr);max-height:360px}
 .gg-v514-preset-grid{grid-template-columns:repeat(3,1fr)}
 .gg-v514-jumps{grid-template-columns:repeat(4,1fr)}
 .avatar-page .avatar-preview-top{position:relative;top:auto;z-index:40;background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8)}
}
