/* Final product polish: reading, touch targets, safe areas and calmer hierarchy */
:root{--tap-size:44px}
button,a,input,select,textarea{touch-action:manipulation}
button:active,a.button:active,.world-card-v2:active{transform:scale(.985)}
.story-scroll{scrollbar-gutter:stable}
.story-card-current{border-color:color-mix(in srgb,var(--world-accent) 38%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--world-accent) 5%,transparent),rgba(18,20,17,.92))}
.story-card-current::before{position:absolute;top:20px;bottom:20px;left:0;width:2px;border-radius:4px;background:var(--world-accent);content:""}
.story-body{max-width:72ch;margin-inline:auto}
.story-body p{orphans:3;widows:3}
.choice-button{min-height:56px}
.choice-label{font-size:12px}
.story-composer{position:relative}
.world-card-v2{content-visibility:auto;contain-intrinsic-size:480px}
.world-card-description{min-height:0!important}
.creator-step-wrap{overflow-anchor:none}
.creator-actions{box-shadow:0 -16px 30px rgba(0,0,0,.12)}
.byok-launcher{transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.byok-launcher:hover{border-color:color-mix(in srgb,var(--world-accent) 42%,transparent)}
html[data-personal-ai="true"] .byok-launcher{border-color:color-mix(in srgb,var(--world-accent) 48%,transparent)}
@media(max-width:760px){
  body{overscroll-behavior-y:none}
  .home-hero-inner-v2{padding-top:32px}
  .hero-world-cover{height:min(58vh,390px)}
  .section{padding:48px 0}
  .world-grid-v2{gap:14px}
  .world-card-v2 .world-card-art{height:210px}
  .world-card-v2 .world-card-body{padding:16px}
  .creator-card{display:flex;min-height:calc(100dvh - 54px - env(safe-area-inset-top,0px));flex-direction:column}
  .creator-step-wrap{flex:1;overflow-y:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .creator-actions{flex:0 0 auto}
  .creator-progress-v2{position:sticky;z-index:4;top:0;padding:4px 0 10px;background:linear-gradient(#11130f 82%,transparent)}
  .creation-option{grid-template-columns:38px minmax(0,1fr) 24px;min-height:58px}
  .game-center-toolbar{min-height:44px}
  .story-scroll{padding:12px 11px calc(126px + env(safe-area-inset-bottom,0px))}
  .story-timeline{gap:12px}
  .story-card{padding:17px 15px;border-radius:14px}
  .story-card-head{margin-bottom:12px}
  .story-body{font-size:calc(15px * var(--reader-scale));line-height:1.88}
  .story-composer{position:sticky;z-index:12;bottom:0;margin:16px -3px 0;padding:13px;border-radius:16px;background:rgba(18,20,17,.97);box-shadow:0 -16px 40px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
  .composer-head{margin-bottom:10px}
  .composer-head p,.free-action-hint{display:none}
  .choice-list{gap:7px}
  .choice-button{min-height:50px;padding:8px 10px}
  .free-action textarea{min-height:62px;max-height:126px}
  .byok-launcher{right:12px;bottom:calc(66px + env(safe-area-inset-bottom,0px));width:42px;min-width:42px;height:42px;justify-content:center;padding:4px;border-radius:50%}
  .byok-launcher-mark{width:32px;height:32px}
  .byok-launcher-copy{display:none}
  .byok-panel{max-height:calc(100dvh - env(safe-area-inset-top,0px));overscroll-behavior:contain}
  .byok-actions .button{min-height:46px}
  .mobile-game-nav-item{min-height:var(--tap-size)}
}
@media(max-width:430px){
  .hero-copy-v2 h1{font-size:38px}
  .hero-meta-v2{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-meta-v2 span{font-size:8px}
  .creator-step h2{font-size:23px}
  .creator-step>p{margin-bottom:10px}
}
@media(max-height:690px) and (max-width:760px){
  .creator-card-top{display:none}
  .creator-progress-v2{margin-bottom:8px}
  .creator-step h2{font-size:21px}
  .creation-option{min-height:54px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}