/* ImageGen wordmarks: compact hit areas, transparent artwork, centered on the screen. */
#v-map #mapTitle.workbook-cover-title,
#v-module-map .mw-map-heading .workbook-cover-title {
  margin:0;padding:0;text-align:center;line-height:0;
  -webkit-text-stroke:0;text-shadow:none;
}
#v-map #mapTitle.workbook-cover-title {left:0;right:0;top:calc(var(--hudH) + 1px)}
#v-module-map .mw-map-heading {text-align:center;z-index:2}
.workbook-title-art {
  position:relative;display:inline-grid;place-items:center;vertical-align:top;
  width:320px;height:52px;min-height:44px;max-width:calc(100vw - 128px);
  padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none;
  pointer-events:auto;cursor:pointer;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;
  -webkit-text-stroke:0;text-shadow:none;
}
.workbook-title-art.title-module {width:174px;max-width:calc(100vw - 40px)}
.title-reaction,.title-float {display:block;width:100%;pointer-events:none}
.title-float {animation:title-drift 4.8s ease-in-out infinite}
.title-module .title-float {animation-delay:-1.8s}
.workbook-title-art img {display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 1px #54371325)}
.title-fallback {display:none;font:900 24px/1.2 var(--f-display);color:#ffcf25;text-shadow:1px 2px #2b1d14}
.art-unavailable img {display:none}
.art-unavailable .title-fallback {display:block}
.workbook-title-art:focus-visible {outline:3px solid #247b98;outline-offset:3px;background:#fff7c780}
.workbook-title-art.is-celebrating .title-reaction {animation:title-bounce .75s cubic-bezier(.22,.7,.3,1) both}
.workbook-title-art.is-celebrating .title-float {animation-play-state:paused}
.title-sparks {position:absolute;inset:0;pointer-events:none;overflow:visible}
.title-sparks>span {position:absolute;left:50%;top:45%;opacity:0;color:#ffe161;font:900 14px/1 sans-serif;text-shadow:0 1px 0 #a35a13;--dx:0px;--dy:-24px}
.title-sparks>span:nth-child(1) {left:14%;--dx:-14px;--dy:-17px}
.title-sparks>span:nth-child(2) {left:30%;--dx:-9px;--dy:24px}
.title-sparks>span:nth-child(3) {left:45%;--dx:-4px;--dy:-22px}
.title-sparks>span:nth-child(4) {left:60%;--dx:5px;--dy:22px}
.title-sparks>span:nth-child(5) {left:75%;--dx:10px;--dy:-18px}
.title-sparks>span:nth-child(6) {left:86%;--dx:14px;--dy:18px}
.is-celebrating .title-sparks>span {animation:title-spark .65s ease-out both;animation-delay:calc(var(--spark)*.018s)}
@media(hover:hover) and (pointer:fine) {
 .workbook-title-art:hover img {filter:drop-shadow(0 1px 4px #fff7b2)}
}
@keyframes title-drift {0%,100%{transform:translateY(1px) rotate(var(--title-lean,0deg))}50%{transform:translateY(-1px) rotate(var(--title-lean,0deg))}}
@keyframes title-bounce {0%,100%{transform:scale(1)}20%{transform:translateY(2px) scale(.96, .94)}45%{transform:translateY(-2px) scale(1.045,1.07)}70%{transform:scale(.99,1.01)}}
@keyframes title-spark {0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.6) rotate(55deg)}}
@media(max-width:739px) {
 .workbook-title-art {width:260px;height:44px}
 .workbook-title-art.title-module {width:145px}
 #v-map .workbook-switch {width:44px;height:44px;min-height:44px;padding:0;font-size:22px;display:grid;place-items:center}
 #v-map .workbook-switch-label {display:none}
 #v-map #mapTitle.workbook-cover-title {top:calc(var(--hudH) + 5px)}
}
@media(prefers-reduced-motion:reduce) {
 .workbook-title-art .title-float,.workbook-title-art .title-reaction,.workbook-title-art .title-sparks>span {animation:none!important;transform:none!important}
 .workbook-title-art.is-celebrating {background:#fff4ad66}
}