html{--luelon-bar:60px}html body dialog:not([open]),html body dialog[hidden]{visibility:hidden!important;pointer-events:none!important;display:none!important}html body dialog:not([open])::backdrop,html body dialog[hidden]::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none!important;background:0 0!important;display:none!important}.luelon-reset{border-top:1px solid #ffffff25;gap:10px;margin-top:22px;padding-top:18px;display:grid}html body .luelon-reset button{color:#f7edf9;cursor:pointer;text-align:center;background:#a16cb51c;border:1px solid #d7b3ee66;border-radius:9px;width:100%;min-height:46px;padding:12px 16px;font:600 15px Arial,Helvetica,sans-serif}.luelon-reset small{color:#c9c1cd;text-align:center;font:12px/1.6 Arial,Helvetica,sans-serif}.luelon-reset button:disabled{opacity:.55;cursor:wait}html body #app>.topbar.luelon-topbar{height:var(--luelon-bar);min-height:var(--luelon-bar);flex:0 0 var(--luelon-bar);padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));z-index:100;color:#f9f1fb;background:#100d1eee;border-bottom:1px solid #ffffff1c;align-items:center;gap:20px;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative}.luelon-topbar a{color:inherit;white-space:nowrap;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}html body .luelon-topbar .luelon-home{letter-spacing:-.5px;font-size:16px;font-weight:900;position:relative}.luelon-home:after{content:"";background:linear-gradient(90deg,#f5268b,#ff853f);height:2px;position:absolute;bottom:5px;left:0;right:0}html body #app .luelon-topbar #library-link{letter-spacing:0;color:#d8c8e5;width:auto;min-width:0;height:44px;font-size:14px;font-weight:600}html body .luelon-topbar .luelon-game-name{letter-spacing:0;color:#efe6f5;white-space:nowrap;margin:0;font-size:14px;font-weight:700}html body .luelon-topbar .luelon-demo-badge{letter-spacing:.8px;color:#baaec8;white-space:nowrap;margin-left:auto;font-size:10px}.luelon-actions{align-items:center;gap:6px;display:flex}html body .luelon-topbar .luelon-actions button{color:#f5eefa;letter-spacing:0;background:#ffffff08;border:1px solid #ffffff20;border-radius:9px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:23px;display:inline-flex}html body .luelon-topbar .luelon-actions #sound{font-size:21px}html body #welcome,html body .feature-screen,html body .feature-overlay{top:var(--luelon-bar);justify-content:safe center}html body .controls .utility:has(>button:only-child){justify-content:center}@media (width<=700px){html{--luelon-bar:calc(56px + env(safe-area-inset-top))}html body #app>.topbar.luelon-topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);gap:10px}html body .luelon-topbar .luelon-home{letter-spacing:-.4px;font-size:13px}html body #app .luelon-topbar #library-link{font-size:13px}html body .luelon-topbar .luelon-game-name,html body .luelon-topbar .luelon-demo-badge{display:none!important}.luelon-actions{gap:4px;margin-left:auto}html body #welcome{max-height:calc(100svh - var(--luelon-bar));overflow:auto}html body .feature-screen,html body .feature-overlay,html body .win-show{top:var(--luelon-bar);bottom:0}}@media (width>=701px) and (height<=560px){html{--luelon-bar:44px}html body #app>.topbar.luelon-topbar{gap:14px}.luelon-topbar .luelon-demo-badge{font-size:9px!important}}@media (width<=380px){html body .luelon-topbar .luelon-home{font-size:12px}.luelon-topbar .luelon-actions{gap:2px}html body #app>.topbar.luelon-topbar{gap:8px}}:root{color:#fff9ef;font-synthesis:none;font-synthesis-weight:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#ffe1a0;--purple:#b99aff;--muted:#b4abce;background:#0c0920;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.38}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #7df3ed}button{touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#app{isolation:isolate;background:radial-gradient(at 50% 37%,#47296438,#0000 58%),linear-gradient(#100d2b55,#100923b0 78%),url(/demos/cosmic-escape/assets/scene.webp) 50%/cover fixed;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}#app:before{content:"";z-index:-1;background:linear-gradient(90deg,#100927a3,#0000 30% 70%,#100927a3);position:absolute;inset:0}.topbar{background:#100c2080;border-bottom:1px solid #f1d6ff15;align-items:center;gap:16px;height:46px;padding:0 24px;display:flex}.studio-mark{letter-spacing:-1px;color:#e5d4ff;font-size:20px;font-weight:950}.studio-mark i{letter-spacing:2px;margin-left:5px;font-size:9px;font-style:normal}.session-badge{letter-spacing:1.7px;color:#cdc1e2;margin-left:auto;font-size:10px}.icon-button{background:#ffffff09;border:1px solid #fff1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:21px;display:inline-flex}.icon-button:hover{background:#ffffff19}.game{width:min(1400px,100%);margin:auto;padding:7px 28px 0;position:relative}.brand{text-align:center;z-index:2;pointer-events:none;margin-bottom:-8px;position:relative}.brand>span{letter-spacing:4px;color:#cab6e4;font-size:9px}.brand h1{letter-spacing:-2.8px;text-shadow:0 3px #3b174b,0 6px 16px #19052f;color:#ffecc6;margin:6px 0 0;font-size:clamp(30px,4.6vw,58px);font-weight:1000;line-height:1;transform:rotate(-2deg)}.brand h1 em{color:#e1b0ff;font-style:normal}.stage-shell{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#stage{aspect-ratio:5/3;z-index:1;width:min(100%,166.67svh - 371.674px);max-width:1050px;position:relative}#stage canvas{width:100%;height:100%;display:block}.mission-card{text-align:center;color:#fbd9ff;filter:drop-shadow(0 3px 10px #170a27);flex-shrink:0;width:140px;margin-right:-6px;transform:rotate(-3deg)}.orbit-icon{color:#a6f3ff;text-shadow:0 0 22px #c460ff;font-size:48px}.mission-card strong{text-shadow:0 2px #491f56;font-size:23px;font-weight:950;line-height:1.04;display:block}.mission-card p{letter-spacing:1.5px;color:#d1c0dd;margin:18px 0 7px;font-size:10px}.mission-card b{color:#ffe0a0;font-size:21px;display:block}.mission-card small{letter-spacing:1px;font-size:9px}.captain{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:end;width:150px;margin-left:-12px;display:flex;position:relative}.captain-art{aspect-ratio:1;filter:drop-shadow(0 12px 18px #0009);background-image:url(/demos/cosmic-escape/assets/captain.webp);background-position:0 0;background-size:300% 200%;width:230px;margin-left:-35px;animation:6s ease-in-out infinite breathe}.captain span{letter-spacing:2px;text-align:center;opacity:.7;width:100%;margin-top:-14px;font-size:10px;font-weight:800}.message-strip{text-align:center;color:#e6d6f6;text-shadow:0 2px 4px #000;justify-content:center;align-items:center;min-height:28px;padding:2px 8px;font-size:13px;display:flex}.controls{z-index:3;background:linear-gradient(#201332ed,#100c20);justify-content:center;align-items:center;gap:22px;width:100%;min-height:98px;padding:13px max(20px,50vw - 595px);display:flex;position:relative;box-shadow:0 -2px #f4c27c38,0 -18px 45px #0b081b66}.utility{gap:7px;display:flex}.metric{white-space:nowrap}.metric small{letter-spacing:1.3px;color:#bcb0cc;margin-bottom:5px;font-size:10px;display:block}.metric strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.balance{min-width:135px}.win{text-align:center;flex:1;min-width:160px;max-width:310px}.win strong{color:var(--gold);font-size:29px}.feature-buy{letter-spacing:.5px;white-space:nowrap;background:linear-gradient(#834ca7,#4c226e);border:1px solid #d4a4e678;border-radius:11px;padding:13px 19px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #f9d3ff42,0 4px #230e3d}.feature-buy span{color:#ffe5b2;vertical-align:middle;margin-right:5px;font-size:19px}.bet-control{align-items:center;gap:12px;display:flex}.bet-control>button:not(.metric){background:#ffffff0d;border:1px solid #ffffff28;border-radius:50%;width:28px;height:28px;font-size:22px;line-height:1}.bet-control .metric{text-align:center;background:0 0;min-width:68px}.bet-control strong{font-size:21px}.spin{color:#4a2914;background:radial-gradient(circle at 45% 28%,#fff4c2,#ffd469 58%,#c47824);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:83px;height:83px;display:flex;box-shadow:0 0 0 4px #382142,0 0 0 6px #b5965f,0 6px 25px #0007}.spin svg{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;width:47px;height:47px}.spin span{letter-spacing:.5px;font-size:8px;font-weight:900}.spin.busy svg{animation:1s linear infinite spin}.spin.busy{opacity:.65}.feature-hud{z-index:2;justify-content:space-between;align-items:center;width:min(90%,900px);margin:0 auto -7px;padding:0 30px;display:flex;position:relative}.feature-hud>div:not(.feature-name){text-align:center;background:linear-gradient(#452267,#241135);border:1px solid #d6a7ec89;border-radius:12px;min-width:130px;padding:7px 20px;box-shadow:0 4px 20px #15082180}.feature-hud small{color:#d8bbed;letter-spacing:1.2px;font-size:9px;display:block}.feature-hud strong{color:#ffe2ab;font-size:30px;line-height:1.2}.feature-name{letter-spacing:3px;color:#ecbbff;text-shadow:0 2px 10px #000;font-size:14px;font-weight:800}.bonus-active .brand>span{display:none}.bonus-active .brand h1{letter-spacing:-1px;margin-bottom:10px;font-size:31px}.bonus-active #app{background-color:#351445}.bonus-active .mission-card{opacity:0}.bonus-active .captain-art{filter:drop-shadow(0 0 22px #de70ff)}.stage-callout{z-index:4;text-align:center;color:#ffe6ab;text-shadow:0 3px #662f71,0 0 32px #b943df;pointer-events:none;background:radial-gradient(#251142df,#0000 68%);width:80%;padding:30px 0;font-size:clamp(26px,5vw,72px);font-weight:1000;line-height:1.1;animation:.4s ease-out pop;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.stage-callout small{letter-spacing:3px;color:#fff1f8;margin-bottom:12px;font-size:16px;display:block}.primary{color:#3d2438;letter-spacing:1px;background:linear-gradient(#ffedb6,#eec16a);border-radius:9px;min-width:190px;padding:17px 38px;font-size:14px;font-weight:850;box-shadow:0 4px #976334,0 8px 25px #0d071e66}.secondary{color:#e1d7ec;background:#ffffff0e;border:1px solid #ffffff26;border-radius:9px;padding:14px 24px}.feature-screen{z-index:8;text-align:center;background:radial-gradient(#582679e8,#170f31f5 75%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:46px 0 111px;overflow:auto}.feature-screen:before,.welcome-orbit{content:"";aspect-ratio:1;pointer-events:none;border:2px solid #d79bf945;border-radius:50%;width:min(62vw,630px);position:absolute;box-shadow:0 0 70px #b74df938,inset 0 0 70px #b74df938}.feature-screen>*{position:relative}.feature-screen .eyebrow{letter-spacing:5px;color:#dcacef;margin:0 0 18px;font-size:11px}.feature-screen h2{text-shadow:0 4px #321348;margin:0 0 12px;font-size:clamp(23px,4vw,47px);font-weight:900}.feature-count{letter-spacing:-8px;color:#ffe5a5;text-shadow:0 6px #925399,0 0 70px #d87cf788;margin:8px 0;font-size:clamp(100px,17vh,180px);font-weight:950;line-height:.9}.feature-screen h3{letter-spacing:5px;color:#e8c3fa;margin:18px 0 6px;font-size:22px}.feature-screen .feature-description{color:#c7b6db;max-width:480px;margin-bottom:25px;font-size:13px;line-height:1.6}.summary-amount{letter-spacing:-2px;color:#ffe5a5;font-variant-numeric:tabular-nums;margin:2px 0 12px;font-size:clamp(45px,7vw,85px);font-weight:950}.settlement-status{color:#98ebd1;min-height:20px;font-size:13px}.settlement-table{border-top:1px solid #dcc1f333;width:min(460px,100%);margin:10px 0 20px;padding-top:8px}.settlement-table>div{color:#cfc0dd;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.settlement-table b{color:#fff6ed;font-variant-numeric:tabular-nums}.settlement-table>div:last-child{border-top:1px solid #dcc1f333;margin-top:5px;padding-top:11px;font-size:14px}.welcome{z-index:12;text-align:center;background:radial-gradient(at 70% 45%,#250e3477,#120d26ee 75%),url(/demos/cosmic-escape/assets/scene.webp) 50%/cover;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow:auto}.welcome>:not(.welcome-orbit){position:relative}.welcome-orbit{outline-offset:22px;border-width:1px;outline:1px solid #ffd7b32e;width:520px;max-width:95vw;transform:rotate(-20deg)}.eyebrow{color:#ecc5fb;letter-spacing:5px;font-size:13px;font-weight:750}.welcome h2{letter-spacing:-2px;color:#ffe9c1;max-width:850px;margin:15px 0;font-size:clamp(35px,5vw,67px);line-height:1.06}.welcome h2 em{color:#d4a1f5;font-style:normal}.welcome p:not(.eyebrow){color:#d6c5e1;margin:15px 0 26px;font-size:15px;line-height:1.8}.welcome small{color:#b6a6c5;margin-top:25px;font-size:11px}.welcome .primary{margin-top:3px}dialog{color:#f8f1ff;background:linear-gradient(145deg,#2a1b40,#171126);border:1px solid #c799ed59;border-radius:20px;width:min(620px,100% - 30px);max-height:min(84svh,740px);padding:0;box-shadow:0 30px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090719bf}.panel-head{z-index:1;background:#251837f7;border-bottom:1px solid #eee1;justify-content:space-between;align-items:center;padding:19px 24px;display:flex;position:sticky;top:0}.panel-head h2{letter-spacing:-.5px;margin:0;font-size:20px}#panel-body{padding:23px}.menu-items{gap:8px;display:grid}.menu-items button{text-align:left;background:#ffffff07;border:1px solid #ffffff10;border-radius:10px;justify-content:space-between;padding:17px 19px;font-size:15px;display:flex}.menu-items button:after{content:"›";color:#cfadeb}.settings-row{border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.settings-row input[type=checkbox]{accent-color:#ca9cec;width:21px;height:21px}.settings-row input[type=range]{accent-color:#ca9cec;width:150px}.panel-note{color:#b9abc9;font-size:12px;line-height:1.6}.bet-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bet-grid button{background:#ffffff0b;border:1px solid #fff2;border-radius:8px;padding:14px 7px}.bet-grid button.selected{background:#70468d;border-color:#dab0f8}.mode-list{gap:12px;display:grid}.mode-card{text-align:left;background:linear-gradient(115deg,#472760,#251637);border:1px solid #cba6e04d;border-radius:13px;grid-template-columns:1fr auto;gap:6px;padding:20px;display:grid}.mode-card:hover{border-color:#f1c4ff}.mode-card strong{font-size:18px}.mode-card b{color:#ffe0a4;grid-area:1/2/3;align-self:center;font-size:19px}.mode-card span{color:#cfbfdb;max-width:300px;font-size:11px;line-height:1.6}.confirm-body{text-align:center}.confirm-body .confirm-price{color:#ffe3a9;margin:20px 0;font-size:45px;font-weight:850}.confirm-body p{color:#cbb7da;font-size:13px;line-height:1.8}.action-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.paytable{border-collapse:collapse;width:100%;font-size:12px}.paytable th,.paytable td{text-align:right;border-bottom:1px solid #fff1;padding:10px 7px}.paytable th:first-child,.paytable td:first-child{text-align:left}.rule-card{border-bottom:1px solid #fff1;padding:14px 0}.rule-card h3{color:#ecd0ff;margin:0 0 8px;font-size:15px}.rule-card p{color:#ccbbda;margin:0;font-size:12px;line-height:1.7}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#qa-panel{z-index:20;background:#160f28e8;border:1px solid #ffc3ff66;max-width:250px;padding:6px;font-size:10px;position:fixed;bottom:6px;left:5px}#qa-panel small{color:#bfa7d2;margin-top:5px;display:block}#qa-panel select{max-width:100%;padding:6px}.reduced-motion *{transition:none!important;animation:none!important}@keyframes breathe{50%{transform:translateY(-7px)rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media (width>=1600px){.game{padding-top:20px}.controls{min-height:118px}.feature-screen{bottom:118px}#stage{width:min(100%,166.67svh - 450.009px)}}@media (width<=1100px){.captain,.mission-card{display:none}.controls{gap:16px;padding-left:18px;padding-right:18px}.balance,.win{min-width:110px}.game{padding-left:12px;padding-right:12px}.feature-buy{padding:12px}.utility{flex-direction:column;gap:5px}.utility .icon-button{width:28px;height:28px;font-size:17px}}@media (width<=700px){.topbar{height:40px;padding:0 15px}.brand{margin:12px 0 4px}.brand>span{letter-spacing:2.5px;font-size:7px}.brand h1{letter-spacing:-2px;font-size:40px}.game{margin:auto 0;padding:0 4px}.controls{grid-template-columns:36px 1fr 1fr 86px;gap:12px 9px;min-height:152px;padding:14px 13px 20px;display:grid}.utility{grid-area:1/1/3;align-self:center;gap:14px}.balance{grid-area:1/2;min-width:0}.metric strong{font-size:19px}.metric small{font-size:8px}.win{text-align:right;grid-area:1/3;min-width:0;max-width:none}.win strong{font-size:22px}.feature-buy{grid-area:2/2;padding:10px 5px;font-size:10px}.bet-control{grid-area:2/3;justify-content:center;gap:4px}.bet-control>button:not(.metric){width:24px;height:24px;font-size:17px}.bet-control .metric{min-width:48px}.bet-control .metric strong{font-size:16px}.spin{grid-area:1/4/3;justify-self:end;width:74px;height:74px}.spin svg{width:39px;height:39px}.spin span{font-size:7px}.feature-screen{padding:25px 18px;inset:40px 0 152px}.feature-screen:before{width:85vw}.feature-screen .eyebrow{letter-spacing:3px;margin-bottom:12px;font-size:9px}.feature-screen h2{font-size:24px}.feature-screen h3{letter-spacing:3px;font-size:17px}.feature-count{letter-spacing:-5px;font-size:115px}.feature-screen .feature-description{margin-bottom:18px;font-size:11px}.primary{min-width:160px;padding:15px 23px;font-size:12px}.feature-hud{gap:10px;width:95%;margin:10px auto -3px;padding:0 10px}.feature-hud>div:not(.feature-name){border-radius:8px;min-width:74px;padding:6px 10px}.feature-hud small{letter-spacing:.6px;font-size:7px}.feature-hud strong{font-size:25px}.feature-name{letter-spacing:1px;text-align:center;font-size:9px}.bonus-active .brand h1{font-size:29px}.message-strip{min-height:34px;font-size:11px}.stage-callout small{font-size:10px}.summary-amount{font-size:46px}.settlement-table>div{padding:5px 0;font-size:11px}.settlement-table{margin:7px 0 16px}.settlement-status{font-size:11px}.panel-head{padding:17px}#panel-body{padding:18px}.mode-card{padding:15px}.mode-card strong{font-size:15px}.mode-card b{font-size:16px}.mode-card span{font-size:10px}.welcome h2{font-size:39px}.welcome p:not(.eyebrow){font-size:13px}.session-badge{letter-spacing:1px;font-size:8px}}@media (height<=560px) and (width>=701px){.topbar{height:30px}.brand>span{display:none}.brand h1{margin:0;font-size:28px}.game{padding-top:0}.controls{min-height:78px;padding-top:7px;padding-bottom:7px}.spin{width:61px;height:61px}.spin svg{width:34px;height:34px}.spin span{font-size:6px}#stage{width:calc(166.67svh - 250.005px)}.message-strip{min-height:19px;font-size:10px}.feature-screen{inset:30px 0 79px}.feature-count{margin:0;font-size:84px}.feature-screen h2{margin-bottom:3px;font-size:24px}.feature-screen h3{margin:9px 0;font-size:15px}.feature-screen .feature-description{margin:8px 0 15px}.feature-screen .eyebrow{margin:0 0 8px}.feature-hud{pointer-events:none;width:100%;padding:0 10px;position:absolute;top:28px;left:0}.feature-name{display:none}.feature-hud>div:not(.feature-name){min-width:80px;padding:5px 8px}.feature-hud strong{font-size:23px}.feature-hud small{font-size:7px}.summary-amount{font-size:40px}.settlement-table{margin:3px 0 8px}.settlement-table>div{padding:3px 0;font-size:10px}.settlement-table>div:last-child{margin-top:2px;padding-top:5px;font-size:11px}.settlement-status{font-size:11px}.primary{padding:12px 24px}.welcome h2{font-size:33px}.welcome p:not(.eyebrow){margin:7px 0 15px}.welcome small{margin-top:15px}}#stage canvas{position:absolute;inset:0}.topbar,.controls{flex-shrink:0}#app{height:100svh;min-height:0}.game{min-height:0}.feature-screen:before{width:min(55vw,440px);top:50%;left:50%;transform:translate(-50%,-50%)}.feature-screen:has(.summary-amount){padding:18px}.feature-screen:has(.summary-amount) h2{margin:0 0 6px;font-size:36px}.feature-screen .summary-amount{margin:3px 0 8px;font-size:68px;line-height:1.1}.feature-screen:has(.summary-amount) .eyebrow{margin:0 0 12px}.feature-screen .settlement-status{margin:5px 0}.feature-screen .settlement-table{margin:8px 0 15px}.feature-screen .settlement-table>div{padding:5px 0}.feature-screen:has(.feature-count):after{content:"";pointer-events:none;border:1px solid #f5d5ff25;border-radius:50%;position:absolute;inset:15% 20%;transform:rotate(-9deg);box-shadow:0 0 60px #ce78f524}.feature-count{-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px #623769);text-shadow:none;background:linear-gradient(#fff9df 10%,#ffe290 55%,#dc9a49);-webkit-background-clip:text;background-clip:text}.feature-screen .primary{z-index:1}.mode-card{background:radial-gradient(at 0,#8954ae6b,#0000 60%),linear-gradient(115deg,#38204f,#251637);min-height:112px;padding-left:110px;position:relative;overflow:hidden}.mode-portrait{filter:drop-shadow(0 0 11px #ca6fe9a0);background:url(/demos/cosmic-escape/assets/symbols-v3.webp) 100% 100%/300% 300%;width:86px;height:86px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.mode-card[data-mode=istila]{background:radial-gradient(at 0,#4f878956,#0000 60%),linear-gradient(115deg,#243c4f,#201a37)}.mode-card[data-mode=istila] .mode-portrait{filter:drop-shadow(0 0 11px #a7eaa755);background-position:50% 100%}.mode-card[data-mode=yanki]{background:radial-gradient(at 0,#7365ba7a,#0000 60%),linear-gradient(115deg,#3a2455,#201a37)}.mode-card[data-mode=yanki] .mode-portrait{filter:drop-shadow(0 0 11px #ed8ad555);background-position:0 100%}.mode-card b small{letter-spacing:1px;color:#bca3cb;margin-bottom:7px;font-size:8px;font-weight:500;display:block}.mode-card strong{align-self:end}.mode-card>span{letter-spacing:.4px;align-self:start;font-size:10px}.mode-card b{text-align:right}.studio-mark{white-space:nowrap;flex-shrink:0}.session-badge{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar>.icon-button{flex-shrink:0}@media (width<=500px){.mode-card{gap:6px;min-height:108px;padding-left:78px;padding-right:12px}.mode-portrait{width:64px;height:64px;left:7px}.mode-card strong{font-size:14px}.mode-card>span{font-size:8px}.mode-card b{font-size:15px}.mode-card b small{font-size:6px}}@media (height<=560px) and (width>=701px){#stage{width:calc(166.67svh - 291.673px)}.feature-screen:before{width:200px}.feature-screen:has(.summary-amount) .primary{padding:10px 24px}}@media (width<=700px){.feature-screen .summary-amount{font-size:48px}.feature-screen:has(.summary-amount) h2{font-size:27px}.feature-screen .settlement-table>div{padding:5px 0}.feature-screen:before{width:min(82vw,400px)}}@media (height<=560px) and (width>=701px){.feature-screen:has(.summary-amount){padding:10px}.feature-screen:has(.summary-amount) h2{margin:0;font-size:22px}.feature-screen .summary-amount{margin:4px;font-size:36px}.feature-screen:has(.summary-amount) .eyebrow{margin:2px;font-size:8px}.feature-screen .settlement-table{margin:3px 0 8px}.feature-screen .settlement-table>div{padding:2px 0}.feature-screen .settlement-status{margin:2px;font-size:10px}}@media (width>=701px) and (height>=561px){#stage{width:min(100%,166.67svh - 433.342px)}.bonus-active #stage{width:min(100%,166.67svh - 466.676px)}}@media (width<=700px){body{overflow-y:auto}.topbar{min-height:44px;padding-top:env(safe-area-inset-top)}.controls{padding:12px max(10px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));grid-template-rows:44px 44px 44px;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 72px;gap:8px 7px;min-height:172px;display:grid}.controls .utility{flex-direction:column;grid-area:2/1/4;align-self:center;gap:8px;display:flex}.controls .utility button{width:44px;min-width:44px;height:44px;font-size:22px}.controls .balance,.controls>.metric:not(.win){text-align:left;grid-area:1/1/auto/3}.controls .win{text-align:right;grid-area:1/3/auto/5;max-width:none}.controls .metric small,.controls .bet small{letter-spacing:.4px;font-size:10px}.controls .metric strong{font-size:21px;line-height:1.25}.controls .feature-buy,.controls .buy{grid-area:2/2/auto/4;min-height:44px;padding:6px 8px;font-size:12px}.controls .buy small{font-size:9px}.controls .bet-control,.controls .bet{grid-area:3/2/auto/4;justify-content:space-between;gap:0;min-width:0}.controls .bet-control>button:not(.metric),.controls .bet>button:not(#bet-open){width:44px;min-width:44px;height:44px;font-size:22px}.controls #bet-open{min-width:42px;min-height:44px;padding:0 2px}.controls #bet-open strong{font-size:16px}.controls .spin{grid-area:2/4/4;align-self:center;width:72px;height:72px}.feature-screen,.feature-overlay,.win-show{top:44px;bottom:calc(172px + env(safe-area-inset-bottom));overflow-y:auto}.feature-screen .primary,.feature-overlay .primary,dialog button{min-height:44px}dialog{max-width:calc(100vw - 20px);max-height:calc(100svh - 24px)}.welcome{padding-top:24px;padding-bottom:24px;overflow-y:auto}.topbar #sound{width:44px;min-width:44px;height:44px}.topbar .studio-mark{font-size:16px}}@media (height<=560px) and (width>=701px){.controls{gap:14px;min-height:79px;padding-left:12px;padding-right:12px}.controls .utility{flex-direction:row;gap:4px}.controls .utility button,.controls .bet-control>button:not(.metric),.controls .bet>button:not(#bet-open){width:44px;min-width:44px;height:44px}.controls #bet-open{min-width:56px;min-height:44px}.controls .balance{min-width:96px}.controls .win{min-width:84px}.controls .bet-control,.controls .bet{gap:2px}.controls .feature-buy,.controls .buy{min-height:44px;padding:9px 12px}}#app .game{flex-direction:column;flex:1 1 0;min-height:0;margin:0 auto;padding-top:12px;padding-bottom:0;display:flex}#app .brand{flex:none;margin-bottom:4px}#app .stage-shell{flex:1 1 0;min-width:0;min-height:0}#app #stage{aspect-ratio:auto;flex:1 1 0;width:auto;min-width:0;max-width:1050px;height:100%}#app .message-strip{z-index:4;flex:none;min-height:38px;padding:6px 14px;font-size:12px;line-height:1.4;position:relative}#app .controls{flex:none}#app .feature-hud{flex:none;gap:12px;width:min(100%,970px);margin:3px auto 2px;padding:0 12px}#app .feature-hud .feature-name{text-align:center;flex:1}#app .feature-hud .current-spin{box-shadow:none;background:0 0;border:0;order:2;min-width:110px;padding:6px 9px}.current-spin b{color:#fff0ca;font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;display:block}.feature-hud.boosting #multiplier{color:#a2fff0;filter:drop-shadow(0 0 14px #61efcc);transition:transform .2s;transform:scale(1.14)}.request-pending .spin{opacity:1;box-shadow:0 0 0 4px #382142,0 0 0 6px #e5c97b,0 0 35px #f5cc6c88}.echo-active{filter:drop-shadow(0 0 20px #ac7cff);transition:filter .2s}#app .feature-screen[data-scene=departure]{background:radial-gradient(at 40% 48%,#603192e8,#170f31f7 74%);padding:20px}.feature-screen[data-mode=istila]{--mission-accent:#9ef5d2}.feature-screen[data-mode=yanki]{--mission-accent:#cba1ff}.feature-screen[data-mode=kaos]{--mission-accent:#ffe2a4}.mission-scene{isolation:isolate;grid-template-columns:minmax(180px,.8fr) minmax(290px,1.2fr);align-items:center;gap:18px;width:min(1050px,100%);display:grid}.mission-captain{aspect-ratio:620/600;filter:drop-shadow(0 10px 22px #0a031a99);justify-self:center;width:min(100%,340px);animation:.65s cubic-bezier(.1,.8,.3,1) mission-captain-in}.mission-brief{flex-direction:column;align-items:center;min-width:0;display:flex}#app .mission-brief .eyebrow{letter-spacing:3px;color:var(--mission-accent);margin:0 0 12px;font-size:10px}#app .mission-brief h2{margin:0 0 8px;font-size:clamp(26px,3.6vw,46px);line-height:1.1}.portal-award{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;width:230px;height:190px;display:flex;position:relative}.portal-art{opacity:.46;filter:drop-shadow(0 0 25px #c88cff);z-index:-1;background:url(/demos/cosmic-escape/assets/symbols-v3.webp) 100% 100%/300% 300%;animation:12s linear infinite portal-circulate;position:absolute;inset:-12px 0}#app .portal-award .feature-count{letter-spacing:-5px;filter:drop-shadow(0 4px #543267);margin:0;font-size:116px;line-height:1}#app .portal-award h3{letter-spacing:3px;text-shadow:0 2px 4px #17072b;margin:7px 0 0;font-size:13px}.mission-multiplier{border-top:1px solid #d5b1ed33;border-bottom:1px solid #d5b1ed33;justify-content:space-between;align-items:center;gap:16px;min-width:245px;padding:9px 17px;display:flex}.mission-multiplier span{letter-spacing:1.5px;color:#d2bce0;font-size:9px}.mission-multiplier b{color:var(--mission-accent);font-size:28px}#app .mission-brief .feature-description{max-width:370px;margin:14px 0 18px;font-size:13px;line-height:1.5}#app .feature-screen[data-scene=summary]{background:radial-gradient(at 50% 48%,#3c2558ef,#141029fa 74%);padding:24px}#app .feature-screen[data-scene=summary]:before{opacity:.45;border-style:dashed}.summary-seal{color:#c1a1db;border:1px solid #ba95d066;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:13px;font-size:31px;display:grid}[data-net=positive] .summary-seal{color:#ffe29e;box-shadow:0 0 26px #ffcc6538}#app .summary-label{letter-spacing:3px;color:#d4bedf;margin:13px 0 2px;font-size:10px}#app .feature-screen[data-scene=summary] h2{font-size:clamp(21px,3vw,34px)}#app .feature-screen[data-scene=summary] .summary-amount{font-size:clamp(38px,6.5vw,74px)}.summary-net{color:#cfbfdc;border:1px solid #c4abd333;border-radius:8px;justify-content:space-between;align-items:center;gap:32px;min-width:240px;margin:8px 0;padding:11px 17px;font-size:12px;display:flex}.summary-net b{color:#fff4dd;font-variant-numeric:tabular-nums;font-size:18px}.payout-details{text-align:left;width:min(450px,100%);margin:7px 0 20px}.payout-details summary{cursor:pointer;color:#d2c0df;background:#ffffff07;border-radius:8px;min-height:44px;padding:11px 14px;font-size:12px;list-style-position:inside;display:list-item}.payout-details summary:focus-visible{outline-offset:2px;outline:2px solid #aef3e8}#app .payout-details .settlement-table{background:#0e0a183d;border-top:0;width:100%;margin:0;padding:8px 14px 10px}.welcome-features{align-items:start;gap:28px;max-width:100%;margin:4px 0 24px;display:flex}.welcome-features>div{text-align:left;grid-template-columns:46px auto;align-items:center;gap:4px 11px;display:grid}.welcome-symbol{filter:drop-shadow(0 0 8px #976cbd);background:url(/demos/cosmic-escape/assets/symbols-v3.webp) 100% 100%/300% 300%;grid-row:1/3;width:46px;height:48px;display:block}.welcome-symbol.wild{background-position:50% 100%}.welcome-features b{color:#f2d8ff;align-self:end;font-size:12px}.welcome-features span{color:#bfb0d0;align-self:start;font-size:10px}#app #welcome .welcome-orbit{animation:1s ease-out both welcome-arrive}#app #welcome .primary{animation:.55s ease-out .15s both award-rise}@keyframes portal-circulate{to{transform:rotate(360deg)}}@keyframes mission-captain-in{0%{opacity:0;transform:translate(-70px)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes welcome-arrive{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media (width<=700px){#app .game{padding-top:10px}#app .brand{margin:6px 0 2px}#app .message-strip{min-height:40px;padding:5px 10px;font-size:11px}#app .feature-hud{gap:5px;margin:2px auto;padding:0 5px}#app .feature-hud>div:not(.feature-name){min-width:64px;padding:5px}#app .feature-hud .feature-name{letter-spacing:.4px;font-size:8px}#app .feature-hud .current-spin{min-width:85px}.current-spin b{font-size:19px}.welcome-features{flex-direction:column;gap:12px;margin:3px 0 19px}.welcome-features>div{grid-template-columns:40px auto}.welcome-symbol{width:38px;height:42px}.mission-scene{grid-template-columns:1fr;gap:0;max-width:420px;position:relative}.mission-captain{opacity:.86;z-index:2;pointer-events:none;width:88px;position:absolute;top:67px;right:-5px}#app .mission-brief h2{max-width:92%;font-size:26px}#app .mission-brief .eyebrow{letter-spacing:1.7px;font-size:8px}.portal-award{width:210px;height:180px}#app .mission-brief .feature-description{max-width:300px;font-size:12px}#app .feature-screen[data-scene=summary],#app .feature-screen[data-scene=departure]{padding:22px 16px}.summary-seal{width:44px;height:44px;margin-bottom:8px;font-size:27px}.payout-details{margin:6px 0 17px}}@media (height<=560px) and (width>=701px){#app .game{padding-top:3px}#app .message-strip{min-height:27px;padding:3px;font-size:10px}#app .feature-hud{width:100%;margin:0;padding:0 14px;position:static}#app .feature-hud>div:not(.feature-name){min-width:76px;padding:2px 7px}#app .feature-hud strong{font-size:20px}#app .feature-hud .current-spin{padding:2px 7px}.current-spin b{font-size:18px}#app .feature-screen[data-scene=departure]{padding:12px 20px}.mission-scene{grid-template-columns:1fr 1.5fr;gap:15px}.mission-captain{max-width:220px}#app .mission-brief h2{font-size:26px}.portal-award{width:150px;height:112px}#app .portal-award .feature-count{font-size:76px}#app .portal-award h3{margin:3px 0;font-size:10px}.mission-multiplier{padding:5px 12px}.mission-multiplier b{font-size:22px}#app .mission-brief .feature-description{margin:8px 0 10px;font-size:11px}#app .mission-brief .eyebrow{margin-bottom:6px;font-size:8px}.summary-seal{display:none}#app .feature-screen[data-scene=summary]{padding:14px}#app .summary-label{margin:6px 0 0}#app .feature-screen[data-scene=summary] .summary-amount{font-size:39px}.summary-net{margin:4px 0;padding:6px 15px}.payout-details{margin:4px 0 9px}.welcome-features{margin:0 0 14px}}.reduced-motion .portal-art,.reduced-motion .mission-captain{animation:none!important}#message:has(#preview-return){flex-wrap:wrap;gap:15px}#preview-return{min-height:34px;padding:7px 14px;font-size:10px}.portal-preview-controls{margin-top:20px}.captain{z-index:2;align-items:center;margin-left:0}.captain-art.captain-animated{aspect-ratio:620/600;transform-origin:50% 95%;isolation:isolate;background:0 0;width:225px;margin-left:0;animation:none;position:relative}.captain-animated canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.captain-animated:after{content:"";filter:blur(7px);z-index:-1;background:#02041688;border-radius:50%;width:64%;height:8%;position:absolute;bottom:0;left:20%}.captain-animated[data-mood=cheer]{filter:drop-shadow(0 0 24px #fbc46988)}.captain-animated[data-mood=shoot]{filter:drop-shadow(-12px 0 25px #8cffe977)}.captain span{z-index:2;color:#ffebbc;text-shadow:0 2px 8px #11051f;position:relative}.orbit-icon{animation:3s ease-in-out infinite orbit-breathe}.brand h1{filter:drop-shadow(0 0 15px #d281ec25)}.bonus-active .feature-hud strong{animation:.38s cubic-bezier(.2,1.7,.4,1) hud-arrive}.feature-screen:has(.feature-count) .feature-count{animation:.7s cubic-bezier(.15,.9,.2,1.2) both bonus-number}.feature-screen:has(.feature-count) h2{animation:.45s ease-out both award-rise}.feature-screen:has(.feature-count):before{border-width:3px;box-shadow:0 0 65px #c676ef50,inset 0 0 70px #dca4ff38}.stage-callout{filter:drop-shadow(0 6px #190b2b);background:radial-gradient(#211030ee 15%,#321744c9 40%,#0000 72%);width:94%;padding:32px 0;font-family:Impact,Arial Black,sans-serif;font-weight:900;animation:.46s cubic-bezier(.16,.8,.22,1.15) callout-slam;top:48%}.stage-callout small{letter-spacing:4px;font-family:Arial,sans-serif;font-size:clamp(11px,1.4vw,18px);font-weight:800}.stage-callout strong{-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px #824422);background:linear-gradient(#fffce4,#ffe890 45%,#ffbe45 52%,#fff0ab 75%);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6vw,84px);line-height:1.1;display:block}.win-show{z-index:10;isolation:isolate;text-align:center;--award-color:#ffcf63;background:radial-gradient(at 50% 47%,#612844aa,#1e1238e0 60%,#0b091ced);place-items:center;animation:.35s ease-out award-veil;display:grid;position:fixed;inset:46px 0 111px;overflow:hidden}.win-show[hidden]{display:none}.win-show[data-tier="1"]{--award-color:#ffa9f5;background:radial-gradient(at 50% 47%,#823d7599,#231138e6 65%,#100919f2)}.win-show[data-tier="2"]{--award-color:#a9efff;background:radial-gradient(at 50% 47%,#65543099,#311137e6 65%,#100919f2)}.award-content{z-index:3;pointer-events:none;flex-direction:column;align-items:center;width:min(94%,1050px);display:flex;position:relative}.award-eyebrow{letter-spacing:4px;color:#eedaff;text-shadow:0 2px 6px #130824;margin:0 0 10px;font:800 10px/1.4 Arial,sans-serif}.award-emblem{color:#fff2b4;filter:drop-shadow(0 0 17px #ffc46f);margin-bottom:8px;font-size:43px;line-height:1;animation:3.2s ease-in-out infinite emblem-turn}.award-title{letter-spacing:-.025em;filter:drop-shadow(0 4px #934626)drop-shadow(0 8px #45123d)drop-shadow(0 13px 13px #08051e88);flex-wrap:wrap;justify-content:center;gap:0 .19em;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(58px,9.4vw,136px);font-weight:950;line-height:.92;display:flex;transform:rotate(-4deg)}.award-title span{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff1a080;background:linear-gradient(#fffef0 2%,#fff1b1 21%,#ffcf49 46%,#f39b21 49%,#ffde69 72%,#fff3c2 95%);-webkit-background-clip:text;background-clip:text;animation:.62s cubic-bezier(.12,.75,.2,1.1) both title-slam;display:block}.award-title span:nth-child(2){animation-delay:80ms}.award-title span:nth-child(3){animation-delay:.13s}[data-tier="1"] .award-title span{background-image:linear-gradient(#fff9ff,#ffdcef 24%,#ffb8e8 48%,#c06da2 50%,#ffdbeb 84%)}[data-tier="2"] .award-title{max-width:780px;font-size:clamp(46px,7.5vw,99px)}[data-tier="2"] .award-title span:last-child{width:100%;font-size:1.3em}.award-caption{letter-spacing:3px;color:#f7d4bc;margin:24px 0 5px;font-size:10px;font-weight:800}.award-amount{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#fff3c2;text-shadow:0 4px #925226,0 8px 18px #14071b;white-space:nowrap;min-width:60%;font-family:Impact,Arial Black,sans-serif;font-size:clamp(50px,7.1vw,100px);line-height:1.06}.award-track{background:#fbd69026;border-radius:5px;width:min(240px,55%);height:3px;margin:18px 0 16px;overflow:hidden}.award-track i{transform-origin:0;background:#ffe9a2;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 15px #ffde86}.award-skip{pointer-events:auto;color:#f9e4c7;letter-spacing:.8px;background:#180c29a8;border:1px solid #ffe6b755;border-radius:30px;min-width:180px;padding:10px 24px;font-size:11px;font-weight:750}.award-skip:hover{background:#4b284d}.award-skip:focus-visible{outline-offset:4px;outline:2px solid #fff0aa}.award-rays{z-index:0;aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#f8c37300 0deg 12deg,#f8c37323 13deg 20deg,#f8c37300 21deg 30deg);width:max(100vw,100vh);animation:35s linear infinite award-rays;position:absolute;top:48%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 12%,#0009 32%,#0000 66%);mask-image:radial-gradient(circle,#000 12%,#0009 32%,#0000 66%)}.award-orbit{aspect-ratio:1;pointer-events:none;border:2px solid #ffdd982e;border-radius:50%;width:min(74vh,680px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-25deg);box-shadow:0 0 60px #ffaa6826,inset 0 0 60px #ffaa6826}.award-orbit:before,.award-orbit:after{content:"";border:1px solid #ffdaa955;border-radius:50%;position:absolute;inset:5%;transform:rotateX(55deg)rotate(-20deg)}.award-orbit:after{border-color:#ffdca533;inset:-9%;transform:rotateY(65deg)rotate(10deg)}.award-coins{z-index:2;pointer-events:none;perspective:700px;position:absolute;inset:0;overflow:hidden}.award-coin{width:var(--size);height:var(--size);font-style:normal;font-size:calc(var(--size)*.65);color:#a46a21;animation:coin-fall var(--flight) linear var(--delay) infinite;background:linear-gradient(125deg,#fffbd2,#ffdc70 40%,#d5922d 50%,#ffedb0);border:2px solid #ffeaa0;border-radius:50%;place-items:center;font-weight:900;line-height:1;display:grid;position:absolute;top:15%;left:50%;box-shadow:inset 0 0 0 2px #cb8d34,2px 3px #9c5a22,0 0 10px #ffca732f}.award-complete .award-amount{animation:.45s cubic-bezier(.2,1.5,.4,1) amount-land}.award-complete .award-track{box-shadow:0 0 15px #ffdc85}@keyframes award-rays{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes coin-fall{0%{opacity:0;transform:translate(calc(var(--x)*2px),-100px) rotateY(0) rotate(0) scale(.35)}12%{opacity:.9}85%{opacity:1}to{opacity:0;transform:translate(calc(var(--x)*13px),85vh) rotateY(calc(var(--turn)*600deg)) rotate(calc(var(--turn)*240deg)) scale(1.2)}}@keyframes title-slam{0%{opacity:0;transform:translateY(-65px)scale(1.65)rotate(-9deg)}52%{opacity:1;transform:translateY(5px)scale(.95)rotate(1deg)}75%{transform:translateY(-3px)scale(1.035)}to{opacity:1;transform:none}}@keyframes amount-land{0%{transform:scale(1)}40%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes award-veil{0%{opacity:0}to{opacity:1}}@keyframes award-rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes emblem-turn{50%{transform:rotate(35deg)scale(1.15)}}@keyframes orbit-breathe{50%{filter:drop-shadow(0 0 12px #d5a1ff);transform:translateY(-7px)rotate(25deg)}}@keyframes bonus-number{0%{opacity:0;transform:scale(2)rotate(-14deg)}60%{opacity:1;transform:scale(.9)rotate(3deg)}to{transform:none}}@keyframes hud-arrive{0%{transform:scale(.65)}to{transform:scale(1)}}@keyframes callout-slam{0%{opacity:0;rotate:-7deg;scale:1.6}60%{opacity:1;rotate:1deg;scale:.94}to{rotate:0deg;scale:1}}@media (width>=1600px){.win-show{bottom:118px}}@media (width>=701px) and (width<=1100px) and (height>=561px){.captain{z-index:2;pointer-events:none;width:110px;height:108px;margin:0;display:flex;position:absolute;top:-97px;right:0}.captain-art.captain-animated{width:113px;margin:0}.captain span{display:none}}@media (width<=700px){.win-show{inset:40px 0 152px}.award-title{font-size:clamp(50px,14vw,85px)}[data-tier="2"] .award-title{font-size:clamp(34px,10.5vw,65px)}.award-amount{font-size:clamp(40px,12vw,75px)}.award-eyebrow{letter-spacing:1.7px;font-size:8px}.award-caption{letter-spacing:2px;margin-top:22px;font-size:8px}.award-emblem{margin-bottom:16px;font-size:32px}.award-content{width:94%}.award-track{margin:16px 0}.award-orbit{width:95vw}.award-coin{font-size:14px}.captain{z-index:2;pointer-events:none;width:80px;height:92px;margin:0;display:flex;position:absolute;bottom:calc(100% + 7px);right:8px}.captain-art.captain-animated{width:91px;margin:0}.captain span{display:none}.brand{padding-right:46px}.brand h1{font-size:35px}.brand>span{letter-spacing:1.5px;font-size:6px}.bonus-active .captain{height:65px;bottom:calc(100% + 68px)}.bonus-active .captain-art.captain-animated{width:65px}.stage-callout strong{font-size:44px}.stage-callout small{letter-spacing:1.5px;font-size:10px}}@media (height<=560px) and (width>=701px){.win-show{inset:30px 0 79px}.award-content{width:90%}.award-eyebrow{margin-bottom:5px;font-size:7px}.award-emblem{display:none}.award-title{font-size:60px;line-height:.9}[data-tier="2"] .award-title{max-width:none;font-size:49px}[data-tier="2"] .award-title span:last-child{width:auto;font-size:1em}.award-caption{margin:14px 0 3px;font-size:8px}.award-amount{font-size:47px}.award-track{margin:8px 0}.award-skip{padding:7px 20px;font-size:10px}.award-orbit{width:260px}}.reduced-motion .award-rays,.reduced-motion .award-coins{display:none}.reduced-motion .win-show *,.reduced-motion .captain-art,.reduced-motion .stage-callout{animation:none!important}@media (width<=700px){html[data-game-language=en] .brand{padding-right:65px}html[data-game-language=en] .brand h1{letter-spacing:-1.5px;font-size:clamp(24px,7.5vw,35px)}.win-show{bottom:calc(172px + env(safe-area-inset-bottom))}}.award-rift{aspect-ratio:1;opacity:.22;filter:drop-shadow(0 0 35px #c779ff);pointer-events:none;background:url(/demos/cosmic-escape/assets/symbols-v3.webp) 100% 100%/300% 300%;width:min(78vh,590px);animation:.85s cubic-bezier(.14,.7,.2,1) both rift-open;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.win-show .award-captain{aspect-ratio:620/600;z-index:2;filter:drop-shadow(0 0 22px #f8c47744);pointer-events:none;width:clamp(120px,21vw,270px);animation:.75s ease-out .18s both mission-captain-in;position:absolute;bottom:0;right:2%}.win-show .award-emblem{display:none}.win-show .award-content{width:min(92%,1000px)}.win-show .award-eyebrow{border:1px solid #dcb4ed55;border-radius:30px;margin-bottom:21px;padding:8px 17px}.win-show .award-coin{clip-path:polygon(50% 0,87% 25%,100% 64%,65% 100%,20% 85%,0 40%);box-shadow:none;color:#fffbe1;background:linear-gradient(145deg,#ffefaa,#ffc963 38%,#a065c8 40%,#e7c6ff);border:0;border-radius:0}.win-show[data-tier="1"] .award-rift{opacity:.35;filter:drop-shadow(0 0 48px #ff9bec)}.win-show[data-tier="2"] .award-rift{opacity:.42;filter:hue-rotate(25deg)drop-shadow(0 0 60px #a8efff)}.win-show[data-tier="2"] .award-captain{filter:drop-shadow(-15px 0 28px #8cffe999)}@keyframes rift-open{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(-60deg)}to{opacity:.3;transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (width<=700px){.win-show .award-captain{opacity:.8;width:120px;bottom:1%;right:-12px}.win-show .award-eyebrow{margin-bottom:19px}.win-show .award-rift{width:90vw}.win-show .award-content{padding-bottom:22px}}@media (height<=560px) and (width>=701px){.win-show .award-captain{width:155px;right:1%}.win-show .award-eyebrow{margin-bottom:10px;padding:4px 12px}.win-show .award-rift{width:280px}}.reduced-motion .award-rift,.reduced-motion .award-captain{animation:none!important}html body .win-show{top:var(--luelon-bar,60px)}#app{--console-blue:#102635;--energy:#8aefd7;--brass:#edc984}.space-depth{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#app:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 70% 15%,#388cbe25,#0000 40%);transition:background 1s,opacity 1s;position:absolute;inset:0}.bonus-active #app{background-image:radial-gradient(at 50% 15%,#53519b68,#0000 65%),linear-gradient(#051627dc,#190d36ed),url(/demos/cosmic-escape/assets/scene.webp)}body[data-cosmic-mode=istila] #app:after{background:repeating-linear-gradient(110deg,#0000 0 17%,#4de8b909 20%,#0000 23% 43%);animation:8s ease-in-out infinite patrol-light}body[data-cosmic-mode=yanki] #app:after{background:radial-gradient(at 20% 35%,#b479db23,#0000 34%),radial-gradient(at 80% 65%,#78bbfa1b,#0000 40%);animation:7s ease-in-out infinite echo-space}.portal-dock{justify-content:center;gap:10px;padding:12px 15px 7px;display:flex}.portal-dock i{background:#0b1b2a;border:2px solid #967844;border-radius:50%;width:13px;height:13px;transition:background .18s,box-shadow .18s;box-shadow:0 1px 2px #000,inset 0 0 5px #000}.portal-dock i.lit{background:#ffe2a7;border-color:#fff0bd;animation:.35s ease-out dock-lock;box-shadow:0 0 13px #ffa54f,inset 0 0 4px #fff}.bonus-active .portal-dock{display:none}#app .brand{margin-bottom:0}#app .brand h1{letter-spacing:-2px;text-shadow:0 2px #46274e,0 4px #141e30;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif}#app .mission-card{transform:none}.mission-card .orbit-icon{font-size:39px}#app .feature-hud{z-index:2;background:linear-gradient(#254152,#102338);border:2px solid #b28c50;border-bottom:0;border-radius:18px 18px 0 0;gap:12px;width:min(92%,870px);max-width:calc(166svh - 418.32px);margin:0 auto -5px;padding:7px 13px;box-shadow:inset 0 2px #eed6a84d,0 5px 20px #0005}#app .feature-hud>div:not(.feature-name){background:#091c29;border:1px solid #aac9c12e;border-radius:9px;min-width:106px;padding:5px 10px;box-shadow:inset 0 2px 8px #0008}#app .feature-hud small{color:#a3c7c9;letter-spacing:1px;white-space:nowrap;font-size:8px}#app .feature-hud strong{color:#fff0b6;font-size:28px;animation:none}#app .feature-name{text-align:center;color:#b9e7df;letter-spacing:1px;flex:1;align-self:center;min-width:120px;font-size:10px}#reactor{justify-content:center;align-items:center;gap:7px;height:34px;display:flex;position:relative}#reactor i{color:#a7f5e6;text-shadow:0 0 12px #68eadb;font-size:29px;font-style:normal;display:inline-block}#reactor b{color:#fff6c4;opacity:0;font-size:20px;position:absolute;top:0;right:5%}#app .boosting #reactor i{animation:.5s ease-out reactor-charge}#app .boosting #reactor b{animation:.7s ease-in-out both reactor-transfer}#app .boosting #multiplier{animation:.6s ease-out .2s reactor-receive}#app .feature-hud .current-spin b{color:#d7fff1;font-variant-numeric:tabular-nums;font-size:23px}#app #stage{width:min(100%,166.67svh - 413.342px)}#app .bonus-active #stage,body.bonus-active #app #stage{width:min(100%,166.67svh - 448.342px)}#app .controls{background:linear-gradient(#172b39f5,#0a1724);box-shadow:0 -1px #b897634a,0 -10px 25px #07101855}#app .feature-buy{background:linear-gradient(#65788a,#293c55);border-color:#dbbf7ca3;box-shadow:inset 0 1px #fff3,0 3px #0a1422}#app .win strong{color:#f7e2ad}#app #welcome{background:radial-gradient(at 25%,#305c6566,#0000 60%),linear-gradient(90deg,#06121da1,#090d25ed),url(/demos/cosmic-escape/assets/scene.webp) 50%/cover;padding:32px}.welcome-deck{grid-template-columns:.83fr 1.17fr;align-items:center;gap:24px;width:min(1070px,100%);display:grid}.welcome-crew{aspect-ratio:620/600;filter:drop-shadow(0 15px 22px #0009);width:100%;animation:.6s cubic-bezier(.2,.8,.3,1) both crew-board}.welcome-brief{text-align:left;min-width:0}#app #welcome .eyebrow{letter-spacing:6px;color:#9fdccc;margin:0 0 18px;font-size:11px}#app #welcome h2{letter-spacing:-2px;color:#ffecb4;text-shadow:0 3px #563b30,0 7px #07101a;margin:0;font:900 clamp(34px,5.2vw,67px)/.95 Trebuchet MS,Arial,sans-serif}#app #welcome h3{color:#d0b7ef;margin:23px 0 0;font-size:20px}#app #welcome p:not(.eyebrow){color:#c5d4dd;max-width:390px;margin:10px 0 22px;font-size:14px;line-height:1.6}#app #welcome .welcome-features{gap:16px;margin:0 0 26px;display:grid}#app #welcome .welcome-features b{color:#f6e3b8;font-size:13px}#app #welcome .welcome-features span{color:#becad8}#app #welcome small{margin-top:18px;font-size:10px;display:block}#app #welcome .primary{border:1px solid #fff5c799;min-width:215px;box-shadow:0 4px #866028,0 12px 30px #0004}#panel.route-picker{background:linear-gradient(135deg,#183043,#101b2b);width:min(960px,100% - 24px)}#panel.route-picker .panel-head{background:#10212ff5;border-color:#d0b27455}#panel.route-picker .mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}#panel.route-picker .mode-card{text-align:center;background:radial-gradient(at 50% 0,#7c509b75,#0000 65%),linear-gradient(#1b3446,#131a2b);border:1px solid #c8ab7773;border-radius:17px;flex-direction:column;align-items:center;gap:12px;min-height:310px;padding:16px 16px 20px;transition:transform .18s,border-color .18s;display:flex;box-shadow:inset 0 3px #ffffff0e}#panel.route-picker .mode-card[data-mode=istila]{background:radial-gradient(at 50% 0,#4d9c8270,#0000 65%),linear-gradient(#173a3d,#131a2b)}#panel.route-picker .mode-card[data-mode=yanki]{background:radial-gradient(at 50% 0,#6e64ac80,#0000 65%),linear-gradient(#283349,#131a2b)}#panel.route-picker .mode-card:hover:not(:disabled){border-color:#ffe0a0;transform:translateY(-3px)}#panel.route-picker .mode-portrait{flex-shrink:0;width:100px;height:100px;display:block;position:relative;top:auto;left:auto;transform:none}#panel.route-picker .mode-card strong{color:#fff0c9;align-self:center;font-size:18px;line-height:1.1}#panel.route-picker .mode-card>span{color:#9fe2d2;align-self:center;font-size:10px;line-height:1.5}#panel.route-picker .mode-card em{color:#c0cbd9;letter-spacing:0;min-height:48px;margin:9px 0 0;font-size:11px;font-style:normal;display:block}#panel.route-picker .mode-card b{text-align:center;border-top:1px solid #d6b98145;align-self:stretch;margin-top:auto;padding-top:14px;font-size:25px}#panel.route-picker .mode-card b small{color:#c9c2af;font-size:8px}#app .feature-screen[data-scene=departure]{background:radial-gradient(at 30% 40%,#3b71867a,#0000 65%),linear-gradient(110deg,#142338fa,#111629f9)}#app .feature-screen[data-scene=departure]:before,#app .feature-screen[data-scene=departure]:after{display:none}#app .mission-brief .portal-award{isolation:isolate;background:radial-gradient(circle,#191428 30%,#0000 68%);border-radius:50%}#app .mission-brief .portal-art{opacity:.7}#app .mission-brief .feature-count{color:#fff1b7;text-shadow:0 3px #70442c;-webkit-text-fill-color:initial;filter:drop-shadow(0 5px 8px #000b);background:0 0}#app .mission-multiplier{background:#071c285e;border-color:#a5dfd745;border-radius:8px}#app .feature-screen[data-scene=summary]{background:radial-gradient(at 50% 48%,#23485bf2,#091522fa 74%)}#app .feature-screen[data-scene=summary]:before{display:none}#app .summary-seal{color:#9ae4d6;border-color:#a5d6c745;border-radius:10px}#app .win-show{--award-color:#ffe2a0;background:radial-gradient(at 50% 75%,#94732c55,#061e2fe8 60%,#060d1df5)}#app .award-content{width:min(88%,950px);padding-bottom:0;transform:translateY(-36px)}#app .award-title{letter-spacing:-4px;filter:drop-shadow(0 3px #996027)drop-shadow(0 6px #25182c);font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:clamp(55px,8vw,104px);font-weight:1000;line-height:.96;transform:rotate(-3deg)}#app .award-title span{-webkit-text-stroke:0;background:linear-gradient(#fff8d0,#ffd25e);animation:.55s cubic-bezier(.17,.8,.3,1.15) both loot-title}#app .win-show[data-tier="1"] .award-title span{background-image:linear-gradient(#fff4ff,#e1a9ff)}#app .win-show[data-tier="2"] .award-title{max-width:850px;font-size:clamp(43px,6.9vw,83px)}#app .win-show[data-tier="2"] .award-title span:last-child{width:auto;font-size:1em}#app .award-eyebrow{color:#bbe0dc;border:0;margin-bottom:16px;padding:0}#app .award-caption{color:#c6d6df;margin-top:16px}#app .award-amount{letter-spacing:-2px;text-shadow:0 3px #453122,0 4px 20px #000;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(45px,6.5vw,81px);font-weight:900}#app .award-track{margin:12px 0}#app .award-skip{background:#0a1a2be0;border-color:#d7be7b70}#app .award-captain{width:min(20vw,215px);bottom:1%;right:4%}.loot-vault{aspect-ratio:1;z-index:1;filter:drop-shadow(0 -5px 22px #eac46636);background:url(/demos/cosmic-escape/assets/loot-v17.png) 50%/contain no-repeat;width:clamp(170px,32vh,330px);animation:.7s cubic-bezier(.2,.8,.2,1) both vault-open;position:absolute;bottom:-46px;left:50%;transform:translate(-50%)}.loot-vault>*{display:none}#app .award-rays{background:repeating-conic-gradient(#0000 0deg 17deg,#f7c56316 19deg 26deg,#0000 27deg 45deg);width:min(900px,110vw);top:73%;-webkit-mask-image:radial-gradient(circle,#000 0,#0007 25%,#0000 62%);mask-image:radial-gradient(circle,#000 0,#0007 25%,#0000 62%)}#app .award-coins{z-index:2}#app .award-coin{clip-path:none;color:#855526;animation:loot-flight var(--flight) ease-out var(--delay) infinite;background:linear-gradient(125deg,#fff2a7,#efad3c);border:1px solid #f6db8b;border-radius:50%;top:75%;box-shadow:2px 2px #805125}@keyframes loot-flight{0%{opacity:0;transform:translateY(10px)scale(.4)}15%{opacity:1}65%{opacity:1}to{opacity:0;transform:translate(calc(var(--x)*9px),-65vh) rotate(calc(var(--turn)*160deg)) scale(1)}}@keyframes vault-open{0%{opacity:0;transform:translate(-50%,55px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes loot-title{0%{opacity:0;transform:translateY(45px)scale(.75)}65%{opacity:1;transform:translateY(-3px)scale(1.025)}to{opacity:1;transform:none}}@keyframes reactor-charge{50%{filter:drop-shadow(0 0 18px #c0fff1);transform:scale(1.4)rotate(30deg)}}@keyframes reactor-transfer{0%{opacity:0;transform:translate(-32px)scale(.7)}30%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(42px)scale(.9)}}@keyframes reactor-receive{50%{color:#b4ffed;transform:scale(1.14)}}@keyframes dock-lock{50%{transform:scale(1.4)}}@keyframes crew-board{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes patrol-light{50%{opacity:.5;transform:translate(4%)}}@keyframes echo-space{50%{opacity:.4;transform:scale(1.05)}}@media (width<=1100px){#app .feature-hud{max-width:calc(166svh - 451.52px)}}@media (width<=700px){#app #stage,body.bonus-active #app #stage{width:100%}#app .feature-hud{gap:5px;width:95%;max-width:none;margin-bottom:-1px;padding:6px}#app .feature-hud>div:not(.feature-name){min-width:55px;padding:5px 4px}#app .feature-hud small{letter-spacing:.3px;font-size:6px}#app .feature-hud strong{font-size:22px}#app .feature-name{letter-spacing:0;min-width:85px;font-size:7px}#reactor{gap:3px;height:26px}#reactor i{font-size:23px}#reactor small{display:none}#reactor b{font-size:15px}#app .feature-hud .current-spin{min-width:69px}#app .feature-hud .current-spin b{font-size:18px}.portal-dock{gap:8px;padding:9px 0 5px}.portal-dock i{width:9px;height:9px}#app .captain{bottom:calc(100% + 16px);right:5px}body.bonus-active #app .captain{bottom:calc(100% + 65px)}#app #welcome{padding:20px 22px}.welcome-deck{flex-direction:column;gap:0;max-width:390px;display:flex}.welcome-crew{width:150px;margin-bottom:-15px}.welcome-brief{text-align:center;width:100%}#app #welcome .eyebrow{letter-spacing:4px;margin-bottom:11px;font-size:8px}#app #welcome h2{letter-spacing:-1.6px;font-size:clamp(32px,9vw,44px)}#app #welcome h3{margin-top:17px;font-size:15px}#app #welcome p:not(.eyebrow){max-width:260px;margin:8px auto 16px;font-size:11px}#app #welcome .welcome-features{gap:10px;max-width:250px;margin:0 auto 19px}#app #welcome .welcome-features b{font-size:11px}#app #welcome .welcome-features span{font-size:9px}#app #welcome small{margin-top:15px;font-size:9px}#panel.route-picker .mode-list{grid-template-columns:1fr;gap:10px}#panel.route-picker .mode-card{text-align:left;grid-template-columns:65px 1fr 74px;gap:5px 8px;min-height:130px;padding:12px;display:grid}#panel.route-picker .mode-portrait{grid-area:1/1/3;width:65px;height:65px}#panel.route-picker .mode-card strong{grid-column:2;align-self:end;font-size:14px}#panel.route-picker .mode-card>span{grid-column:2;align-self:start;font-size:8px}#panel.route-picker .mode-card em{min-height:0;margin-top:6px;font-size:10px}#panel.route-picker .mode-card b{border:0;border-left:1px solid #d6b98145;grid-area:1/3/3;align-self:center;margin:0;padding:12px 0 12px 8px;font-size:17px}#panel.route-picker .mode-card b small{letter-spacing:.2px;font-size:6px}#app .win-show{bottom:calc(170px + env(safe-area-inset-bottom))}#app .award-content{width:94%;transform:translateY(-34px)}#app .award-title{letter-spacing:-2px;font-size:clamp(47px,13vw,74px)}#app .win-show[data-tier="2"] .award-title{font-size:clamp(35px,9.5vw,50px)}#app .award-caption,#app .award-eyebrow{letter-spacing:1px;font-size:8px}#app .award-amount{font-size:clamp(39px,11vw,65px)}#app .award-captain{width:100px;bottom:0;right:0}.loot-vault{width:190px;bottom:-24px}}@media (height<=560px) and (width>=701px){#app #stage{width:calc(166.67svh - 331.673px)}body.bonus-active #app #stage{width:calc(166.67svh - 391.675px)}#app .feature-hud{gap:5px;width:calc(166.67svh - 391.675px);max-width:none;padding:3px 6px}#app .feature-hud>div:not(.feature-name){min-width:50px;padding:2px 5px}#app .feature-hud strong{font-size:18px}#app .feature-hud .current-spin b{font-size:17px}#app .feature-name{min-width:72px;font-size:7px}#app .feature-hud small{font-size:6px}#reactor{height:20px}#reactor i{font-size:19px}#reactor small{display:none}.portal-dock{padding:6px 0 1px}.portal-dock i{width:7px;height:7px}#app #welcome{padding:15px 30px}.welcome-deck{grid-template-columns:.65fr 1.35fr;gap:20px;max-width:720px}.welcome-crew{width:210px}#app #welcome h2{font-size:35px}#app #welcome h3{margin-top:12px;font-size:16px}#app #welcome .eyebrow{margin-bottom:10px;font-size:8px}#app #welcome p:not(.eyebrow){margin:6px 0 10px;font-size:11px}#app #welcome .welcome-features{gap:12px;margin:0 0 15px;display:flex}#app #welcome .welcome-features b{font-size:10px}#app #welcome .welcome-features span{font-size:8px}#app #welcome small{margin-top:12px;font-size:8px}#app .award-content{transform:translateY(-5px)}#app .award-title{font-size:50px}#app .win-show[data-tier="2"] .award-title{font-size:40px}#app .award-amount{font-size:41px}#app .award-caption{margin:9px 0 0}#app .award-eyebrow{margin-bottom:8px}.loot-vault{width:160px;bottom:-18px;left:13%}#app .award-captain{width:135px;right:0}#app .award-track{margin:8px 0}}.reduced-motion #app:after,.reduced-motion #app .loot-vault{animation:none!important}#app .feature-hud{width:min(95%,var(--board-width,870px));max-width:none}#app .award-title span{-webkit-background-clip:text;background-clip:text}#app .win-show{background:radial-gradient(at 50% 75%,#47422ff5,#071c2af5 60%,#060d1dfa)}#app .win-show[data-tier="1"]{background:radial-gradient(at 50% 70%,#493451f5,#151d31f7 65%,#090d22fa)}#app .win-show[data-tier="2"]{background:radial-gradient(at 50% 65%,#305153f5,#102736f7 65%,#080f21fa)}.portal-travel{inset:var(--luelon-bar,60px) 0 0;z-index:14;pointer-events:auto;background:radial-gradient(#49778a,#1b2341 50%,#0b1726);place-items:center;display:grid;position:fixed;overflow:hidden}.portal-travel i{aspect-ratio:1;filter:drop-shadow(0 0 28px #e3ae6677);background:url(/demos/cosmic-escape/assets/symbols-v3.webp) 100% 100%/300% 300%;width:min(60vh,420px);animation:2s linear infinite portal-circulate}.portal-travel span{background:repeating-conic-gradient(#c3eafd00 0deg 18deg,#c3eafd16 20deg 24deg,#c3eafd00 27deg 45deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 5%,#000 40%,#0000 75%);mask-image:radial-gradient(circle,#0000 5%,#000 40%,#0000 75%)}#panel.route-picker .mode-card[data-mode=kaos] .mode-portrait{animation:24s linear infinite portal-circulate}#panel.route-picker .mode-card[data-mode=istila] .mode-portrait{animation:3.2s ease-in-out infinite ship-hover}#panel.route-picker .mode-card[data-mode=yanki] .mode-portrait{animation:5s ease-in-out infinite echo-turn}#app .feature-screen[data-scene=summary] .summary-amount{animation:.38s ease-out both award-rise}@keyframes ship-hover{50%{transform:translateY(-5px)rotate(-3deg)}}@keyframes echo-turn{50%{transform:rotate(13deg)scale(1.04)}}@media (width<=700px){#app .game{justify-content:center;padding-top:0}#app .stage-shell{flex:none;width:100%}#app #stage{aspect-ratio:5/3;flex:0 0 100%;width:100%;height:auto}#app .message-strip{min-height:43px}.welcome-crew{margin-bottom:0}}#app .award-title{letter-spacing:.005em;filter:drop-shadow(0 3px #a85d27)drop-shadow(0 6px #4a2925)drop-shadow(0 12px 12px #030915aa);font-family:Impact,Arial Black,Arial,sans-serif;font-weight:900;line-height:1.04;transform:rotate(-3deg)}#app .award-title span{-webkit-text-fill-color:currentColor;color:#ffdf80;-webkit-text-stroke:1px #fff4c6;text-shadow:0 -2px #fff8da,0 3px #b9702b;background:0 0;animation:.56s cubic-bezier(.12,.72,.23,1) both cosmic-title-strike}#app .award-title span:nth-child(2){animation-delay:55ms}#app .award-title span:nth-child(3){animation-delay:95ms}#app .win-show[data-tier] .award-title span{background:0 0}#app .win-show[data-tier="1"] .award-title span{color:#f8bce8;-webkit-text-stroke-color:#ffeaf9;text-shadow:0 -2px #fff0fc,0 3px #a15183}#app .win-show[data-tier="2"] .award-title span{color:#bcfff0;-webkit-text-stroke-color:#f3ffed;text-shadow:0 -2px #fffbea,0 3px #329b91}#app .award-amount{letter-spacing:-2px;font-family:Arial Black,Arial,sans-serif;font-weight:900}.award-impact{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.award-impact i{aspect-ratio:1;border:3px solid var(--award-color);opacity:0;width:min(55vw,440px);box-shadow:0 0 24px color-mix(in srgb,var(--award-color),transparent 70%);border-radius:50%;animation:.75s ease-out both cosmic-impact;position:absolute}.award-impact i:nth-child(2){border-width:1px;animation-delay:90ms}.award-impact i:nth-child(3){border-width:1px;animation-delay:.18s}#app .award-rays{animation-duration:24s}#app .award-skip{min-height:44px}@keyframes cosmic-title-strike{0%{opacity:0;transform:translateY(-35px)scale(1.34)rotate(-6deg)}46%{opacity:1;transform:translateY(4px)scale(.96)rotate(1deg)}72%{transform:translateY(-2px)scale(1.025)}to{opacity:1;transform:none}}@keyframes cosmic-impact{0%{opacity:0;transform:scale(.2)}12%{opacity:.62}to{opacity:0;transform:scale(2.6)}}.reduced-motion .award-impact{display:none}#panel.route-picker .mode-card[data-mode=istila] .mode-portrait{background:url(/demos/cosmic-escape/assets/mothership-v18.png) 50%/contain no-repeat;width:150px;height:110px}@media (width<=700px){#panel.route-picker .mode-card[data-mode=istila] .mode-portrait{width:65px;height:65px}#app .award-title{letter-spacing:0}#app .award-amount{letter-spacing:-1px}#app .brand{padding-right:66px}#app .brand h1{letter-spacing:-1.5px;font-size:clamp(25px,8vw,32px)}#app .brand>span{letter-spacing:1px;font-size:5.5px}#app .captain{width:68px;height:75px}#app .captain-art.captain-animated{width:75px}body.bonus-active #app .captain-art.captain-animated{width:65px}}#app .game{--play-width:min(1050px,calc(100vw - 340px),calc((100svh - 380px)*1.6667));justify-content:center}body.bonus-active #app .game{--play-width:min(1050px,calc(100vw - 340px),calc((100svh - 400px)*1.6667))}#app .brand>span{display:none}#app .brand h1{margin:2px 0 0;font-size:clamp(30px,3.4vw,42px)}#app .portal-dock{padding:7px 0}body.bonus-active #app .brand h1{margin:0 0 8px;font-size:26px}#app .stage-shell{flex:none}#app .mission-card{width:150px;margin-right:0}#app #stage,body.bonus-active #app #stage{flex:0 0 var(--play-width);width:var(--play-width);aspect-ratio:5/3;max-width:1050px;height:auto}#app .feature-hud{width:var(--play-width);max-width:none;margin:0 auto -4px}#app .feature-hud .current-spin{display:none}#app .message-strip{flex:none;min-height:26px;padding:3px 10px;font-size:12px}.spin-readout{width:var(--play-width);z-index:2;background:radial-gradient(at 50% 0,#73d4cf20,#0000 75%);border-top:1px solid #74dfcd6b;justify-content:center;align-items:center;gap:18px;min-height:85px;margin:-2px auto 0;display:flex;position:relative}.spin-figure{text-align:center;min-width:200px}.spin-figure small{color:#d6b978;letter-spacing:2px;font-size:10px;font-weight:800;display:block}.spin-figure strong{color:#fff0c5;letter-spacing:-1px;text-shadow:0 2px #705225,0 0 25px #ffcd7740;font-variant-numeric:tabular-nums;font:900 clamp(30px,3.2vw,46px)/1.12 Arial Black,Arial,sans-serif;display:block}.spin-figure span{color:#c4d3e4;min-height:17px;font-size:11px;line-height:1.5;display:block}.spin-readout[data-state=pending] strong{color:#c3ccdc;text-shadow:none}.spin-readout[data-state=empty] strong{color:#b3c0d0;text-shadow:none}.payout-details-button{color:#d3f9ed;letter-spacing:.5px;background:#112c3b;border:1px solid #789f9c75;border-radius:8px;min-height:44px;padding:10px;font-size:10px;font-weight:700}.payout-details-button:disabled{opacity:.4}.payout-details-button:hover:not(:disabled){background:#244c5a}#app .controls .utility{min-width:146px}.speed-chooser{flex-direction:column;gap:5px;width:146px;display:flex}.speed-chooser>small{text-align:center;color:#b8c7d5;letter-spacing:1.6px;font-size:9px}.speed-choices{background:#081722;border:1px solid #607889;border-radius:8px;gap:3px;padding:3px;display:flex}#app .controls .speed-choices button{color:#b7c8d7;background:0 0;border:0;border-radius:5px;flex:1;width:auto;min-width:0;height:38px;padding:0 7px;font-size:10px;font-weight:800}#app .controls .speed-choices button[aria-pressed=true]{color:#102630;background:#a0eddb;box-shadow:0 0 12px #59ddb82a}#app .controls .win strong{font-size:clamp(26px,2.8vw,36px)}.payout-lines{gap:8px;display:grid}.payout-line{border-bottom:1px solid #ffffff20;grid-template-columns:1fr auto;gap:5px 16px;padding:12px;display:grid}.payout-line small{color:#c0c7d5}.payout-line strong{color:#ffe3a2}.payout-total{color:#ffe3a2;justify-content:space-between;padding:15px 12px;font-size:20px;display:flex}.line-diagram{grid-template-columns:repeat(5,12px);justify-self:end;gap:2px;display:grid}.line-diagram i{background:#ffffff18;border-radius:2px;height:8px}.line-diagram i.paid{background:#a0eddb;box-shadow:0 0 4px #a0eddb44}@media (width<=700px){#app .game,body.bonus-active #app .game{--play-width:100%;padding-top:6px;padding-bottom:6px}#app #stage,body.bonus-active #app #stage{flex:0 0 100%;width:100%;max-width:100%}.spin-readout{gap:8px;min-height:83px;padding:5px 10px}.spin-figure{flex:1;min-width:0}.spin-figure strong{font-size:33px}.spin-figure small{letter-spacing:1px;font-size:8px}.spin-figure span{font-size:10px}.payout-details-button{max-width:90px;padding:8px;font-size:9px}#app .controls{grid-template-rows:44px 44px 62px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-height:190px;padding-top:8px;padding-bottom:8px}#app .controls .utility{grid-area:2/1/auto/3;width:100%;min-width:0}.speed-chooser{gap:0;width:100%}.speed-chooser>small{display:none}.speed-choices{height:44px}.speed-choices button{height:36px!important;font-size:10px!important}#app .controls .balance{grid-area:1/1/auto/3}#app .controls .win{grid-area:1/3/auto/5}#app .controls .win strong{font-size:24px}#app .controls .feature-buy{grid-area:2/3/auto/5}#app .controls .bet-control{grid-area:3/1/auto/4;justify-self:center;width:100%;max-width:240px}#app .controls .spin{grid-area:3/4;justify-self:center;width:58px;height:58px}#app .controls .spin svg{width:34px;height:34px}#app .feature-screen,#app .win-show{bottom:calc(190px + env(safe-area-inset-bottom))}#app .feature-hud{gap:6px;width:96%}#app .feature-name{min-width:80px}#app .message-strip{min-height:30px;font-size:10px}}@media (height<=560px) and (width>=701px){#app .game{--play-width:min(650px,calc(100vw - 300px),calc((100svh - 215px)*1.6667));padding-top:0}#app .brand{display:none}body.bonus-active #app .game{--play-width:min(650px,calc(100vw - 300px),calc((100svh - 255px)*1.6667))}.spin-readout{gap:10px;min-height:57px}.spin-figure strong{font-size:27px}.spin-figure small{font-size:7px}.spin-figure span{font-size:9px}.payout-details-button{min-height:34px;padding:6px;font-size:8px}#app .message-strip{min-height:20px;font-size:9px}#app .controls .utility{min-width:125px}.speed-chooser{width:125px}.speed-chooser>small{display:none}}