html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#9fd4ff;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:relative}canvas{display:block;width:100%;height:100%}.game-over-modal,.player-name-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#04070b7a;color:#f7fbff;font-family:system-ui,sans-serif}.player-name-modal{z-index:6}.game-over-modal[hidden],.player-name-modal[hidden]{display:none}.game-over-panel,.player-name-panel{width:min(340px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080c12e0;box-shadow:0 20px 70px #00000073;padding:22px;text-align:center}.game-over-panel h2,.player-name-panel h2{margin:0 0 10px;font-size:26px;font-weight:760;letter-spacing:0}.game-over-panel p,.player-name-panel p{margin:0 0 18px;color:#c9d3dd;font-size:14px}.player-name-panel input{box-sizing:border-box;width:100%;min-height:42px;margin:6px 0 8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#f7fbff;font:15px/1 system-ui,sans-serif;padding:0 12px}.player-name-error{min-height:18px;color:#ffb2b2!important}.game-over-panel button,.player-name-panel button{width:100%;min-height:42px;border:0;border-radius:8px;background:#71d5ff;color:#071018;cursor:pointer;font:700 15px/1 system-ui,sans-serif}.game-over-panel button:hover,.player-name-panel button:hover{background:#9ce3ff}.game-over-panel button:focus-visible,.player-name-panel button:focus-visible,.player-name-panel input:focus-visible{outline:3px solid rgba(113,213,255,.42);outline-offset:3px}.leaderboard{position:absolute;top:16px;right:16px;z-index:2;width:min(260px,calc(100vw - 32px));color:#f7fbff;background:#060a10b8;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 10px 30px #00000040;padding:12px;font:13px/1.35 system-ui,sans-serif}.leaderboard-title{font-weight:760;margin-bottom:8px}.leaderboard-row{display:grid;grid-template-columns:28px minmax(0,1fr) 56px;gap:8px;align-items:center;min-height:22px}.leaderboard-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row span:last-child{text-align:right}.leaderboard-head{color:#aebcca;font-size:12px}.leaderboard-row:not(.leaderboard-head){text-shadow:0 1px 8px rgba(0,0,0,.55)}.npc-indicators{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;font-family:system-ui,sans-serif}.npc-indicator{position:absolute;display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}.npc-indicator[hidden]{display:none}.npc-indicator-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:11px solid currentColor;transform-origin:50% 50%}.npc-indicator-distance{min-width:28px;border-radius:8px;background:#060a108a;padding:2px 5px;color:currentColor;font-size:11px;font-weight:760;line-height:1.1;text-align:center;white-space:nowrap}@media (max-width: 720px),(pointer: coarse){[data-testid=hud]{display:none!important}.leaderboard{top:8px;right:8px;box-sizing:border-box;width:min(176px,calc(100vw - 16px));padding:7px 8px;font-size:10.5px;line-height:1.2;background:#060a1061;border-color:#ffffff14;box-shadow:0 6px 18px #00000029;opacity:.78}.leaderboard-title{margin-bottom:5px;font-size:11px}.leaderboard-row{grid-template-columns:20px minmax(0,1fr) 40px;gap:4px;min-height:16px}.leaderboard-head{font-size:10px}}