/* Approved game art and choreography, contained in an illustrative website section. */
.boss-story { display: grid; grid-template-columns: minmax(0,390px) 1fr; grid-template-areas: "scene copy"; gap: 80px; align-items: center; padding-top: 80px; padding-bottom: 90px; }
.boss-story-copy { grid-area: copy; }
.boss-story > .boss-victory { grid-area: scene; }
.boss-story-copy h2 { font-size: clamp(38px,5vw,64px); line-height: 1.05; }
.boss-story-copy > p:not(.eyebrow) { margin-top: 22px; max-width: 430px; }
.boss-story-copy .boss-demo-note { font-size: 13px; color: #637467; }
.boss-demo-announcement { min-height: 48px; color: #315d49; font-weight: 600; }
.boss-story .boss-victory { height: 760px; border: 0; border-radius: 30px; }
.boss-victory button { cursor: pointer; font: inherit; }
.boss-victory [hidden] { display: none !important; }
.boss-victory .scene-header button { margin-left: auto; padding: 10px; border: 1px solid #ddd6b655; border-radius: 20px; background: #163f35; color: #fff7dc; }
.boss-victory .scene-header small { font-size: 11px; }
.boss-victory .victory-copy h2 { font: 42px/1.08 Georgia,serif; letter-spacing: -.045em; color: #fff7dc; }
.boss-victory .victory-kicker { font-size: 9px; }
.boss-victory .recognition { font-size: 13px; }
.boss-victory .meaning { font-size: 16px; }
.boss-victory .scene-footer p { font-size: 10px; }
.boss-victory button:focus-visible { outline: 3px solid #fff7dc; outline-offset: 3px; }
.boss-demo-controls { position: absolute; bottom: 38px; left: 22px; right: 22px; text-align: center; }
.boss-demo-controls p { color: #fff7dc; margin: 0 0 18px; font-size: 16px; }
.boss-demo-controls button { width: 100%; padding: 18px 10px; background: #edd17a; color: #173d30; border-radius: 16px; border: 0; font-weight: 650; }
.boss-demo-controls small { display: block; margin-top: 15px; color: #d3ddca; font-size: 10px; }
.boss-victory:not([data-state="battle"]) .boss-demo-controls { display: none; }
.boss-victory[data-state="battle"] .scene-footer { visibility: hidden; }
.boss-victory .health i { transition: width 240ms ease-out; }
.boss-victory .last-hit strong { font: 28px/1.15 Georgia,serif; }
.water-playground[data-visible="true"] .moonwell-vessel > svg { animation: website-water-bob 4.8s ease-in-out infinite; }
@keyframes website-water-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
html[data-motion="paused"] .water-playground .moonwell-vessel > svg { animation-play-state: paused; }
@media(max-width:760px) { .boss-story { grid-template-columns: minmax(0,1fr); grid-template-areas: "copy" "scene"; gap: 28px; padding-top: 45px; padding-bottom: 55px; } .boss-story .boss-victory { width: 100%; max-width: 390px; height: 720px; margin: auto; scroll-margin-top: 80px; } .boss-story-copy h2 { font-size: 42px; } .boss-demo-announcement { min-height: 24px; } .boss-victory .victory-copy h2 { font-size: 39px; } }
@media(prefers-reduced-motion:reduce) { .water-playground .moonwell-vessel > svg { animation: none !important; } .boss-victory .health i { transition: none; } }