/* Story 1 owns its viewport; the rest of Zaiko keeps its existing layout. */
.s1-voyage-hud{position:absolute;left:27px;bottom:107px;text-align:left;display:grid;gap:5px;max-width:290px;background:#0b2633ed!important;backdrop-filter:blur(14px);border-color:#91cfbf66!important}.s1-voyage-hud span{font-size:11px;letter-spacing:1.8px;color:#abd9d1}.s1-voyage-hud b{font-size:14px;line-height:1.4}.s1-voyage-hud small{font-size:12px;color:#c0d9e4}.s1-perk-button{position:absolute;right:28px;bottom:110px;color:#ffe6a1!important;border-color:#eac46688!important}.s1.is-cinematic .s1-voyage-hud,.s1.is-cinematic .s1-perk-button{display:none!important}
.s1-project-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.s1-project-track article{padding:16px 12px;background:#12303e;border:1px solid #799eae5c;border-radius:13px}.s1-project-track article.done{border-color:#afe9c6}.s1-project-track span{font-size:11px;letter-spacing:.7px;color:#b3d9d9}.s1-project-track h3{font-size:17px;color:#fff;margin:12px 0}.s1-project-track button{margin-top:12px;width:100%;font-size:13px}.s1-project-track progress,.s1-perk-grid progress{width:100%;height:6px;accent-color:#b8ebce}.s1-perks{border-top:1px solid #b6e0d144;margin-top:24px;padding-top:18px}.s1-perks summary{cursor:pointer;font-size:16px;min-height:44px;font-weight:750}.s1-perk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s1-perk-grid article{border:1px solid #a3c3d133;border-radius:12px;padding:15px;background:#102d3c}.s1-perk-grid article.unlocked{border-color:#bae6b988;background:#1e4545}.s1-perk-grid b{font-size:16px;color:#d9f4e9}.s1-perk-grid p{font-size:14px}.s1-perk-grid small{display:block;font-size:12px;line-height:1.5;margin-bottom:8px;color:#bee2df}
.s1-antenna-row{display:flex;gap:20px;justify-content:center;padding:28px 5px}.s1 button.s1-antenna{position:relative;aspect-ratio:1;width:140px;padding:0;border-radius:50%;border:2px solid #99cce588;background:repeating-conic-gradient(#659bbb33 0deg 1deg,transparent 1deg 45deg),#142a48}.s1-antenna i{position:absolute;inset:15%;border-top:3px solid #a6e9ff;border-radius:50%;transition:transform .25s}.s1-antenna i:after{content:'';position:absolute;height:45%;width:3px;background:#8de8ff;left:50%;top:0;box-shadow:0 0 8px #59c6ff}.s1-antenna b{font-size:20px}.s1-receiver{position:absolute;inset:0;transform:rotate(var(--receiver));color:#ffe39a;text-align:center;font-size:22px}.s1-bigmap{cursor:crosshair}
.academy-quest-unlocks{margin:0 0 24px;padding:21px 24px;border-radius:18px;background:#142e47;color:#e3f9ff;border:1px solid #73a8b2}.academy-quest-unlocks b{font-size:19px}.academy-quest-unlocks p{font-size:16px;line-height:1.6;color:#cae5e9;max-width:780px}.academy-quest-unlocks button{background:#c6f2d9;color:#13372f}
@media(pointer:coarse),(max-width:760px){.s1-voyage-hud{left:14px;bottom:auto;top:200px;max-width:195px;padding:8px 10px!important;gap:3px}.s1-voyage-hud span,.s1-voyage-hud small{display:none}.s1-voyage-hud b{font-size:11px;line-height:1.4}.s1-perk-button{right:18px;bottom:171px;min-width:78px;font-size:12px}.s1-project-track{grid-template-columns:1fr}.s1-project-track article{padding:12px 15px}.s1-project-track h3{margin:7px 0}.s1-perk-grid{grid-template-columns:1fr}.s1-antenna-row{gap:12px;padding:24px 0}.s1 button.s1-antenna{width:95px}.s1-antenna b{font-size:16px}.s1-receiver{font-size:18px}}
@media(max-height:520px) and (pointer:coarse){.s1-voyage-hud{top:141px;max-width:220px}.s1-perk-button{bottom:65px;right:126px}}
body:not(.at-gateway) .app-shell:not([hidden]):has(#story1.active){display:block!important}
.app-shell:has(#story1.active)>.sidebar,.app-shell:has(#story1.active) .topbar,.app-shell:has(#story1.active) .lobby-player-hud,.app-shell:has(#story1.active) #guestSessionNote,.app-shell:has(#story1.active) .phone-nav,.app-shell:has(#story1.active) .phone-quest-dock{display:none!important}
.app-shell:has(#story1.active)>main{padding:0!important;margin:0!important;max-width:none;width:100%}
.s1{position:relative!important;padding:0!important;height:100dvh;min-height:320px;width:100%;overflow:hidden;background:#122833;color:#f1f8fa;isolation:isolate;--s1-mint:#b1f1d4;--s1-ink:#10282c}
.s1 [hidden]{display:none!important}.s1 button{font:700 13px/1.25 inherit;font-family:inherit;color:#edf7fa;border:1px solid #bedbd33b;background:#112b32e6;border-radius:12px;padding:11px 15px;min-height:44px;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}
.s1 button:hover{background:#2a4c50}.s1 button:active{transform:scale(.97)}.s1 button:disabled{opacity:.48;cursor:default}.s1 button:focus-visible,.s1 input:focus-visible,.s1 select:focus-visible{outline:3px solid #c2ffdb;outline-offset:3px}.s1 button.s1-primary{background:#bcf6d7;color:#173b33;border-color:#c7ffe5}.s1 button.s1-primary:hover{background:#ddffec}
.s1-viewport{position:absolute;inset:0;outline:none;touch-action:none}.s1-viewport canvas{width:100%;height:100%;display:block}.s1-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#081d2c65,transparent 34%,transparent 65%,#082126a6)}
.s1-top{position:absolute;left:26px;right:26px;top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;gap:13px;pointer-events:none}.s1-top button{pointer-events:auto;backdrop-filter:blur(12px)}.s1-icon{width:46px;padding:9px!important;font-size:20px!important}.s1-title{display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 10px #06242d}.s1-title b{font-size:20px;letter-spacing:-.6px}.s1-title span{font-size:10px;letter-spacing:2.5px;color:#d6f3e7;font-weight:800}.s1-top-end{margin-left:auto;display:flex;gap:8px}.s1-top-end button{font-size:12px}
.s1-objective{position:absolute;left:27px;top:92px;width:305px;pointer-events:none;text-shadow:0 2px 10px #0d233a;padding:15px 17px;background:linear-gradient(90deg,#122d33ee,#173539b8);border-left:2px solid #aff8cf;border-radius:2px 14px 14px 2px;backdrop-filter:blur(14px)}.s1-objective small{font-size:10px;font-weight:850;letter-spacing:1.8px;color:#b5edd6}.s1-objective h1{font-size:19px;line-height:1.25;letter-spacing:-.3px;margin:7px 0;color:white}.s1-objective p{font-size:12px;line-height:1.4;margin:0;color:#d3e3e8}.s1-progress{display:flex;gap:4px;margin-top:12px}.s1-progress i{height:3px;background:#d0f7e938;flex:1;border-radius:2px}.s1-progress i.done{background:#b2efcf}
.s1-map-button{position:absolute;right:26px;top:90px;width:144px;height:162px;padding:8px!important;background:#0d282fba!important;backdrop-filter:blur(10px);border-radius:18px!important;display:grid;justify-items:center}.s1-map-button canvas{width:124px;height:124px}.s1-map-button span{font-size:9px;letter-spacing:2px;color:#d6eee3}.s1-waypoint{position:absolute;display:grid;justify-items:center;gap:2px;transform:translate(-50%,-50%);pointer-events:none;text-align:center;text-shadow:0 2px 4px #071b22}.s1-waypoint b{font-size:33px;color:#c1f7cf;filter:drop-shadow(0 0 5px #81ffb777)}.s1-waypoint span{font-size:11px;font-weight:800;background:#183d3edb;border:1px solid #c2ecd944;border-radius:6px;padding:4px 7px}.s1-waypoint small{font-size:11px;color:#dcffed}.s1-crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#ffffffa1;box-shadow:0 0 2px #112b38;pointer-events:none}
.s1-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:26px;right:26px;display:flex;justify-content:space-between;align-items:end;gap:15px;pointer-events:none}.s1-status{display:grid;gap:5px;max-width:480px;text-shadow:0 2px 6px #082032}.s1-location{font-size:16px;font-weight:800;color:white}.s1-save,.s1-help{font-size:11px;color:#c5dce0;line-height:1.5}.s1-toolbar{display:flex;gap:7px;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end}.s1-toolbar button{font-size:12px;backdrop-filter:blur(10px)}.s1-toolbar button[aria-pressed=true]{border-color:#c4fcd9;background:#326754}.s1-interact{position:absolute;bottom:121px;left:50%;transform:translateX(-50%)!important;max-width:calc(100% - 40px);display:flex;align-items:center;gap:12px;padding:13px 22px!important;background:#c6f7db!important;color:#193c34!important;border-color:#e9fff2!important;box-shadow:0 8px 25px #092e3140;white-space:normal}.s1-interact kbd{background:#285047;color:#d8ffef;border-radius:5px;padding:4px 7px}.s1-interact span{font-weight:800;font-size:14px}.s1-toast{position:absolute;left:50%;bottom:180px;width:min(520px,calc(100% - 42px));transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.3s;background:#143c3ced;border:1px solid #aadfd154;border-radius:16px;backdrop-filter:blur(14px);padding:16px 20px;text-align:center;color:#eefaf5;font-size:14px;line-height:1.5}.s1-toast.on{opacity:1;transform:translate(-50%,0)}
.s1-race{position:absolute;top:260px;right:28px;background:#0e292de8;padding:12px 17px;border:1px solid #c5f6dd66;border-radius:13px;text-align:right;pointer-events:none}.s1-race b{display:block;font-size:25px;font-variant-numeric:tabular-nums}.s1-race span{font-size:11px;color:#bcf2d1}.s1-panel{font-family:inherit;color:#f3f8fa;width:min(660px,calc(100vw - 28px));max-height:90dvh;max-height:calc(100dvh - 30px);overflow:auto;overscroll-behavior:contain;padding:27px;border:1px solid #b8e1d852;border-radius:24px;background:linear-gradient(135deg,#19353def,#0d232bef);box-shadow:0 24px 100px #00161d77;backdrop-filter:blur(20px)}.s1-panel::backdrop{background:#05242b45;backdrop-filter:blur(4px)}.s1-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.s1-panel header span{font-size:10px;letter-spacing:2.3px;color:#b8ecd3;font-weight:800}.s1-panel h2{color:white;font-size:32px;line-height:1.08;letter-spacing:-1.1px;margin:19px 0 13px}.s1-panel p{font-size:15px;line-height:1.65;color:#d1e2e8}.s1-panel .s1-lead{font-size:17px;color:#eef9f5}.s1-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.s1-actions>.s1-primary{flex:1}.s1-panel .s1-meta{font-size:11px;color:#a6c8ce}.s1-features{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0}.s1-features span{font-size:11px;border:1px solid #abcfc144;padding:7px 10px;border-radius:20px;color:#c9efdc}.s1-bank{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 10px}.s1-bank button{font-size:13px;min-width:80px}.s1-program{display:flex;gap:6px;flex-wrap:wrap;min-height:57px;border:1px dashed #8dc5b277;background:#071d2466;border-radius:12px;padding:10px;margin:10px 0;align-items:center}.s1-program button{font-size:12px;background:#305750;min-height:36px;padding:7px 10px}.s1-program em{font-style:normal;color:#b2cbcf;font-size:12px}.s1-feedback{color:#ffe0a6!important;font-size:14px!important;border-left:2px solid #e3c58c;padding-left:12px}.s1-feedback:empty{display:none}.s1-panel label{display:block;font-size:13px;font-weight:700;margin:13px 0 8px}.s1-panel select,.s1-panel input[type=number]{box-sizing:border-box;width:100%;background:#0c252d;color:#eaf5f7;border:1px solid #9bc6be77;border-radius:10px;padding:12px;font:inherit;min-height:44px}.s1-range{display:flex;align-items:center;justify-content:center;gap:22px;margin:20px 0}.s1-range output{font-size:42px;font-weight:850;min-width:75px;text-align:center;color:#c8f6df}.s1-energy{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:15px 0}.s1-energy span{font-size:26px;color:#a2edee}.s1-options{display:grid;gap:9px;margin:20px 0}.s1-options button{text-align:left;background:#21424a;font-size:14px;padding:15px}.s1-options button[aria-pressed=true]{border-color:#c1f3cf;background:#365f50}.s1-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:230px;margin:16px auto;background:#0c232b;padding:8px;border-radius:12px}.s1-grid span{height:36px;display:grid;place-items:center;border-radius:5px;background:#26424a;font-size:20px}.s1-grid .s1-rock{background:#455460}.s1-grid .s1-goal{background:#315e4c}.s1-grid .s1-bot{background:#bdedd2;color:#173e36}.s1-logic{font-family:monospace;background:#0b232c;border-radius:12px;padding:17px;font-size:14px;line-height:1.8;color:#b9efcf}.s1-log{display:grid;gap:10px;margin-top:22px}.s1-log article{padding:14px 16px;border:1px solid #9dc8bf33;border-radius:12px;background:#15323a}.s1-log article>span{font-size:10px;color:#a8dec9;letter-spacing:1px}.s1-log h3{font-size:16px;margin:7px 0;color:white}.s1-log p{font-size:13px;margin:5px 0 10px}.s1-loadout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s1-loadout article{padding:15px;background:#14333b;border:1px solid #acd8c433;border-radius:15px}.s1-loadout article p{font-size:12px;line-height:1.5}.s1-loadout select{font-size:13px}.s1-loadout h3{font-size:17px;margin:3px 0;color:white}.s1-bigmap{width:100%;aspect-ratio:1.25;background:#123438;border-radius:15px;display:block;border:1px solid #abd8c744}.s1-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.s1-choice-grid button{text-align:left;font-size:12px}.s1-choice-grid small{display:block;font-size:10px;margin-top:4px;color:#add8c6}.s1-finale-mark{font-size:64px;line-height:1.2;color:#c0f6d4;text-align:center;margin:20px 0}.s1-load{position:absolute;inset:0;background:#102832;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.s1-load h2{color:#eef9f5}.s1-load p{color:#b5d7d8;max-width:440px;font-size:15px}.s1-load b{font-size:60px;color:#bbeacb;animation:s1-breathe 2s ease-in-out infinite}.s1-touch{display:none}.s1-cinema{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 9vh #071621bb,inset 0 -9vh #071621bb;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;background:linear-gradient(0deg,#092b3180,transparent)}.s1-cinema h2{font-size:clamp(34px,6vw,84px);letter-spacing:-2px;color:#f0fff4;text-shadow:0 4px 40px #001e26;margin:0}.s1-cinema p{color:#e0f9e9;letter-spacing:3px;font-size:12px}
@keyframes s1-breathe{50%{opacity:.45;transform:translateY(-8px)}}
.s1.is-cinematic .s1-top,.s1.is-cinematic .s1-objective,.s1.is-cinematic .s1-map-button,.s1.is-cinematic .s1-bottom,.s1.is-cinematic .s1-touch,.s1.is-cinematic .s1-interact,.s1.is-cinematic .s1-waypoint,.s1.is-cinematic .s1-crosshair,.s1.is-cinematic .s1-race{display:none!important}
.s1 .s1-cinema{display:block;background:linear-gradient(0deg,#071e2a88,transparent 35%);box-shadow:inset 0 7vh #081820e8,inset 0 -7vh #081820e8}
.s1-film-heading{position:absolute;left:6%;top:12%;text-align:left;max-width:80%}.s1-film-heading p{font-size:11px;letter-spacing:3px;color:#d0efdf}.s1-film-heading h2{font-size:clamp(27px,4vw,58px);letter-spacing:-1.5px;line-height:1.05;max-width:670px}
.s1-subtitles{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);width:min(690px,85%);padding:16px 22px;border-radius:12px;background:#0b253be0;border:1px solid #bbdac43d;text-align:center;backdrop-filter:blur(8px)}.s1-subtitles b{font-size:10px;letter-spacing:2px;color:#baf4d2}.s1 .s1-subtitles p{font-size:clamp(13px,1.45vw,18px);letter-spacing:0;line-height:1.55;margin:6px 0 0;color:#f4fbf5}.s1-cinema>button{position:absolute;right:20px;bottom:12px;pointer-events:auto;background:#0f2b33;min-height:44px}
.s1-recap,.s1-next{padding:16px 18px;border-radius:14px;border:1px solid #a9debd3f;background:#1e464337;margin:18px 0}.s1-recap>span,.s1-next>span{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#b4efd2}.s1-recap p,.s1-next p{font-size:14px;margin:9px 0 0;line-height:1.55}.s1-next{background:#2646436e;border-left:3px solid #bdf1ca}.s1-next h3{font-size:21px;color:white;letter-spacing:-.5px;margin:9px 0}.s1 button{font-weight:700;line-height:1.25}
.zs-story-collection{display:flex;align-items:center;gap:20px;justify-content:space-between;background:linear-gradient(120deg,#dff1e6,#e5effa);color:#254942;border:1px solid #c3dfd2;padding:20px 23px;margin:15px 0 25px;border-radius:20px}.zs-story-collection b{font-size:18px}.zs-story-collection p{font-size:13px;line-height:1.55;max-width:660px;margin:6px 0 0}.zs-story-collection button{flex-shrink:0}@media(max-width:620px){.zs-story-collection{display:block;padding:17px}.zs-story-collection button{margin-top:14px;width:100%}}
@media (prefers-reduced-motion:reduce){.s1 *{animation:none!important;transition:none!important}}
@media (pointer:coarse),(max-width:760px){
 .s1-top{left:14px;right:14px;top:max(12px,env(safe-area-inset-top));gap:8px}.s1-title b{font-size:17px}.s1-title span{font-size:8px;letter-spacing:1.7px}.s1-top-end button{padding:9px 11px}.s1-top-end .s1-camera-label{display:none}.s1-objective{left:14px;top:76px;width:min(275px,calc(100% - 134px));padding:12px}.s1-objective h1{font-size:16px}.s1-objective small{font-size:8px}.s1-objective p{font-size:10px}.s1-progress{margin-top:8px}.s1-map-button{right:14px;top:77px;width:92px;height:108px;padding:5px!important}.s1-map-button canvas{width:80px;height:80px}.s1-map-button span{font-size:7px;letter-spacing:1px}.s1-bottom{left:15px;right:15px;bottom:max(12px,env(safe-area-inset-bottom));align-items:center}.s1-status{max-width:45%}.s1-location{font-size:11px}.s1-save{font-size:9px}.s1-help{display:none}.s1-toolbar{gap:5px}.s1-toolbar button{font-size:11px;padding:9px 10px;min-height:40px}.s1-toolbar .s1-more-label{display:none}.s1-interact{bottom:163px;font-size:12px;padding:11px 15px!important;max-width:70%;white-space:normal}.s1-interact span{font-size:12px}.s1-interact kbd{display:none}.s1-touch{display:flex;position:absolute;bottom:max(68px,calc(env(safe-area-inset-bottom) + 55px));left:20px;right:18px;align-items:end;justify-content:space-between;pointer-events:none}.s1-stick{pointer-events:auto;width:88px;height:88px;position:relative;touch-action:none;background:#173d4877;border:1px solid #d0eee581;border-radius:50%;box-shadow:inset 0 0 0 10px #bfead30b;backdrop-filter:blur(4px)}.s1-stick i{position:absolute;top:25px;left:25px;width:36px;height:36px;border-radius:50%;background:#c8eadcbb;border:1px solid #e4fff5;box-shadow:0 4px 12px #001c3866;pointer-events:none}.s1-touch-actions{display:grid;gap:6px;grid-template-columns:44px 44px;pointer-events:auto}.s1-touch-actions button{font-size:15px;padding:9px;min-width:44px;min-height:44px;background:#173e43c9;backdrop-filter:blur(5px)}.s1-toast{bottom:210px;font-size:12px;padding:12px 15px;width:min(440px,calc(100% - 34px))}.s1-panel{padding:20px;max-height:calc(100dvh - 22px);border-radius:19px}.s1-panel h2{font-size:27px}.s1-panel p{font-size:14px}.s1-loadout{gap:8px}.s1-loadout article{padding:11px}.s1-race{top:200px;right:14px;padding:8px 12px}.s1-race b{font-size:19px}.s1-race span{font-size:9px}.s1-waypoint b{font-size:25px}.s1-waypoint span{font-size:9px}.s1-waypoint small{font-size:9px}
}
@media (max-width:420px){.s1-top-end button{padding:8px 10px}.s1-objective{width:calc(100% - 125px)}.s1-objective h1{font-size:14px}.s1-title span{letter-spacing:1px}.s1-loadout{grid-template-columns:1fr}.s1-toolbar button{padding:9px 8px}.s1-status{max-width:38%}.s1-choice-grid{grid-template-columns:1fr}}
@media (max-height:520px) and (pointer:coarse){.s1-objective{width:240px;top:67px;padding:9px 12px}.s1-objective p,.s1-progress{display:none}.s1-map-button{top:66px;width:82px;height:96px}.s1-map-button canvas{width:70px;height:70px}.s1-touch{bottom:53px}.s1-stick{width:76px;height:76px}.s1-stick i{top:20px;left:20px}.s1-bottom{bottom:8px}.s1-interact{bottom:70px;max-width:48%}.s1-toast{bottom:130px;max-width:55%}.s1-race{top:173px}}