/* V3: one action on the home screen; the same quiet quiz palette. */
body{background:#f4f1ff;min-height:100svh}
.sr-only{top:0;left:0}
.site-header{height:96px;padding:18px 40px;position:relative;justify-content:center}
.brand{display:flex;align-items:center;gap:15px;padding:0;background:none;border:0}
.brand img{width:109px;height:auto;display:block}
.brand>span{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:.16em;color:#656577}
.header-actions{position:absolute;right:40px}
body[data-screen="home"] .header-actions{display:none}
.massage-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:calc(100svh - 138px);padding:0 20px 35px}
.massage-scene{width:min(680px,calc(100svh - 245px),calc(100vw - 40px));aspect-ratio:1;position:relative;overflow:hidden;isolation:isolate;flex:none;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.scene-sheet{position:absolute;inset:0 auto auto 0;width:300%;max-width:none;height:auto;display:block;user-select:none;pointer-events:none;image-rendering:pixelated}
.massage-scene[data-frame="1"] .scene-sheet{transform:translateX(-33.333333333%)}
.massage-scene[data-frame="2"] .scene-sheet{transform:translateX(-66.666666667%)}
.scene-fallback{position:absolute;inset:12% 5%;overflow:hidden;border-radius:4px}
.scene-fallback img{width:100%;height:100%;object-fit:cover}
.massage-home .start-area{width:min(360px,calc(100vw - 58px));margin:0;flex:none}
.massage-start{width:100%;min-width:0;min-height:66px;justify-content:center;gap:20px;padding:17px 24px;font-size:18px}
.massage-start #start-label{font-size:18px;font-weight:700;line-height:1.5;text-align:center}
.massage-start>svg{width:17px;height:17px;flex:none}
.massage-start>svg:last-child{margin-left:auto}
.massage-start>span{flex:1}
.massage-start[aria-busy="true"]{background:#ffdd9f}
.massage-start[aria-busy="true"]:before{animation:none}
.experience-footer{display:flex;align-items:center;justify-content:center;gap:23px;min-height:42px;color:#777184;font-size:10px}
.experience-footer button{font-size:10px;min-height:40px;opacity:.7}
.experience-footer button:hover,.experience-footer button:focus-visible{opacity:1}
.experience-footer .motion-label{display:inline;font-size:10px}
.experience-footer .motion-control span:first-child{width:17px;height:17px;font-size:8px}
.game-screen{width:min(860px,calc(100% - 40px));margin:0 auto 20px}
.game-topline{padding:0 0 12px}
.game-window{overflow:hidden}
.game-window iframe{display:block;width:100%;min-height:300px;border:0}
.consent-chip{bottom:12px}
@media(max-width:760px){
  .site-header{height:80px;padding:10px 20px}
  .brand{gap:10px}.brand img{width:86px}.brand>span{font-size:14px;letter-spacing:.1em}
  .header-actions{right:18px}
  body[data-screen="game"] .site-header{justify-content:flex-start}
  body[data-screen="game"] .brand img{width:65px}
  body[data-screen="game"] .brand>span{font-size:12px}
  .massage-home{min-height:calc(100svh - 122px);gap:18px;padding:0 12px 32px}
  .massage-scene{width:min(600px,calc(100vw - 24px));max-width:calc(100svh - 240px)}
  .massage-home .start-area{width:min(340px,calc(100vw - 54px))}
  .massage-start{min-height:62px;padding:15px 20px}
  .massage-start #start-label{font-size:17px}
  .game-screen{width:calc(100% - 24px);margin-bottom:12px}
  .game-topline{padding:0 4px 10px}.back-home{min-height:38px}
  .experience-footer{gap:20px}
}
@media(max-width:360px){.brand img{width:77px}.brand>span{font-size:13px}.massage-start #start-label{font-size:16px}.massage-start{gap:12px}.header-call{font-size:10px;padding:8px}}
@media(prefers-reduced-motion:reduce){.massage-start:before{animation:none}}
