/* Home screen app styles (T11b): update prompt, install guidance, safe areas, install page. Tokens from
   assets/brand/design-system/tokens.css (copied values; the game does not import that file). */
.lucy-pwa-card{box-sizing:border-box;background:#FFF7EB;color:#262523;border:2px solid #262523;border-radius:8px;box-shadow:4px 4px 0 #262523;padding:12px 14px;font:500 15px/1.4 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-align:left}
.lucy-pwa-text{margin:0 0 8px}
.lucy-pwa-title{margin:0 0 8px;font:700 20px/1.15 'Courier Prime','Courier New',Courier,monospace}
.lucy-pwa-steps{margin:0 0 8px;padding-left:1.3em}.lucy-pwa-steps li{margin:0 0 8px}
.lucy-pwa-actions{display:flex;flex-wrap:wrap;gap:8px}
.lucy-pwa-btn{min-height:44px;min-width:44px;padding:8px 16px;border:2px solid #262523;border-radius:4px;background:#FFF7EB;color:#262523;font:600 15px/1.2 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;cursor:pointer}
.lucy-pwa-primary{background:#A9C797}
.lucy-pwa-btn:hover{background:#F4D889}.lucy-pwa-btn:active{background:#ED8796}
.lucy-pwa-btn:focus-visible,.lucy-pwa-card:focus-visible{outline:3px solid #262523;outline-offset:3px;box-shadow:0 0 0 3px #FFF7EB}
.lucy-pwa-card-dialog:focus{outline:none}

.lucy-pwa-dialog{position:fixed;inset:0;z-index:110;display:grid;place-items:center;overflow:auto;background:rgba(38,37,35,.55);
  padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.lucy-pwa-card-dialog{width:min(100%,440px);margin:auto;padding:16px 18px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto}
.lucy-pwa-steps .lucy-pwa-btn{display:block;margin-top:6px}
@media (max-height:520px){.lucy-pwa-card-dialog{padding:10px 14px}.lucy-pwa-title{font-size:17px;margin-bottom:4px}.lucy-pwa-text{margin-bottom:6px}.lucy-pwa-steps{margin-bottom:6px}.lucy-pwa-steps li{margin-bottom:4px}.lucy-pwa-btn{min-height:44px}}

/* Standalone only: keep the game clear of a notch or home indicator (iPhone landscape). Insets are 0 elsewhere. */
html.lucy-standalone{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
/* Install controls never show inside the installed app. */
html.lucy-standalone [data-lucy-install]{display:none!important}
@media (display-mode: standalone){[data-lucy-install]{display:none!important}}

@media (prefers-reduced-motion:reduce){.lucy-pwa-card,.lucy-pwa-btn{transition:none}}