:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8faf5;background:#8ec7ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.game-shell{position:relative;width:100vw;height:100vh;height:100svh;height:100dvh;min-height:100%;overflow:hidden;background:#8ec7ea;isolation:isolate}.game-shell canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) auto max(14px,env(safe-area-inset-left));z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.hud-panel{border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#223226ad;box-shadow:0 14px 40px #0e1f1e3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-panel{display:grid;grid-template-columns:repeat(10,minmax(66px,max-content));gap:2px;padding:8px}.stat-panel div{min-width:70px;padding:6px 10px}.stat-panel span{display:block;margin-bottom:1px;color:#e8f2dbbd;font-size:.72rem;line-height:1.1}.stat-panel strong{display:block;color:#fff;font-size:clamp(.92rem,1.4vw,1.15rem);line-height:1.1;letter-spacing:0;white-space:nowrap;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}.hud-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff7db;background:#223226b3;box-shadow:0 12px 28px #0e1f1e38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.icon-button:hover{background:#374f31c7}.icon-button:focus-visible{outline:2px solid #ffdf6f;outline-offset:2px}.leaderboard-panel{position:absolute;top:max(74px,calc(env(safe-area-inset-top) + 74px));right:max(14px,env(safe-area-inset-right));z-index:4;width:min(292px,calc(100vw - 28px));padding:10px 12px 12px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f8faf5;background:#223226a3;box-shadow:0 14px 40px #0e1f1e38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.leaderboard-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#fff7db}.leaderboard-title strong{font-size:.86rem;line-height:1.1}.leaderboard-empty{margin:0;color:#e8f2dbbd;font-size:.78rem}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed}.leaderboard-table th,.leaderboard-table td{padding:5px 4px;overflow:hidden;color:#fffffff0;font-size:.78rem;line-height:1.15;text-align:right;text-overflow:ellipsis;white-space:nowrap}.leaderboard-table th{color:#e8f2dbad;font-size:.68rem;font-weight:700}.leaderboard-table th:nth-child(1),.leaderboard-table td:nth-child(1){width:28px;text-align:left}.leaderboard-table th:nth-child(2),.leaderboard-table td:nth-child(2){width:42%;text-align:left}.leaderboard-table tr+tr td{border-top:1px solid rgba(255,255,255,.12)}.touch-joystick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(42px,calc(env(safe-area-inset-bottom) + 26px));z-index:5;width:124px;height:124px;display:none;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 45% 40%,rgba(255,255,255,.16),transparent 38%),#192d2d57;box-shadow:0 18px 42px #0e1f1e38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.camera-joystick{right:max(18px,env(safe-area-inset-right));left:auto}.joystick-knob{width:46px;height:46px;border-radius:50%;background:#ffe174;box-shadow:inset 0 -8px 14px #8054153d,0 10px 24px #0e1f1e40;transition:transform 80ms linear}.camera-joystick .joystick-knob{background:#9ed7ff;box-shadow:inset 0 -8px 14px #114e7a3d,0 10px 24px #0e1f1e40}.touch-joystick.active .joystick-knob{transition:none}.version-chip{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:4;display:flex;align-items:baseline;gap:6px;max-width:min(360px,calc(100vw - 170px));padding:6px 8px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ffffffe6;background:#19272494;box-shadow:0 12px 30px #0e1f1e2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.version-chip span,.version-chip time{overflow:hidden;color:#e8f2dbb3;font-size:.68rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.version-chip strong{color:#fff7db;font-size:.72rem;line-height:1.1;letter-spacing:0;white-space:nowrap}.pause-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#1b242014;pointer-events:none}.end-panel{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));z-index:6;display:grid;gap:10px;min-width:min(420px,calc(100vw - 32px));max-width:min(520px,calc(100vw - 32px));padding:18px;transform:translate(-50%);border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff8dc;text-align:center;background:#253629bd;box-shadow:0 18px 44px #0e1f1e42;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.end-panel strong{font-size:1.1rem;line-height:1.05;letter-spacing:0}.end-panel span{color:#e8f2dbc7;font-size:.86rem}.end-panel.danger{color:#fff0e8;background:#53231ec7}.run-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.run-summary div{min-width:0;padding:8px;border-radius:8px;background:#ffffff17}.run-summary span{display:block;margin-bottom:3px;font-size:.68rem}.run-summary strong{display:block;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.score-form{display:grid;gap:6px;text-align:left}.score-form label{color:#e8f2dbc7;font-size:.72rem;font-weight:700}.score-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.score-form input{min-width:0;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.26);border-radius:8px;color:#fff;background:#0f1b197a}.score-form input:focus-visible{outline:2px solid #ffdf6f;outline-offset:2px}.primary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#253321;background:#ffe174;box-shadow:inset 0 -8px 14px #8054152e,0 12px 26px #0e1f1e2e;cursor:pointer}.primary-button:hover{background:#fff0a3}.primary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button:focus-visible{outline:2px solid #fff7db;outline-offset:2px}.restart-button{width:100%}.end-leaderboard{display:grid;gap:2px;text-align:left}.end-leaderboard .leaderboard-title{margin-bottom:2px}@media(pointer:coarse){.touch-joystick{display:grid}.version-chip{bottom:max(180px,calc(env(safe-area-inset-bottom) + 164px))}}@media(max-width:720px){.hud{gap:8px}.stat-panel{grid-template-columns:repeat(2,minmax(62px,1fr));max-width:min(70vw,292px);padding:6px}.stat-panel div{min-width:0;padding:5px 8px}.stat-panel strong{font-size:.94rem}.icon-button{width:38px;height:38px}.leaderboard-panel{top:auto;right:max(14px,env(safe-area-inset-right));bottom:max(196px,calc(env(safe-area-inset-bottom) + 180px));width:min(224px,calc(100vw - 158px));padding:8px 10px 10px}.version-chip{right:auto;left:max(18px,env(safe-area-inset-left));max-width:min(210px,calc(100vw - 156px));gap:5px;padding:5px 7px}.version-chip span{display:none}.version-chip time{max-width:130px}.leaderboard-table th,.leaderboard-table td{padding:4px 3px;font-size:.72rem}.leaderboard-table th{font-size:.64rem}.end-panel{gap:8px;padding:14px}.run-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.score-form-row{grid-template-columns:1fr}}