@font-face{font-family:HEV;src:url('fonts/hev-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:HEV;src:url('fonts/hev-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{font-family:HEV,Arial,sans-serif;color:#edf0e9;background:#15232b;font-synthesis:none;--orange:#f69a4b;--pale:#eeeede;--cyan:#8bcedb;--edge:#dbe4da3d}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}
button,a{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #f7bd82;outline-offset:5px}[hidden]{display:none!important}
#world{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}
.brand{position:fixed;z-index:12;left:max(4%,env(safe-area-inset-left));top:max(28px,env(safe-area-inset-top));display:flex;align-items:center;gap:13px;text-shadow:0 2px 12px #081317;font-size:12px;letter-spacing:1.8px;white-space:nowrap}
.brand strong{font-size:22px;letter-spacing:-1px}.brand i{font-style:normal;color:#b2bebc80;font-size:20px;font-weight:400}.brand span{font-size:11px;letter-spacing:1.5px}
.utilities{position:fixed;right:max(4%,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;gap:6px;z-index:15}
.icon-button{width:39px;height:39px;border:1px solid #d6e5de30;background:#11202776;display:grid;place-items:center;color:#e6e6d6;transition:background .15s}.icon-button:hover{background:#263d46}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.mute-slash{display:none}.muted .mute-slash{display:block}
#main-menu{position:fixed;inset:0;z-index:3;pointer-events:none}.menu-copy{position:absolute;left:8%;top:24%;width:min(48%,650px);pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;color:#edb37a;font-size:12px;line-height:1.35;letter-spacing:3px;font-weight:700;margin:0 0 23px}.eyebrow>span{width:23px;height:1px;background:currentColor}
h1{font-size:clamp(42px,6.35vw,100px);font-weight:400;line-height:1;letter-spacing:1px;white-space:nowrap;margin:0 0 20px;color:var(--pale);text-shadow:0 4px 22px #091a20;position:relative}.title-two{display:inline-block;font-size:.47em;vertical-align:top;line-height:1.25;margin:0 0 0 .17em;font-weight:700;color:var(--orange)}.genre{display:block;font-size:clamp(16px,1.7vw,24px);font-weight:700;letter-spacing:9px;color:var(--orange);margin-bottom:29px}.intro{font-size:18px;line-height:1.6;margin:0 0 30px;color:#e2e4da;letter-spacing:.3px;text-shadow:0 2px 7px #122226}
.main-actions{display:grid;gap:10px;width:min(100%,306px)}.button{min-height:49px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #c5d5ce50;background:#152b327e;font-size:13px;letter-spacing:2px;font-weight:700;transition:background .15s,transform .15s,color .15s;line-height:1.15}.button:hover{background:#25434a;transform:translateX(3px)}.button.primary{background:var(--orange);color:#19262b;border-color:#ffc594}.button.primary:hover{background:#ffb776}.button.primary:disabled{background:var(--orange);color:#19262b}.button>span:last-child:not(:first-child){font-size:22px;line-height:.7;font-weight:400}
.secondary-actions{display:flex;flex-wrap:wrap;column-gap:23px;align-items:center;width:min(100%,420px);margin-top:10px}.text-button{background:transparent;border:0;padding:12px 0;color:#d6e0db;font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.45;min-height:40px;text-align:left}.text-button:hover{color:var(--orange);text-decoration:underline;text-underline-offset:5px}.chapter-stamp{position:absolute;bottom:8%;right:6%;display:flex;align-items:center;gap:21px;letter-spacing:2px;text-shadow:0 2px 8px #081218}.chapter-stamp span{font-size:11px;color:#c6d4d1;border-right:1px solid #becfca50;padding-right:21px}.chapter-stamp strong{font-size:18px;font-weight:400}.menu-copy #load-error{font-size:12px;line-height:1.4;color:#ffd4aa;max-width:306px}
#hud{position:fixed;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#08151de8,transparent 180px)}.vitals{position:absolute;top:30px;left:3.7%;width:228px}.health-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.3px}.health-heading strong{font-size:12px;font-weight:700}.health-heading span{font-size:12px;color:#d5ddd6}.health-track{margin-top:10px;height:7px;border:1px solid #bfdfd15a;background:#08151c99}.health-track div{width:100%;height:100%;background:var(--orange);transition:width .12s}.suit-row{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;letter-spacing:1.9px;color:#c2d8d0}.suit-row #combo-value{color:var(--orange);font-weight:700;letter-spacing:.9px}.energy-heading{display:flex;gap:14px;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#a8d7e3;margin-top:18px;width:158px}.energy-heading strong{font-size:12px;line-height:.8;font-weight:400}.energy-track{height:4px;background:#122f36;margin-top:7px;width:158px}.energy-track div{height:100%;width:100%;background:#83cedd;transition:width .12s}
.mission{position:absolute;left:50%;top:28px;text-align:center;transform:translateX(-50%);width:36%;display:grid;gap:9px}.mission>div{font-size:10px;color:#b4c5c9;letter-spacing:1.6px}.mission strong{font-size:17px;font-weight:400;letter-spacing:2px}.mission>span{font-size:10px;color:#d4d5c7;letter-spacing:1px}.score{position:absolute;right:calc(4% + 151px);top:26px;display:grid;gap:8px;text-align:right}.score>span{font-size:9px;letter-spacing:2px;color:#bdcaca}.score strong{font-size:24px;font-weight:400;letter-spacing:2px}#boss-hud{position:absolute;top:112px;left:50%;transform:translateX(-50%);width:min(370px,40%);text-align:center}#boss-label{font-size:11px;letter-spacing:1.8px;color:#fac391}.boss-track{height:5px;background:#132834;border:1px solid #7b6b5760;margin-top:9px}.boss-track>div{height:100%;background:#ed8848;transition:width .16s}
#notice{position:fixed;z-index:6;top:23%;left:50%;transform:translate(-50%,-7px);width:max-content;max-width:70%;padding:9px 16px;border-left:2px solid var(--orange);background:#142631d9;color:#f6dfbe;font-size:13px;letter-spacing:1px;line-height:1.5;text-align:center;white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#notice.show{opacity:1;transform:translate(-50%,0)}
#keyboard-guide{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:22px;white-space:nowrap;color:#e0e4dbb0;font-size:9px;letter-spacing:1.2px;z-index:5;pointer-events:none}kbd{font:inherit;border:1px solid #becfca50;padding:4px 6px;color:#e1e5db}#keyboard-guide span{display:flex;gap:8px;align-items:center}
#touch-controls{position:fixed;inset:0;z-index:7;pointer-events:none}#stick{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:max(25px,env(safe-area-inset-left));width:118px;height:118px;border:1px solid #c9dbdb5a;border-radius:50%;background:#0b1c2c73;pointer-events:auto;touch-action:none}.stick-cross{position:absolute;inset:23px;border-radius:50%;border:1px solid #d4ece12d}.stick-cross:after,.stick-cross:before{content:'';position:absolute;background:#ccdfd84a;left:50%;top:0;width:1px;height:100%}.stick-cross:after{transform:rotate(90deg)}#stick-knob{position:absolute;left:34px;top:34px;width:48px;height:48px;border:1px solid #d9d9c770;background:#acb8b555;border-radius:50%;box-shadow:0 3px 12px #0006;pointer-events:none}
.touch-actions{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(2,62px);grid-template-rows:repeat(2,62px);gap:9px;pointer-events:auto}.touch-action{position:relative;overflow:hidden;border:1px solid #becfd678;border-radius:50%;background:#123442b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;touch-action:none;user-select:none;color:#e7e6d4}.touch-action>span{font-size:24px;line-height:1}.touch-action small{font-size:8px;letter-spacing:.6px}.touch-action.crowbar{background:#f49a48dc;color:#13252b;border-color:#ffcc98}.touch-action.gravity{color:#a4e4f6}.touch-action.pressed{background:#edf3dd;color:#182d35}.cooldown{position:absolute;bottom:0;left:0;width:100%;height:0;background:#0b162caf;pointer-events:none}.touch-action>span,.touch-action>small{position:relative;z-index:1}
#overlay{position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,#0b1922f0,#0a1a23c9 60%,#0a1a2380)}.panel{position:absolute;left:8%;top:50%;transform:translateY(-47%);width:min(750px,84%)}.panel .eyebrow{margin-bottom:17px}.panel h2{font-weight:400;font-size:clamp(28px,4.2vw,59px);line-height:1.08;letter-spacing:1px;margin:0 0 25px}.panel p{font-size:16px;line-height:1.55;color:#c8d7d4;margin:0 0 15px}.panel #panel-kicker{font-size:12px;color:var(--orange)}#panel-actions{display:flex;flex-wrap:wrap;gap:10px 12px;max-width:650px;margin-top:27px}#panel-actions>.button{min-width:228px;justify-content:center}.panel-secondary{width:100%;display:flex;gap:25px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}.control-row{display:flex;gap:14px;align-items:flex-start}.control-row kbd{min-width:54px;text-align:center;font-size:12px;line-height:1.2;padding:7px 5px}.control-row strong{display:block;font-size:13px;letter-spacing:1px;color:#eef0e3;margin:1px 0 6px}.control-row small{display:block;font-size:13px;line-height:1.45;color:#afc6c7}.panel .help-tip{font-size:13px;max-width:690px;margin-top:24px;color:#d8b790}.stats{display:flex;gap:44px;margin:25px 0}.stats div{display:grid;gap:8px}.stats span{font-size:10px;color:#abc2c5;letter-spacing:1.4px}.stats strong{font-size:27px;font-weight:400;letter-spacing:2px}.chapters-mini{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0 18px}.chapters-mini span{font-size:9px;color:#6e8e97;letter-spacing:1px}.chapters-mini .done{color:#afd1cf}.chapters-mini .active{color:var(--orange)}
#chapter-transition{position:fixed;inset:0;z-index:30;background:#09151d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;transition:opacity .55s}.visible#chapter-transition{opacity:1;pointer-events:auto}#chapter-transition p{color:var(--orange);letter-spacing:4px;font-size:12px}#chapter-transition h2{font-weight:400;font-size:clamp(30px,5vw,65px);letter-spacing:5px;margin:10px 20px 25px}#chapter-transition>span{font-size:10px;letter-spacing:3px;color:#8faab1}
@media(max-width:1000px){.menu-copy{left:7%;top:23%;width:51%}.brand{left:4%;top:22px}.brand strong{font-size:20px}.brand span{font-size:9px;letter-spacing:1px}.utilities{top:18px}.vitals{width:188px;top:24px}.health-heading,.health-heading strong,.health-heading span{font-size:10px}.mission{top:25px;width:34%}.mission strong{font-size:14px}.mission>div{font-size:8px;letter-spacing:1px}.score{right:calc(4% + 140px)}.score strong{font-size:19px}.score>span{font-size:8px}.icon-button{width:34px;height:34px}.intro{font-size:16px}.genre{letter-spacing:6px}.panel h2{font-size:40px}}
@media(orientation:portrait){.brand{top:max(24px,env(safe-area-inset-top));left:6%;gap:9px}.brand strong{font-size:19px}.brand span{font-size:8px;letter-spacing:1px}.brand i{font-size:16px}.utilities{top:max(20px,env(safe-area-inset-top));right:5%;gap:5px}.icon-button{width:31px;height:31px}.icon-button svg{width:19px;height:19px}.menu-copy{top:15%;left:7%;width:86%}.eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:21px}h1{font-size:clamp(44px,11.7vw,83px);margin-bottom:15px;letter-spacing:.1px}.genre{font-size:17px;letter-spacing:6px;margin-bottom:23px}.intro{font-size:15px;margin-bottom:22px;line-height:1.45}.main-actions{width:min(73%,300px);gap:8px}.button{min-height:45px;font-size:11px;padding:13px 18px;letter-spacing:1.4px}.secondary-actions{width:90%;column-gap:17px;margin-top:5px}.text-button{font-size:9px;letter-spacing:1.1px}.chapter-stamp{bottom:4%;right:7%;gap:13px}.chapter-stamp span{font-size:8px;padding-right:13px;letter-spacing:1px}.chapter-stamp strong{font-size:13px;letter-spacing:1.3px}.vitals{left:5%;top:24px;width:177px}.health-heading,.health-heading strong,.health-heading span{font-size:9px}.suit-row{font-size:8px}.energy-heading{margin-top:13px;font-size:8px;width:134px}.energy-track{width:134px}.score{top:64px;right:6%;gap:4px}.score strong{font-size:17px}.score>span{font-size:8px}.mission{top:143px;width:90%;gap:7px}.mission strong{font-size:16px}.mission>div{font-size:9px}.mission>span{font-size:9px}#boss-hud{top:212px;width:72%}#boss-label{font-size:9px}#notice{top:31%;font-size:10px;max-width:88%;padding:8px 12px}.panel{left:7%;width:86%;top:50%;transform:translateY(-43%)}.panel h2{font-size:31px;margin-bottom:22px}.panel p{font-size:14px}.panel #panel-kicker{font-size:10px}.controls-grid{grid-template-columns:1fr;gap:14px}.control-row{gap:13px}.control-row kbd{min-width:54px;font-size:11px;padding:7px}.control-row strong{font-size:11px;margin-bottom:3px}.control-row small{font-size:12px}.panel .help-tip{font-size:11px;margin-top:19px}.panel .eyebrow{margin-bottom:14px}#panel-actions{margin-top:22px;gap:9px}#panel-actions>.button{flex:1;min-width:130px;padding:14px 12px;white-space:nowrap;letter-spacing:1px}.panel-secondary{gap:24px}.stats{gap:27px;margin:20px 0}.stats strong{font-size:22px}.stats span{font-size:8px}.chapters-mini{gap:10px 12px;margin:20px 0}.chapters-mini span{font-size:8px}}
@media(max-height:530px) and (orientation:landscape){.brand{top:14px;left:4%;gap:9px}.brand strong{font-size:17px}.brand span{font-size:8px;letter-spacing:1px}.utilities{top:10px;right:3%}.icon-button{width:30px;height:30px}.icon-button svg{width:18px;height:18px}.menu-copy{top:24%;left:7%;width:52%}.eyebrow{font-size:9px;margin-bottom:13px;letter-spacing:2px}h1{font-size:clamp(40px,7vw,70px);margin-bottom:12px}.genre{font-size:13px;letter-spacing:5px;margin-bottom:17px}.intro{display:none}.main-actions{width:228px;gap:7px}.button{min-height:39px;padding:11px 16px;font-size:10px;letter-spacing:1.4px}.secondary-actions{margin-top:1px;gap:12px}.text-button{min-height:33px;padding:9px 0;font-size:8px;letter-spacing:1px}.chapter-stamp{bottom:7%;right:5%;gap:13px}.chapter-stamp strong{font-size:12px}.chapter-stamp span{font-size:8px;padding-right:13px;letter-spacing:1px}.vitals{top:16px;left:3%;width:153px}.health-heading,.health-heading strong,.health-heading span{font-size:8px}.health-track{margin-top:7px;height:5px}.suit-row{margin-top:4px;font-size:7px}.energy-heading{font-size:7px;margin-top:10px;width:115px}.energy-heading strong{font-size:10px}.energy-track{width:115px;height:3px;margin-top:5px}.mission{top:16px;width:37%;gap:5px}.mission>div{font-size:7px;letter-spacing:.4px}.mission strong{font-size:11px;letter-spacing:1px}.mission>span{font-size:7px;letter-spacing:.4px}.score{right:3%;top:47px;gap:4px}.score strong{font-size:15px}.score>span{font-size:7px}#boss-hud{top:75px;width:34%}#boss-label{font-size:8px;letter-spacing:.8px}.boss-track{height:4px;margin-top:5px}#notice{top:29%;font-size:10px;max-width:65%;padding:5px 10px}.panel{top:54%;left:6%;width:88%;transform:translateY(-50%)}.panel .eyebrow{margin:0 0 9px;font-size:9px}.panel #panel-kicker{font-size:9px}.panel h2{font-size:27px;margin-bottom:11px}.panel p{font-size:11px;margin-bottom:9px}.controls-grid{gap:10px 16px}.control-row{gap:9px}.control-row kbd{font-size:9px;min-width:42px;padding:5px 3px}.control-row strong{font-size:10px;margin-bottom:3px}.control-row small{font-size:10px;line-height:1.3}.panel .help-tip{font-size:9px;line-height:1.35;margin:10px 0 0}#panel-actions{margin-top:13px;gap:7px 10px}#panel-actions>.button{min-width:173px;padding:10px 15px}.panel-secondary{width:auto;align-items:center;gap:16px}.stats{margin:12px 0;gap:27px}.stats span{font-size:7px;letter-spacing:1px}.stats strong{font-size:20px}.stats div{gap:4px}.chapters-mini{margin:12px 0;gap:10px}.chapters-mini span{font-size:7px}#stick{width:92px;height:92px;bottom:14px;left:18px}#stick-knob{width:38px;height:38px;left:26px;top:26px}.stick-cross{inset:18px}.touch-actions{bottom:12px;right:17px;grid-template-columns:repeat(2,48px);grid-template-rows:repeat(2,48px);gap:6px}.touch-action>span{font-size:19px}.touch-action small{font-size:7px}}
@media(max-height:360px) and (orientation:landscape){.menu-copy{top:23%}.eyebrow{margin-bottom:10px;font-size:8px}h1{font-size:41px;margin-bottom:10px}.genre{font-size:11px;margin-bottom:15px}.main-actions{width:215px}.button{min-height:35px;padding:10px 15px}.chapter-stamp{bottom:7%}.panel{top:55%}.panel h2{font-size:23px;margin-bottom:9px}.controls-grid{gap:8px 15px}.control-row small{font-size:9px}.control-row strong{font-size:9px}.panel .help-tip{font-size:8px;margin-top:9px}#panel-actions{margin-top:10px}.panel #panel-kicker{font-size:8px}#panel-actions>.button{min-width:148px;min-height:34px}.panel p{font-size:10px}}
@media(max-width:365px) and (orientation:portrait){.brand span{font-size:7px;letter-spacing:.5px}.brand strong{font-size:17px}.brand{gap:7px}.utilities{right:4%;gap:3px}.icon-button{width:28px;height:28px}.menu-copy{top:15%}h1{font-size:42px}.genre{font-size:15px}.main-actions{width:74%}.panel h2{font-size:27px}.controls-grid{gap:11px}.control-row small{font-size:11px}.panel .help-tip{font-size:10px}.touch-actions{right:17px;grid-template-columns:repeat(2,57px);grid-template-rows:repeat(2,57px);gap:7px}#stick{left:17px;width:107px;height:107px}#stick-knob{left:29px;top:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

@media(max-height:640px) and (orientation:portrait){.panel{top:52%;transform:translateY(-50%)}.panel h2{font-size:25px;margin-bottom:16px}.controls-grid{gap:10px}.panel .help-tip{margin-top:14px}#panel-actions{margin-top:16px}}

.main-actions>.more-games{width:100%}
#panel-actions>.primary{min-width:250px}
#panel-actions>.more-games{min-width:215px}
@media(orientation:portrait){#panel-actions>.primary{min-width:130px;flex:1.15}#panel-actions>.more-games{min-width:120px;flex:1}.text-button{font-size:10px}.control-row strong{font-size:12px}.control-row small{font-size:12px}}
@media(min-height:531px) and (max-height:680px) and (orientation:landscape){.menu-copy{top:21%}h1{font-size:min(6.35vw,12vh);margin-bottom:15px}.eyebrow{margin-bottom:17px}.genre{margin-bottom:18px}.intro{margin-bottom:20px;font-size:16px;line-height:1.4}.chapter-stamp{bottom:5%}}
@media(max-height:530px) and (orientation:landscape){#panel-actions>.primary{min-width:185px}#panel-actions>.more-games{min-width:163px}.control-row strong{font-size:11px}.control-row small{font-size:11px}.text-button{font-size:10px}.panel .help-tip{font-size:10px}}
@media(max-height:360px) and (orientation:landscape){.panel h2{font-size:22px}.panel .eyebrow{margin-bottom:7px}.control-row small{font-size:10px}.control-row strong{font-size:10px}.controls-grid{gap:7px 15px}.panel .help-tip{font-size:9px}#panel-actions>.primary{min-width:170px}#panel-actions>.more-games{min-width:150px}}