/* Grim & Goldie Studios — gothic-celestial gremlin drawing v164.
 * This styles the actual customizable SVG anatomy. Gradients and ordinary
 * vector strokes only, with no expensive compositing or map layer.
 */
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164],
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164],
body.ggi-dream-gothic-v163 .ggi-avatar-hands-overlay-v705 svg[data-gg-gremlin-art-v164]{
  --gg-gremlin-ink-v164:#211923;
  --gg-gremlin-soft-ink-v164:#463346;
  shape-rendering:geometricPrecision;
}

/* Crooked graphite contours carry the pale gothic portrait reference while
   every selected skin, hair, wardrobe, and cosmetic fill stays untouched. */
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] #face,
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] #face{
  stroke:var(--gg-gremlin-ink-v164)!important;
  stroke-width:6.4px!important;
  stroke-linejoin:round!important;
  paint-order:stroke fill!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] #earLayer>path,
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] #earLayer>path{
  stroke:var(--gg-gremlin-soft-ink-v164)!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] :is(#eyesWhite,#eyes)>*,
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] :is(#eyesWhite,#eyes)>*{
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] #eyesWhite>* ,
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] #eyesWhite>*{
  stroke:#49354c!important;
  stroke-width:4px!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] :is(#eyePupilsV782,#eyes)>*,
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] :is(#eyePupilsV782,#eyes)>*{
  paint-order:stroke fill!important;
  stroke:#2a202d!important;
  stroke-width:2.3px!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] :is(#nose,#lips),
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] :is(#nose,#lips){stroke:var(--gg-gremlin-soft-ink-v164)!important}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] :is(#pearBody,#bodyLayer>path:first-child,#shirtLayer>path:first-child),
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] :is(#pearBody,#bodyLayer>path:first-child,#shirtLayer>path:first-child){
  stroke:var(--gg-gremlin-ink-v164)!important;
  stroke-width:6px!important;
  stroke-linejoin:round!important;
  paint-order:stroke fill!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] :is(#hairFront,#hairBack,#ggHairV326Front>path,#ggHairV326Rear>path),
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] :is(#hairFront,#hairBack,#ggHairV326Front>path,#ggHairV326Rear>path){
  stroke:#211923!important;
  stroke-width:5.2px!important;
  stroke-linejoin:round!important;
  paint-order:stroke fill!important;
}
:is(body.avatar-page,body.avatar-room-page) svg[data-gg-gremlin-art-v164] :is([id*="Hands"],[class*="hands"],[id*="Feet"],[class*="feet"]) :is(path,ellipse,circle),
body.ggi-dream-gothic-v163 :is(.gg-island-avatar-art-v682,.ggi-avatar-hands-overlay-v705) svg[data-gg-gremlin-art-v164] :is([id*="Hands"],[class*="hands"],[id*="Feet"],[class*="feet"]) :is(path,ellipse,circle){
  stroke-linejoin:round!important;
  paint-order:stroke fill!important;
}

.gg-gremlin-story-finish-v164{isolation:isolate}
.gg-gremlin-celestial-freckles-v164{opacity:.94}

/* The former silver disc is now transparent layered glass: the illustrated
   room remains visible through it, with a cool rim, sheen, and lower caustic. */
body.avatar-page #avatarSvg #avatarBg{fill:url(#ggGlassCircleV164)!important;fill-opacity:.78!important;stroke:#f7fbff!important;stroke-opacity:.9!important;stroke-width:5px!important}
body.avatar-page #avatarSvg #ggAvatarGlassFinishV164{display:block!important}
body.avatar-page #avatarSvg #avatarStageGlowV782{opacity:.3!important}

/* The Island has no portrait disc, but receives identical ink and painted
   facial details for the local gremlin, every remote player, and the user bot. */
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164]{overflow:visible}
body.ggi-dream-gothic-v163 .gg-island-avatar-art-v682 svg[data-gg-gremlin-art-v164] :is(#ggiIslandBackHeadV687>path,#ggiIslandBackWardrobeV687>path){stroke:#211923!important;stroke-width:6px!important;stroke-linejoin:round!important;paint-order:stroke fill!important}

@media(max-width:760px),(pointer:coarse){
  .gg-gremlin-story-finish-v164 .gg-gremlin-face-wash-v164{fill-opacity:.46!important}
  .gg-gremlin-story-finish-v164>path{stroke-width:3.1px}
}
@media(prefers-reduced-motion:reduce){
  body.avatar-page #avatarSvg #avatarBg{transition:none!important}
}
