/* /src/product-polish.css */
/* 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)}
@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}
  .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}}

/* /src/ux-hotfix.css */
/* Mobile gameplay UX hotfix */
html,body{min-height:100%;overscroll-behavior:none}
body{overflow-x:hidden}
.play-root,.game-app{min-height:100dvh}
.game-columns{min-height:0}
.game-center,.game-side{min-height:0}
.story-scroll{min-height:0;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto;padding-bottom:max(180px,calc(150px + env(safe-area-inset-bottom,0px)))}
.story-timeline{overflow:visible}
.story-composer{position:relative!important;bottom:auto!important;margin-top:18px}
.game-settings-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:rgba(245,239,225,.06);color:var(--text-1);text-decoration:none}
.ai-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--world-accent) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--world-accent) 7%,transparent)}
.ai-mode-banner strong{display:block;font-size:12px}.ai-mode-banner p{margin:3px 0 0;color:var(--text-3);font-size:10px}.ai-mode-banner a{flex:0 0 auto}
.settings-page-shell{min-height:100dvh;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));overflow-x:hidden}
.settings-wrap{width:min(900px,calc(100% - 28px));margin:auto;padding:20px 0 60px}
.settings-card{overflow:visible}
.settings-field,.settings-grid{min-width:0}
.settings-input{display:block;width:100%;min-width:0;font-size:16px}
.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.settings-actions .button{width:100%;min-height:46px}
.settings-api-hero{padding:14px;border:1px solid color-mix(in srgb,var(--world-accent) 35%,transparent);border-radius:15px;background:color-mix(in srgb,var(--world-accent) 8%,transparent)}
.settings-api-hero strong{display:block;margin-bottom:4px}.settings-api-hero p{margin:0;color:var(--text-2);font-size:11px;line-height:1.65}
.ad-slot-wrap,.ad-break-modal{display:none!important}
@media(max-width:760px){
  .game-app{height:100dvh;grid-template-rows:calc(54px + env(safe-area-inset-top,0px)) minmax(0,1fr) calc(60px + env(safe-area-inset-bottom,0px))}
  .game-columns{height:100%;overflow:hidden}
  .mobile-view-story .game-center{display:grid;height:100%;grid-template-rows:44px minmax(0,1fr)}
  .story-scroll{height:100%;padding:12px 11px calc(150px + env(safe-area-inset-bottom,0px))}
  .story-composer{position:relative!important;margin:16px 0 0!important;box-shadow:none!important}
  .settings-wrap{width:100%;padding:0 14px calc(28px + env(safe-area-inset-bottom,0px))}
  .settings-topbar{position:sticky;z-index:20;top:0;margin:0 -14px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:var(--surface-strong);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(18px)}
  .settings-hero{padding-top:24px}
  .settings-grid{grid-template-columns:1fr!important}
  .settings-actions{grid-template-columns:1fr}
  .settings-card{padding:18px 14px}
}

