.immersive-mission{background:#0d2728;width:100%;max-width:none;min-height:100svh;padding:0}.immersive-mission .masthead{z-index:10;background:#102526;border-bottom:1px solid #4b747452;height:64px;padding:0 28px;position:relative}.immersive-mission .brand{gap:9px;font-size:18px}.immersive-mission .brand-symbol{width:32px;height:32px;font-size:19px}.immersive-mission .back-library{color:#b9d4ca;margin-left:24px;font-family:Arial,sans-serif;font-size:11px}.immersive-mission .header-label{color:#d7e2c5;letter-spacing:1px;margin-right:auto;font:10px Arial,sans-serif}.header-chapter{color:#84a5a0;margin-left:8px}.immersive-mission .header-actions{gap:10px}.immersive-mission .icon-button{color:#afccc4;width:32px;height:32px}.immersive-mission .game-stage{aspect-ratio:auto;width:100%;max-width:none;height:calc(100svh - 64px);min-height:650px;box-shadow:none;isolation:isolate;background:#113d40;border:0;border-radius:0;margin:0;overflow:hidden}.immersive-mission .game-canvas{object-fit:cover;filter:none;width:100%;height:100%;display:block}.immersive-mission .game-stage:before,.immersive-mission .game-stage:after{display:none}.immersive-mission .fullscreen-button{z-index:8;color:#e2f1c9;background:#153f3dd9;border-color:#b1cfa657;bottom:18px;right:18px}.immersive-mission.mission-running .game-stage{background:#0a1c21;height:calc(100svh - 64px);min-height:0}.immersive-mission.mission-running .game-canvas{object-fit:contain}.immersive-mission .game-hud{text-shadow:0 2px 3px #102426;gap:20px;font-family:Arial,sans-serif;top:20px;left:24px;right:24px}.immersive-mission .hud-health{background:#102b28c9;border:1px solid #c9eab429;border-radius:7px;min-width:185px;padding:10px 13px}.immersive-mission .hud-health>div:first-child{font-size:11px}.immersive-mission .hud-health strong{color:#f0f3cf;font-size:12px}.immersive-mission .health-track{background:#183d34;border:0;border-radius:3px;height:5px;overflow:hidden}.immersive-mission .health-track i{background:#b0ed99}.immersive-mission .hud-score{color:#f9edaa}.immersive-mission .hud-score>span{color:#d6dbbd;letter-spacing:1.4px;font-size:9px}.immersive-mission .hud-score>strong{letter-spacing:1px;font-family:Arial,sans-serif;font-size:27px}.immersive-mission .hud-weapon{background:#102b28c9;border-radius:7px;margin-left:auto;padding:10px 13px;font-size:10px}.immersive-mission .hud-weapon>strong{font-size:11px}.immersive-mission .hud-weapon>span{font-size:9px}.immersive-mission .hud-pause{background:#15362bcc;border-color:#d3e8ac4d;border-radius:50%}.immersive-mission .run-progress{color:#e6f0c1;font:10px Arial,sans-serif;bottom:23px;left:24px;right:80px}.immersive-mission .challenge-strip{color:#243e34;background:#e8c67c;border:0;margin:0;padding:10px 24px;font:12px Arial,sans-serif}.immersive-mission .game-dialog{font-family:Arial,sans-serif}.character-entry{color:#eff0d4;background:linear-gradient(90deg,#0b2b35d4 0%,#0b2b3580 46%,#0b2b3533 100%);flex-direction:column;justify-content:center;padding:30px 6vw;display:flex;position:absolute;inset:0}.entry-world-label{letter-spacing:2px;color:#d5e3c1;align-items:center;gap:10px;font:10px Arial,sans-serif;display:flex;position:absolute;top:29px;left:6vw}.entry-world-label>span{background:#c2f6a5;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #d0ffb9}.entry-world-label>i{background:#bcd8c257;width:1px;height:10px;margin:0 4px}.entry-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.75fr);align-items:center;gap:6vw;width:100%;max-width:1200px;margin:auto;display:grid}.entry-copy{padding-top:20px}.entry-kicker{letter-spacing:2px;color:#ffcf77;margin-bottom:25px;font:700 10px Arial,sans-serif;display:block}.entry-copy h1{color:#f3edcc;letter-spacing:-1px;text-shadow:3px 4px #103b3d;margin:0 0 28px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(58px,6.3vw,98px);font-weight:900;line-height:.87}.entry-copy h1 em{color:#ffc671;font-style:normal}.entry-copy>p{color:#ccdcd0;max-width:285px;margin:0 0 38px;font:15px/1.7 Arial,sans-serif}.entry-chapter{align-items:center;gap:14px;display:flex}.entry-chapter>span{color:#d8e9ab;border:1px solid #c9dda35c;padding:6px 10px;font-family:Barlow Condensed,Impact,sans-serif;font-size:40px;line-height:1}.entry-chapter strong{color:#e6ecd1;margin-bottom:6px;font:600 15px Arial,sans-serif;display:block}.entry-chapter small{color:#a7c6ba;font:11px Arial,sans-serif}.transformation-panel{text-align:center;background:#153d3bf2;border:1px solid #e8dda460;border-radius:17px;flex-direction:column;align-items:center;min-height:455px;padding:24px 26px 22px;display:flex;position:relative;box-shadow:0 20px 50px #061f2866,inset 0 1px #fff5b319}.transformation-panel.is-dragging{outline-offset:6px;background:#245047;outline:3px solid #ffd280}.transform-topline{letter-spacing:1.5px;color:#bdd6ad;justify-content:space-between;align-items:center;width:100%;min-height:22px;font:9px Arial,sans-serif;display:flex}.transform-topline>span{align-items:center;gap:6px;display:flex}.transform-topline>button{color:inherit;background:0 0;border:0;place-items:center;padding:5px;display:grid}.photo-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0;overflow:hidden}.portrait-upload{cursor:pointer;color:#c8dcbc;background:0 0;border:0;padding:26px 0 22px}.portrait-frame{background:#2f594552;border:2px dashed #a1c39369;border-radius:44% 44% 15px 15px;place-items:center;width:122px;height:140px;display:grid;position:relative}.portrait-frame>svg{color:#bdd5ac;position:absolute;bottom:33px}.portrait-outline{border:2px solid #a1c3936b;border-radius:45% 45% 38% 38%;width:37px;height:44px;position:absolute;top:22px}.portrait-outline:after{content:"";border:2px solid #a1c3936b;border-bottom:0;border-radius:70% 70% 0 0;width:71px;height:39px;position:absolute;top:53px;left:-19px}.portrait-plus{color:#143d36;background:#ffc777;border:4px solid #153d3b;border-radius:50%;width:38px;height:38px;font:30px Arial,sans-serif;position:absolute;bottom:-6px;right:-11px}.portrait-frame>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.transformation-panel h2{letter-spacing:-.7px;color:#f2eed2;margin:6px 0 13px;font:700 24px/1.1 Arial,sans-serif}.transformation-panel>p:not(.transformation-error){color:#b4cabb;margin:0 0 25px;font:12px/1.7 Arial,sans-serif}.enter-world{color:#203f35;background:#ffcb79;border:1px solid #ffdf9a;border-radius:6px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:51px;padding:12px 14px;font:700 14px Arial,sans-serif;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px #b68a48}.enter-world:hover:not(:disabled){background:#ffdea3;transform:translateY(-2px)}.enter-world:disabled{opacity:.65;cursor:wait}.upload-formats{letter-spacing:.8px;color:#99b7a5;margin-top:20px;font:8px/1.6 Arial,sans-serif}.entry-footnote{color:#b7cbb0;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:27px;left:6vw;right:6vw}.entry-footnote>span{letter-spacing:1.2px;font:8px Arial,sans-serif}.entry-footnote p{text-align:right;color:#9ab5a9;max-width:320px;margin:0;font:9px/1.5 Arial,sans-serif}.ready-character{place-items:center;width:100%;height:227px;display:grid;position:relative}.ready-character .scout-preview{z-index:2;place-items:center;width:180px;height:220px;margin:0;display:grid;position:relative}.ready-character .scout-preview canvas{width:165px;height:220px;max-height:none;image-rendering:pixelated;object-fit:contain}.character-platform{background:#9abd7860;border-radius:50%;width:155px;height:20px;position:absolute;bottom:11px;box-shadow:0 5px #0a2c26}.source-photo{object-fit:cover;border:2px solid #98bca0;border-radius:4px;width:42px;height:52px;position:absolute;bottom:24px;left:0;transform:rotate(-7deg)}.player-tag{letter-spacing:1px;color:#c6d9aa;font:8px Arial,sans-serif;position:absolute;top:28px;right:-5px;transform:rotate(7deg)}.character-name{letter-spacing:1px;color:#a9c1a8;text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:8px 0 21px;font:8px Arial,sans-serif;display:flex}.character-name input{color:#edf2d6;outline-offset:4px;text-align:right;background:0 0;border:0;border-bottom:1px solid #97b89355;border-radius:0;width:65%;min-width:0;padding:9px 0;font:600 16px Arial,sans-serif}.transform-again{color:#aac7b2;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:18px;padding:5px;font:10px Arial,sans-serif;display:flex}.transform-again:hover{color:#ffce84}.transform-working{background:#294f45;border:2px solid #a9d8947a;border-radius:18px;place-items:center;width:125px;height:150px;margin:28px 0;display:grid;position:relative;overflow:hidden}.transform-working>img{object-fit:cover;opacity:.8;width:100%;height:100%}.transform-scan{background:linear-gradient(#0000 40%,#e8ef9da1 50%,#0000 60%);animation:3s ease-in-out infinite transform-sweep;position:absolute;inset:0}.creation-wait{color:#ffe1a3;align-items:center;gap:9px;margin:3px 0 22px;font:12px Arial,sans-serif;display:flex}.creation-note{color:#9bb8a5;font:9px Arial,sans-serif}.transformation-error{background:#69362b55;border:1px solid #d88b6b66;border-radius:5px;width:100%;margin:20px 0 0;padding:10px 13px;font:11px/1.6 Arial,sans-serif;color:#ffcfbb!important}.learn-by-playing{z-index:6;color:#eef4cf;white-space:nowrap;background:#183d32de;border:1px solid #cde5a961;border-radius:50px;padding:12px 20px;font:12px Arial,sans-serif;animation:.3s ease-out lesson-in;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.learn-by-playing kbd{color:#ffe09b;border:1px solid #b3cea867;border-radius:4px;place-items:center;min-width:24px;margin-right:5px;padding:4px 6px;font:10px Arial,sans-serif;display:inline-grid}.touch-lesson{display:none}.immersive-mission .boss-hud{top:110px}.immersive-mission .touch-controls{background:#163833;border:0;min-height:66px;margin:0;padding:11px 16px}.immersive-mission .touch-controls button{color:#deebbc;background:#284e3c;border:1px solid #8fac7661;border-radius:8px;min-width:49px;height:44px;font:700 10px Arial,sans-serif;box-shadow:0 3px #0d261d}.immersive-mission .touch-controls button:active{background:#507446}.immersive-mission .touch-controls button:last-child{color:#234535;background:#eac377}.immersive-mission .touch-controls>div{gap:10px}.immersive-mission .result-overlay{z-index:9;background:#0e2926d9}.immersive-mission .result-card{border-radius:12px;font-family:Arial,sans-serif;box-shadow:0 18px 80px #021b2966}.immersive-mission .game-dialog{border-radius:10px}.immersive-mission .toast{border-radius:8px;font:12px Arial,sans-serif}@keyframes transform-sweep{0%,to{transform:translateY(-80%)}50%{transform:translateY(80%)}}@keyframes lesson-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (min-width:1700px){.entry-layout{max-width:1380px}.transformation-panel{max-width:405px}.entry-copy h1{font-size:115px}}@media (max-width:1050px){.entry-layout{grid-template-columns:minmax(0,1fr) 330px;gap:35px}.character-entry{padding-left:5vw;padding-right:5vw}.entry-copy h1{font-size:62px}.entry-copy>p{font-size:13px}.entry-kicker{font-size:8px}.transformation-panel{padding:21px}.immersive-mission .header-label{display:none}.entry-footnote{left:5vw;right:5vw}}@media (max-width:700px){.immersive-mission .masthead{height:56px;padding:0 16px}.immersive-mission .brand{font-size:15px}.immersive-mission .brand-symbol{width:27px;height:27px;font-size:16px}.immersive-mission .back-library{margin-left:auto;margin-right:16px;font-size:10px}.immersive-mission .game-stage{height:auto;min-height:820px}.character-entry{background:linear-gradient(#0d363a70,#0d363a99 40%,#092d35d9);min-height:820px;padding:58px 22px 70px;position:relative}.mission-creating .game-canvas{object-fit:cover;object-position:45%;position:absolute;inset:0}.entry-world-label{letter-spacing:1px;font-size:8px;top:22px;left:22px}.entry-layout{flex-direction:column;align-items:stretch;gap:24px;max-width:390px;display:flex}.entry-copy{padding:0}.entry-kicker{display:none}.entry-copy h1{letter-spacing:-.5px;margin:0 0 14px;font-size:52px;line-height:.9}.entry-copy>p{max-width:255px;margin:0;font-size:12px;line-height:1.6}.entry-chapter{display:none}.transformation-panel{min-height:430px;padding:19px 22px}.portrait-upload{padding:22px 0 17px}.portrait-frame{width:110px;height:115px}.portrait-outline{width:31px;height:37px;top:15px}.portrait-outline:after{width:63px;height:31px;top:45px;left:-18px}.portrait-frame>svg{width:25px;height:25px;bottom:27px}.transformation-panel h2{font-size:22px}.entry-footnote{justify-content:center;bottom:22px;left:22px;right:22px}.entry-footnote>span{display:none}.entry-footnote p{text-align:center;max-width:280px;font-size:9px}.entry-ready .entry-copy h1{font-size:46px}.entry-ready .entry-copy>p{display:none}.entry-ready{min-height:760px}.immersive-mission.mission-running .game-stage{align-items:center;height:calc(100svh - 126px);min-height:260px;display:flex}.immersive-mission.mission-running .game-canvas{aspect-ratio:16/9;width:100%;height:auto;position:relative}.immersive-mission .game-hud{gap:10px;top:14px;left:12px;right:12px}.immersive-mission .hud-health{min-width:124px;padding:9px 10px}.immersive-mission .hud-health>div:first-child{font-size:9px}.immersive-mission .hud-health strong{font-size:10px}.immersive-mission .hud-score>strong{font-size:20px}.immersive-mission .hud-score>span{font-size:7px}.immersive-mission .hud-weapon{display:none}.immersive-mission .hud-pause{margin-left:auto}.immersive-mission .run-progress{bottom:18px;left:15px;right:60px}.learn-by-playing{white-space:normal;text-align:center;border-radius:7px;width:calc(100% - 30px);padding:9px 13px;font-size:10px;line-height:1.6;bottom:60px}.immersive-mission .boss-hud{width:60%;top:88px;left:20%}.immersive-mission .touch-controls{padding-left:12px;padding-right:12px}.immersive-mission .touch-controls button{min-width:43px}.immersive-mission .touch-controls>div{gap:7px}}@media (pointer:coarse){.touch-lesson{display:block}.desktop-lesson{display:none}.immersive-mission.mission-running .game-stage{height:calc(100svh - 130px)}.immersive-mission .fullscreen-button{display:none}}@media (max-height:520px) and (orientation:landscape){.immersive-mission.mission-running .masthead{display:none}.immersive-mission.mission-running .game-stage{height:100svh;min-height:0}.immersive-mission.mission-running .game-canvas{object-fit:contain;width:100%;height:100%}.immersive-mission .touch-controls{z-index:8;pointer-events:none;background:0 0;width:auto;max-width:none;padding:0;position:fixed;bottom:10px;left:15px;right:15px}.immersive-mission .touch-controls button{pointer-events:auto;background:#244a36b9}.immersive-mission .run-progress{display:none}.learn-by-playing{max-width:390px;bottom:80px}.immersive-mission .game-hud{top:10px}.immersive-mission .hud-health{padding:6px 9px}.immersive-mission .hud-score>strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.character-entry *,.learn-by-playing{transition:none!important;animation:none!important}.transform-scan{display:none}}