/* Keep the wordmark inside its header slot; the lettering stays readable throughout. */
#lobby.home-menu .home-header .game-title{flex-basis:252px!important}
#lobby.home-menu .game-title h1.elemental-title,body.hex-fixed-home #fixed-home .fh-logo.elemental-title{transform:none;filter:none;margin:0;line-height:0;letter-spacing:normal!important;overflow:visible}
.elemental-title svg{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}
.elemental-title svg text{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:65px;font-weight:900;font-style:normal;letter-spacing:-2px}
body.hex-fixed-home #fixed-home .fh-logo.elemental-title{width:205px;max-width:100%}
#lobby.home-menu .game-title .elemental-title~p{margin-top:-3px!important;font-size:8px;letter-spacing:.16em;text-align:center}
.elemental-title .vt-tendrils{stroke-dasharray:100 16;animation:vt-flow 7s linear infinite;filter:drop-shadow(0 0 3px #d8ba5e)}
@keyframes vt-flow{to{stroke-dashoffset:-232}}
.elemental-title .vt-rose{filter:drop-shadow(0 0 3px #ef527c88);transform-box:fill-box;transform-origin:center;animation:vt-bloom 3.6s ease-in-out infinite}
.elemental-title .vt-leaves{animation:vt-breathe 4s ease-in-out infinite;transform-origin:210px 70px}
.elemental-title .vt-shimmer{animation:vt-shimmer 5s ease-in-out infinite}
.elemental-title .vt-petal{animation:vt-fall 3.8s ease-in-out infinite;opacity:0}
.elemental-title .vt-late{animation-delay:-2.4s}
.elemental-title .vt-last{animation-delay:-3.7s}
@keyframes vt-bloom{0%,100%{transform:scale(.88)}50%{transform:scale(1.16)}}
@keyframes vt-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes vt-shimmer{0%,25%{transform:translateX(0)}80%,100%{transform:translateX(520px)}}
@keyframes vt-fall{0%{transform:translate(0,-8px);opacity:0}20%,65%{opacity:1}100%{transform:translate(20px,28px);opacity:0}}
.elemental-title svg text.vt-season-text{font-size:25px;font-weight:700;letter-spacing:1px}
.elemental-title .vt-season-vine{stroke-dasharray:80 18;animation:vt-flow 9s linear infinite}
.element-title-paused .elemental-title svg *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.elemental-title svg *{animation:none!important}}
html[data-motion=gentle] .elemental-title svg *{animation:none!important}
@media(max-width:700px){body.hex-fixed-home #fixed-home .fh-logo.elemental-title{width:175px}}
@media(max-height:340px){body.hex-fixed-home #fixed-home .fh-logo.elemental-title{width:150px}}