/* /src/integration.css */
.header-account-button{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text-2)}.header-account-button:hover{border-color:color-mix(in srgb,var(--world-accent,#c5a46a) 40%,var(--line));color:var(--text-1)}.account-game-entry{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:3px 9px 3px 4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--text-2)}.account-game-entry span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--world-accent) 22%,transparent);color:var(--world-accent);font-size:10px;font-weight:800}.account-game-entry strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.cloud-sync-indicator{position:fixed;z-index:94;right:16px;bottom:18px;display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(16,17,15,.94);box-shadow:0 12px 34px rgba(0,0,0,.3);color:var(--text-3);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(16px)}.cloud-sync-indicator.visible{opacity:1;transform:none}.cloud-sync-indicator span{width:7px;height:7px;border-radius:50%;background:#8aa18e}.cloud-sync-indicator[data-status=syncing] span{background:#d4ad6c;animation:sync-pulse 1s infinite}.cloud-sync-indicator[data-status=error] span{background:#d07f78}.cloud-sync-indicator strong{font-size:9px;font-weight:700}.avatar-current-face{width:68px;height:68px;flex:0 0 auto;border-radius:16px}.avatar-current-face .avatar-face{width:100%;height:100%;border-radius:inherit}.avatar-face-fallback{display:grid!important;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--world-accent) calc(14% + var(--avatar-seed,0)*1%),#242822),#10120f);color:color-mix(in srgb,var(--world-accent) 72%,white);font-family:ui-serif,"Songti SC",serif;font-size:12px;font-weight:800;letter-spacing:.08em}.avatar-upload-option{grid-column:span 2;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:9px!important;text-align:left!important}.avatar-upload-option .avatar-upload-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--world-accent) 12%,transparent);color:var(--world-accent);font-size:22px}.avatar-upload-option strong,.avatar-upload-option small{display:block}.avatar-upload-option strong{font-size:11px}.avatar-upload-option small{margin-top:2px;color:var(--text-3);font-size:8px}.avatar-upload-status[data-tone=success]{color:#a8d5ae}.avatar-upload-status[data-tone=warning]{color:#e0bf82}.avatar-upload-status[data-tone=error]{color:#efaaa3}@keyframes sync-pulse{50%{opacity:.35;transform:scale(.8)}}@media(max-width:760px){.header-actions{gap:7px}.header-account-button{width:36px;height:36px}.account-entry-button{padding-inline:9px}.game-header-right .account-game-entry{padding-right:4px}.game-header-right .account-game-entry strong{display:none}.cloud-sync-indicator{right:12px;bottom:calc(68px + env(safe-area-inset-bottom,0px))}.avatar-current-face{width:58px;height:58px}.avatar-upload-option{grid-column:span 2}.avatar-grid{align-items:stretch}}@media(prefers-reduced-motion:reduce){.cloud-sync-indicator,.cloud-sync-indicator span{animation:none;transition:none}}

/* /src/theme-system.css */
/* Theme v3: light by default, dark/system through runtime preferences. */
:root:not([data-theme]), html[data-theme="light"]{
  color-scheme: light;
  --bg-0: #f7f4ee;
  --bg-1: #f1ede5;
  --bg-2: #ebe5dc;
  --bg-3: #e2dbd0;
  --surface: rgba(255, 255, 255, 0.88);
  --surface-strong: rgba(255, 255, 255, 0.97);
  --surface-soft: rgba(52, 44, 32, 0.045);
  --line: rgba(54, 47, 37, 0.12);
  --line-strong: rgba(54, 47, 37, 0.22);
  --text-1: #211f1b;
  --text-2: #5f594f;
  --text-3: #8a8276;
  --purple: var(--world-accent, #8b6a36);
  --purple-2: color-mix(in srgb, var(--world-accent, #8b6a36) 78%, #3c3326);
  --blue: #517a86;
  --cyan: #3f8580;
  --green: #4f845b;
  --amber: #ad7430;
  --red: #aa554f;
  --world-background: #f7f4ee;
  --shadow-lg: 0 28px 80px rgba(64, 51, 34, 0.14);
  --shadow-md: 0 15px 38px rgba(64, 51, 34, 0.1);
  --glow: 0 0 0 1px rgba(54, 47, 37, 0.05), 0 22px 55px rgba(64, 51, 34, 0.1);
}
html[data-theme="dark"]{
  color-scheme: dark;
  --bg-0: #0e0f0e;
  --bg-1: #131512;
  --bg-2: #191b17;
  --bg-3: #20231e;
  --surface: rgba(25, 27, 23, 0.9);
  --surface-strong: rgba(28, 30, 26, 0.98);
  --surface-soft: rgba(245, 239, 225, 0.045);
  --line: rgba(245, 239, 225, 0.1);
  --line-strong: rgba(245, 239, 225, 0.19);
  --text-1: #f2eee5;
  --text-2: #c0b9ac;
  --text-3: #898378;
  --purple: var(--world-accent, #c5a46a);
  --purple-2: var(--world-accent-soft, #e6d3a5);
  --blue: #809b98;
  --cyan: #8bbdb5;
  --green: #82aa86;
  --amber: #d8a66b;
  --red: #cf7e76;
  --world-background: #10110f;
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.38);
  --shadow-md: 0 16px 38px rgba(0, 0, 0, 0.24);
  --glow: 0 0 0 1px rgba(245, 239, 225, 0.05), 0 20px 55px rgba(0, 0, 0, 0.28);
}
html[data-theme="light"] body, :root:not([data-theme]) body{
  background:
    linear-gradient(rgba(87, 72, 49, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(87, 72, 49, 0.018) 1px, transparent 1px),
    radial-gradient(circle at 50% -15%, color-mix(in srgb, var(--world-accent) 10%, transparent), transparent 42rem),
    var(--bg-0);
  background-size: 48px 48px, 48px 48px, auto, auto;
}
html[data-theme="light"] ::selection{ color: #211f1b; }
html[data-theme="light"] ::-webkit-scrollbar-thumb{ background: rgba(54, 47, 37, 0.2); background-clip: padding-box; }
html[data-theme="light"] .site-header, html[data-theme="light"] .creator-header, html[data-theme="light"] .game-header{
  border-color: var(--line);
  background: rgba(250, 248, 243, 0.88);
  box-shadow: 0 8px 28px rgba(64, 51, 34, 0.06);
}
html[data-theme="light"] .site-footer{ background: #eee8de; }
html[data-theme="light"] .desktop-nav a:hover, html[data-theme="light"] .desktop-nav a.active{ background: rgba(54, 47, 37, 0.06); color: var(--text-1); }
html[data-theme="light"] .footer-links a:hover, html[data-theme="light"] .text-link:hover, html[data-theme="light"] .text-button:hover{ color: var(--text-1); }
html[data-theme="light"] .button-primary{
  border-color: color-mix(in srgb, var(--world-accent) 36%, #5b4b35);
  background: var(--world-accent);
  color: #fffdf7;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--world-accent) 25%, transparent);
}
html[data-theme="light"] .button-primary:hover:not(:disabled){
  background: color-mix(in srgb, var(--world-accent) 88%, #2d2418);
  color: white;
}
html[data-theme="light"] .button-secondary{
  border-color: color-mix(in srgb, var(--world-accent) 26%, transparent);
  background: color-mix(in srgb, var(--world-accent) 9%, white);
  color: color-mix(in srgb, var(--world-accent) 78%, #302719);
}
html[data-theme="light"] .button-ghost, html[data-theme="light"] .icon-button, html[data-theme="light"] .settings-back, html[data-theme="light"] .account-back{
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.66);
  color: var(--text-2);
}
html[data-theme="light"] .button-ghost:hover:not(:disabled), html[data-theme="light"] .icon-button:hover{ border-color: var(--line-strong); background: white; color: var(--text-1); }
html[data-theme="light"] .button-danger{ color: #8f3835; }
html[data-theme="light"] .text-input, html[data-theme="light"] .creator-select, html[data-theme="light"] .free-action textarea, html[data-theme="light"] .settings-input, html[data-theme="light"] .account-field input{
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.9);
  color: var(--text-1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.9);
}
html[data-theme="light"] .text-input:focus, html[data-theme="light"] .creator-select:focus, html[data-theme="light"] .free-action textarea:focus, html[data-theme="light"] .settings-input:focus, html[data-theme="light"] .account-field input:focus{ background: white; }
html[data-theme="light"] .home-hero-v2{ background: linear-gradient(180deg, color-mix(in srgb, var(--world-accent) 6%, white), transparent 72%); }
html[data-theme="light"] .hero-paper-texture{ opacity: .22; filter: invert(1); }
html[data-theme="light"] .hero-world-stage, html[data-theme="light"] .world-card, html[data-theme="light"] .world-card-v2, html[data-theme="light"] .principle-card, html[data-theme="light"] .faq-item, html[data-theme="light"] .story-demo, html[data-theme="light"] .showcase-layout{
  border-color: var(--line);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}
html[data-theme="light"] .world-card:hover{ border-color: color-mix(in srgb, var(--world-accent) 35%, var(--line)); }
html[data-theme="light"] .world-card-art{ background: #ddd4c8; }
html[data-theme="light"] .world-card-body, html[data-theme="light"] .showcase-copy{ background: rgba(255,255,255,.92); }
html[data-theme="light"] .tag-list span, html[data-theme="light"] .filter-chip, html[data-theme="light"] .hero-world-dot{ background: rgba(255,255,255,.7); }
html[data-theme="light"] .feature-section{ background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(235,229,220,.58)); }
html[data-theme="light"] .creator-page, html[data-theme="light"] .creator-layout, html[data-theme="light"] .creator-card{ background: #f7f4ee; }
html[data-theme="light"] .creator-bg{ opacity: .11; }
html[data-theme="light"] .creator-bg::after{ background: linear-gradient(to bottom, rgba(247,244,238,.3), #f7f4ee 48%, #f7f4ee); }
html[data-theme="light"] .creator-card, html[data-theme="light"] .creator-preview, html[data-theme="light"] .creation-option, html[data-theme="light"] .creator-selection-preview, html[data-theme="light"] .avatar-current, html[data-theme="light"] .avatar-option, html[data-theme="light"] .avatar-upload-row{
  border-color: var(--line);
  background: rgba(255,255,255,.82);
  color: var(--text-1);
}
html[data-theme="light"] .creation-option:hover, html[data-theme="light"] .creation-option.selected, html[data-theme="light"] .creator-featured-chip.selected{
  border-color: color-mix(in srgb, var(--world-accent) 48%, var(--line));
  background: color-mix(in srgb, var(--world-accent) 8%, white);
}
html[data-theme="light"] .creator-actions{ background: linear-gradient(transparent, #f7f4ee 28%); }
html[data-theme="light"] .play-root, html[data-theme="light"] .game-app, html[data-theme="light"] .game-center, html[data-theme="light"] .game-side{ background: var(--bg-0); }
html[data-theme="light"] .game-side-right{ background: #eee9e0; }
html[data-theme="light"] .game-center-toolbar{ background: rgba(250,248,243,.9); }
html[data-theme="light"] .player-card, html[data-theme="light"] .side-section, html[data-theme="light"] .resource-row > div, html[data-theme="light"] .story-card, html[data-theme="light"] .story-composer, html[data-theme="light"] .choice-button, html[data-theme="light"] .jade-phone, html[data-theme="light"] .phone-tabs, html[data-theme="light"] .message-thread, html[data-theme="light"] .forum-post, html[data-theme="light"] .map-location, html[data-theme="light"] .task-card, html[data-theme="light"] .profile-card, html[data-theme="light"] .modal-card{
  border-color: var(--line);
  background: rgba(255,255,255,.88);
  color: var(--text-1);
  box-shadow: 0 12px 32px rgba(64,51,34,.08);
}
html[data-theme="light"] .story-card-current{ background: linear-gradient(145deg, color-mix(in srgb,var(--world-accent) 5%,white), rgba(255,255,255,.95)); }
html[data-theme="light"] .story-body{ color: #3b3730; }
html[data-theme="light"] .story-notifications span{ background: rgba(79,132,91,.1); color: #356641; }
html[data-theme="light"] .player-action{ background: color-mix(in srgb,var(--world-accent) 7%,white); }
html[data-theme="light"] .turn-budget{ background: rgba(79,132,91,.1); color: #356641; }
html[data-theme="light"] .history-trim-note, html[data-theme="light"] .limit-notice{ background: rgba(173,116,48,.09); color: #82551e; }
html[data-theme="light"] .story-generating{ background: color-mix(in srgb,var(--world-accent) 5%,white); }
html[data-theme="light"] .free-action textarea{ background: white; }
html[data-theme="light"] .choice-index{ background: rgba(54,47,37,.055); }
html[data-theme="light"] .jade-phone{ background: #f9f7f2; }
html[data-theme="light"] .phone-top{ background: linear-gradient(90deg, rgba(79,132,91,.1), transparent); }
html[data-theme="light"] .phone-tabs{ background: rgba(54,47,37,.025); }
html[data-theme="light"] .relation-row:hover, html[data-theme="light"] .message-thread:hover{ background: rgba(54,47,37,.045); }
html[data-theme="light"] .settings-page-shell, html[data-theme="light"] .account-page-shell, html[data-theme="light"] .message-page{ background: var(--bg-0); color: var(--text-1); }
html[data-theme="light"] .settings-card, html[data-theme="light"] .account-card, html[data-theme="light"] .account-benefit, html[data-theme="light"] .message-card{
  border-color: var(--line);
  background: rgba(255,255,255,.9);
  color: var(--text-1);
  box-shadow: var(--shadow-md);
}
html[data-theme="light"] .settings-result, html[data-theme="light"] .account-result, html[data-theme="light"] .settings-note, html[data-theme="light"] .account-disabled{ background: rgba(54,47,37,.045); color: var(--text-2); }
html[data-theme="light"] .status-badge{ color: #356641; background: rgba(79,132,91,.1); }
html[data-theme="light"] .status-badge.off{ color: #82551e; background: rgba(173,116,48,.1); }
/* Shared theme controls */
.preference-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.preference-field{ display:grid; gap:8px; }
.preference-field > label{ color:var(--text-1); font-size:12px; font-weight:720; }
.preference-field > small{ color:var(--text-3); font-size:10px; line-height:1.55; }
.preference-segment{ display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.preference-segment button{ min-height:44px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); color:var(--text-2); cursor:pointer; }
.preference-segment button.active{ border-color:color-mix(in srgb,var(--world-accent) 50%,var(--line)); background:color-mix(in srgb,var(--world-accent) 10%,var(--surface-strong)); color:var(--text-1); box-shadow:0 0 0 3px color-mix(in srgb,var(--world-accent) 10%,transparent); }
.locale-select{ width:100%; min-height:46px; border:1px solid var(--line); border-radius:12px; padding:0 12px; background:var(--surface-strong); color:var(--text-1); font-size:16px; }
.header-preference-link{ display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:999px; background:var(--surface-soft); color:var(--text-2); }
/* Resilient desktop/tablet/mobile geometry */
.play-root, .game-app{ height:100dvh; min-height:0; }
.game-columns{ min-height:0; overflow:hidden; }
.game-side, .story-scroll, .phone-screen{ overscroll-behavior:contain; scrollbar-gutter:stable; }
.story-scroll{ scroll-padding-bottom:150px; }
.free-action textarea, .settings-input, .account-field input, .locale-select{ font-size:16px; }
@media (min-width: 1440px){.site-header-inner, .site-footer-inner, .home-hero-inner-v2, .worlds-section, .showcase-section, .faq-section{ width:min(1320px,calc(100% - 64px)); }.game-columns{ grid-template-columns:290px minmax(560px,1fr) 360px; }.story-scroll{ padding-inline:max(28px,calc((100% - 820px)/2)); }}
@media (max-width: 1180px) and (min-width: 761px){.game-columns{ grid-template-columns:minmax(0,1fr) 330px; }.game-side-left{ display:none; }.home-hero-inner-v2{ grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); gap:38px; }.desktop-nav a{ padding-inline:9px; }}
@media (max-width: 900px) and (min-width: 761px){.desktop-nav{ display:none; }.game-columns{ grid-template-columns:1fr; }.game-side-right{ display:none; }.game-header{ grid-template-columns:minmax(0,1fr) auto; }.game-header-center{ display:none; }.home-hero-inner-v2{ grid-template-columns:1fr; }.hero-world-stage{ width:min(620px,100%); }}
@media (max-width: 760px){.preference-grid{ grid-template-columns:1fr; }.site-header-inner{ gap:10px; }.desktop-nav{ display:none; }.header-actions{ margin-left:auto; }.header-actions .header-account-button{ display:none; }.header-preference-link{ width:36px; height:36px; }.home-hero-inner-v2{ padding-top:30px; padding-bottom:58px; }.hero-world-cover{ height:min(54vh,380px); }.section{ padding:46px 0; }.world-card-v2 .world-card-art{ height:210px; }.creator-page, .creator-layout, .creator-card{ min-height:100dvh; }.creator-card{ padding-inline:14px; }.creator-step-wrap{ min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; }.creation-grid{ grid-template-columns:1fr; }.creation-option{ min-height:64px; }.game-app{ grid-template-rows:56px minmax(0,1fr) calc(58px + env(safe-area-inset-bottom,0px)); }.game-header{ grid-template-columns:minmax(0,1fr) auto; padding-inline:10px; }.game-header-center, .header-budget{ display:none; }.game-columns{ display:block; min-height:0; }.game-center{ height:100%; min-height:0; grid-template-rows:44px minmax(0,1fr); }.game-side{ height:100%; border:0; }.story-scroll{ height:100%; padding:12px 11px calc(116px + env(safe-area-inset-bottom,0px)); -webkit-overflow-scrolling:touch; }.story-card{ padding:17px 15px; border-radius:15px; }.story-body{ font-size:calc(15.5px * var(--reader-scale)); line-height:1.9; }.story-composer{ margin-top:14px; padding:13px; border-radius:15px; box-shadow:0 12px 28px rgba(64,51,34,.1); }.choice-button{ min-height:52px; font-size:14px; }.choice-label{ font-size:13px; }.free-action textarea{ min-height:76px; padding-bottom:24px; }.mobile-game-nav{ padding-bottom:env(safe-area-inset-bottom,0px); }.settings-page-shell, .account-page-shell{ padding-inline:12px; }.settings-wrap, .account-wrap{ width:100%; }.settings-card, .account-card{ padding:16px; border-radius:17px; }.settings-actions{ grid-template-columns:1fr; }}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{ scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }}