:root{color:#fff7db;font-synthesis:none;background:#020914;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 15%,#123d68,#020914 70%)}button{font:inherit}.app-center,.game-viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-shell{background:#071e3b;width:min(100vw,56.25vh);max-width:100%;height:min(100vh,177.778vw);max-height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #153e62,0 20px 70px #000000a6}.phaser-mount,.phaser-mount canvas{display:block;width:100%!important;height:100%!important}.hud{z-index:30;background:#031225eb;border:3px solid #6c91a9;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:42px;padding:0 10px;display:grid;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 3px #020914,inset 0 0 0 2px #153e62}.hearts{gap:4px;display:flex}.heart{color:#ff5e67;text-shadow:2px 2px #701f35;font-size:clamp(15px,3.4vh,22px);line-height:1}.heart.empty{color:#263e57;text-shadow:2px 2px #0d1b2b}.word-count{letter-spacing:1px;white-space:nowrap;font-size:clamp(12px,2.4vh,18px);font-weight:900}.hud-button{color:#fff7db;cursor:pointer;background:0 0;border:0;justify-self:end;width:30px;height:28px;padding:0;font-size:19px;font-weight:900}.instruction{z-index:25;text-align:center;color:#d8e8e8;letter-spacing:1px;text-shadow:2px 2px #071e3b;font-size:clamp(9px,1.8vh,13px);font-weight:900;position:absolute;top:61px;left:0;right:0}.dev-badge{z-index:25;color:#ffd46b;font-size:8px;position:absolute;top:84px;right:8px}.feedback{z-index:35;text-align:center;color:#fff7db;background:#031225e6;border:2px solid #6c91a9;width:max-content;max-width:92%;padding:5px 8px;font-size:clamp(8px,1.6vh,11px);font-weight:900;position:absolute;top:88px;left:50%;transform:translate(-50%)}.controls-hint{z-index:25;white-space:nowrap;background:#031225eb;border:3px solid #6c91a9;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:5px 8px;font-size:clamp(7px,1.5vh,10px);font-weight:900;display:flex;position:absolute;bottom:9px;left:10px;right:10px;box-shadow:0 3px #020914,inset 0 0 0 2px #153e62}.controls-hint i{background:#6c91a9;width:2px;height:18px}.mobile-controls{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;height:88px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.mobile-controls.disabled{opacity:0;visibility:hidden}.slide-pad{pointer-events:auto;touch-action:none;background:#031225c7;border:3px solid #6c91a9e0;width:146px;height:82px;position:relative;overflow:hidden;box-shadow:0 3px #020914,inset 0 0 0 2px #153e62}.slide-pad-arrow{z-index:0;color:#d8e8e88c;pointer-events:none;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.slide-pad-arrow.left{left:10px}.slide-pad-arrow.right{right:10px}.slide-pad .joystick{z-index:1!important}.slide-pad .back{border:2px solid #6c91a9;box-shadow:inset 0 0 0 2px #153e62}.slide-pad .front{border:2px solid #fff7db;box-shadow:2px 2px #020914}.jump-button{pointer-events:auto;touch-action:manipulation;color:#071e3b;background:#7ed2df;border:4px solid #fff7db;border-radius:50%;place-content:center;gap:1px;width:82px;height:82px;padding:0;font-size:11px;font-weight:900;display:grid;box-shadow:0 4px #153e62,0 7px #020914}.jump-button span{font-size:22px;line-height:18px}.jump-button:active{transform:translateY(4px);box-shadow:0 1px #020914}.has-touch-controls .controls-hint{display:none}.overlay{z-index:50;background:#020914b8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.pixel-panel{text-align:center;background:#071e3b;border:4px solid #d8e8e8;width:min(310px,92%);padding:24px 18px;box-shadow:0 0 0 4px #153e62,8px 8px #0000008c}.pixel-panel h1,.pixel-panel h2{color:#fff7db;letter-spacing:2px;text-shadow:3px 3px #165a86;margin:0 0 18px}.pixel-panel h1{font-size:clamp(28px,6vh,42px)}.pixel-panel h2{font-size:clamp(22px,4.5vh,32px)}.pixel-panel p{color:#d8e8e8;margin:8px 0;font-size:clamp(10px,2vh,14px);font-weight:700;line-height:1.45}.mini-help{color:#7ed2df;border:2px dashed #2b9bc1;margin:18px 0;padding:10px;font-size:clamp(9px,1.8vh,12px);font-weight:900;line-height:1.7}.pixel-button{cursor:pointer;color:#fff7db;background:#153e62;border:3px solid #6c91a9;min-width:150px;margin:6px;padding:10px 14px;font-weight:900;box-shadow:4px 4px #020914}.pixel-button:hover,.pixel-button:focus-visible{background:#1d5f87;outline:none}.pixel-button:active{transform:translate(3px,3px);box-shadow:1px 1px #020914}.pixel-button.primary{color:#071e3b;background:#7ed2df;border-color:#fff7db}.pixel-button.primary:hover{background:#a9edf2}.error-panel p{color:#ff9b9f}@media (height<=520px){.controls-hint{display:none}.instruction{top:56px}.pixel-panel{padding:16px 14px}}