/* interaction-v17.css */
/* Keep the offer, scene and both actions on the same centred rails. */
body[data-screen="home"] .scene-column{width:min(640px,100%,calc(100svh - 222px))}
body[data-screen] .header-inner{width:min(640px,100%,calc(100svh - 222px));container-type:inline-size}
body[data-screen] .site-header{padding-inline:16px}
.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}
.service-actions .massage-start{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;width:100%;max-width:none;margin:0;min-height:60px;padding:12px 18px;gap:8px;font-size:19px}
.service-actions .gentle-start{background:#cce5db;box-shadow:0 6px 0 #30334f;color:#17314f}
.service-actions .start-arrow{width:16px;height:16px;margin:0;justify-self:end}.service-actions svg{width:19px;height:19px}.service-actions .muscle-icon{width:23px;height:23px;justify-self:start}
.massage-scene[data-service="gentle"] .idle-sheet{animation-duration:2.3s}
.massage-scene[data-service="gentle"] .therapist-dialogue{font-size:14px;left:auto;right:4%;width:46%;max-width:52%;white-space:normal;padding:8px 11px;line-height:1.5;animation:none}
body[data-screen="game"] .game-screen{width:min(640px,calc(100% - 32px));margin:16px auto 0}
body[data-screen="game"] .header-inner{width:min(640px,100%)}
body[data-screen="game"]:has(#sales-page:not([hidden])) .header-inner{width:min(1100px,100%)}
@media(max-width:700px){
 body[data-screen="home"] .scene-column,body[data-screen="home"] .header-inner{width:min(480px,100%,calc(100svh - 216px))}
 .service-actions{gap:10px}.service-actions .massage-start{min-height:54px;padding:10px 12px;font-size:17px}
 .service-actions .start-arrow{display:block;visibility:hidden}.service-actions .massage-start{justify-content:center}
 body[data-screen="game"] .game-screen{width:calc(100% - 24px);margin-top:10px}
 body[data-screen="game"] .site-header{padding-inline:12px}
 .massage-scene[data-service="gentle"] .therapist-dialogue{font-size:11px;max-width:49%;padding:6px 8px}
}
@container(max-width:580px){
 .header-offer{display:block}.header-offer-copy strong{font-size:16px}.header-offer{gap:8px}
 .header-offer-copy>small{font-size:9px;margin:3px 0 0}.header-offer-price{padding-left:30px;margin-top:4px}
 .header-offer-price>strong{font-size:30px}.header-offer-price>span{font-size:10px}
}

/* navigation-v18.css */
body[data-screen] .header-inner{display:grid;grid-template-columns:64px minmax(0,1fr) 155px;gap:16px;align-items:center}
.nav-brand{display:block;width:64px}.nav-brand img{display:block;width:100%;height:auto}
.header-offer{display:block}.header-offer-copy strong{font-size:18px}.header-offer-copy>small{font-size:9px;margin:3px 0 0}
.header-offer .weekday-badge{width:25px;height:25px;font-size:9px}.header-offer-copy p{gap:6px}.header-offer-price{padding-left:30px;margin-top:4px}.header-offer-price>strong{font-size:31px}.header-offer-price>span{font-size:11px}
body[data-screen] .header-call{min-width:0;width:155px;padding:9px 10px;font-size:16px}
@media(max-width:700px){body[data-screen] .header-inner{grid-template-columns:45px minmax(0,1fr) 106px;gap:9px}.nav-brand{width:45px}.header-offer-copy strong{font-size:13px}.header-offer .weekday-badge{width:20px;height:20px;font-size:8px}.header-offer-copy p{gap:4px}.header-offer-copy>small{font-size:8px;letter-spacing:-.04em}.header-offer-price{padding-left:0;margin-top:3px}.header-offer-price>strong{font-size:27px}.header-offer-price>span{font-size:9px}body[data-screen] .header-call{width:106px;min-width:0;font-size:13px;padding:8px 5px}.header-call small{font-size:8px}}
@media(max-width:350px){body[data-screen] .header-inner{grid-template-columns:35px minmax(0,1fr) 91px;gap:7px}.nav-brand{width:35px}.header-offer-copy strong{font-size:11px}.header-offer-copy>small{font-size:7px}.header-offer .weekday-badge{width:17px;height:17px;font-size:7px}.header-offer-price>strong{font-size:24px}body[data-screen] .header-call{width:91px;font-size:12px}.header-call small{font-size:7px}}
