#origin-story{padding:0;border:1px solid #8eaaae;isolation:isolate;width:min(100vw,760px);height:100dvh;max-width:100vw;max-height:100dvh;overflow:hidden;background:#06151e;color:#eff9f9;border-radius:0;box-sizing:border-box}
#origin-story::backdrop{background:#020c12ed;backdrop-filter:blur(8px)}
#origin-story .story-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-3;animation:story-arrive 1.2s ease-out both}
#origin-story .story-shade{position:absolute;inset:0;background:linear-gradient(#03121ca6,transparent 28%,#04131d99 48%,#04131dfa 79%);z-index:-2}
#origin-story .story-top{background:transparent;border:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:max(16px,env(safe-area-inset-top)) 20px 16px;min-height:0;box-shadow:none;position:relative}
#origin-story .story-top>span{font:600 12px Georgia,serif;letter-spacing:2px;color:#e6d295}
#origin-story button{min-height:44px;font-size:14px;white-space:normal}
#origin-story .story-top button{padding:8px 12px;flex:none;background:#0d2633c9}
#origin-story .story-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 28px max(20px,env(safe-area-inset-bottom));max-height:75%;overflow:auto;scrollbar-width:thin}
#origin-story h1{font:clamp(30px,6vw,46px)/1.12 Georgia,serif;margin:12px 0;color:#f5e2aa;text-shadow:0 2px 15px #000}
#origin-story [data-story-text]{font-size:clamp(16px,3vw,19px);line-height:1.55;color:#dcebed;margin:0 0 22px;max-width:590px}
#origin-story .story-progress{display:flex;gap:7px;margin-bottom:22px}
#origin-story .story-progress span{height:3px;flex:1;background:#7698a444;border-radius:2px}
#origin-story .story-progress .current{background:#efd58e;box-shadow:0 0 10px #ddc17366}
#origin-story .story-progress .done{background:#72d7c4}
#origin-story .story-controls{display:grid;grid-template-columns:48px 1fr 58px;gap:10px}
#origin-story .story-controls button{padding:10px 7px}
#origin-story .story-options{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
#origin-story .story-options button{text-align:left;padding:4px 0;color:#b9d6da;font-size:12px}
#origin-story .story-audio-note{display:block;color:#88a7b1;font-size:10px;margin-top:6px}
body.account-required #account-close{display:none}
body.account-required .app{pointer-events:none}
#entry-connection{max-width:480px}
#entry-connection button{margin:8px 8px 0 0}
.tutorial-gift{border:1px solid #6ddac0;background:#163d3b}
.tutorial-gift .eyebrow{color:#8bf0ce}
.worker-home-offer{padding:16px;margin:12px 0 18px;border:1px solid #81b7ae;border-radius:12px;background:#1c4244}
.worker-home-offer>b{color:#f0d893;font-size:18px}
.worker-home-offer p{margin:8px 0 12px}
.worker-home-offer small{display:block;margin-top:10px;color:#bad4d7}
#game-settings .settings-actions{flex-wrap:wrap}
@keyframes story-arrive{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-height:550px) and (orientation:landscape){#origin-story{width:100vw}#origin-story .story-caption{left:38%;padding:12px 24px;max-height:80%}#origin-story h1{font-size:28px;margin:5px 0}#origin-story [data-story-text]{font-size:14px;margin:5px 0 10px}#origin-story .story-progress{margin-bottom:8px}#origin-story .story-options{margin:0}}
@media(prefers-reduced-motion:reduce){#origin-story .story-art{animation:none}}

.tutorial-free-price{font-size:24px!important;font-weight:700;color:#8ff0c9!important;margin:12px 0!important}.tutorial-normal-price{opacity:.65;margin-bottom:20px}.tutorial-normal-price span{font-size:12px}