*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:monospace}#game-container{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}#hud{position:absolute;inset:0;pointer-events:none;padding:12px;color:#fff;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#hud-left{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px}#hud-right{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;text-align:right}#hud-center{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center}#hud-bottom-center{position:absolute;bottom:24px;left:50%;transform:translate(-50%);text-align:center}#stamina-label{font-size:11px;color:#ccc;text-transform:uppercase;letter-spacing:1px}#stamina-container{width:160px;height:14px;background:#0009;border:1px solid #aaa;border-radius:2px}#stamina-bar{width:100%;height:100%;background:#4caf50;transition:width .1s linear}#goal-display{margin-top:4px;padding:6px 10px;background:#00000080;border-left:3px solid #ffd700;border-radius:2px;font-size:12px;color:#eee;max-width:260px;line-height:1.4}#goal-display:empty{display:none}#level-info{font-size:16px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}#waypoint-indicator{display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000073;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.3)}#waypoint-arrow{font-size:28px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6);transition:transform .1s linear;line-height:1}#waypoint-dist{font-size:12px;color:gold;white-space:nowrap}#minimap-container{position:absolute;bottom:12px;right:12px;pointer-events:none;border:2px solid rgba(255,255,255,.4);border-radius:4px;background:#00000080;overflow:hidden;box-shadow:0 2px 8px #00000080}#minimap-canvas{display:block;image-rendering:pixelated}#how-to-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d1;color:#fff;z-index:20}#how-to-play .htp-title{font-size:40px;color:gold;margin-bottom:8px;text-shadow:0 0 12px rgba(255,215,0,.5)}#how-to-play .htp-subtitle{font-size:16px;color:#aaa;margin-bottom:28px}#how-to-play .htp-controls{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:16px;line-height:1.6;margin-bottom:28px}#how-to-play .htp-key{text-align:right;color:gold;font-weight:700;white-space:nowrap}#how-to-play .htp-desc{color:#ddd}#how-to-play .htp-tips{font-size:14px;color:#bbb;text-align:center;line-height:1.8;max-width:420px;margin-bottom:24px}#how-to-play .htp-prompt{font-size:18px;color:gold;animation:blink 1.2s infinite}#landed-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,40px);background:#000000b3;color:#8f8;font-size:18px;padding:8px 20px;border-radius:20px;border:2px solid #88ff88;animation:blink 1.5s infinite;pointer-events:none;z-index:5;white-space:nowrap;text-shadow:0 0 6px rgba(136,255,136,.5)}#message-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;color:#fff;font-size:24px;text-align:center;z-index:10}#message-overlay h2{font-size:36px;margin-bottom:16px;color:gold}#message-overlay .stats{font-size:18px;line-height:1.8}#message-overlay .prompt{margin-top:24px;font-size:16px;color:#aaa;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}