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