*{margin:0;padding:0;box-sizing:border-box}:root{--theme-ui-background: #1a1a2e;--theme-ui-text: #ffffff;--theme-ui-distance: #4ecdc4;--theme-ui-score: #ffffff;--theme-ui-health: #ff6b6b;--theme-ui-gameover-bg: rgba(0, 0, 0, .9);--theme-ui-gameover-text: #ff6b6b;--theme-ui-gameover-border: #ffffff;--theme-ui-button-bg: #4ecdc4;--theme-ui-button-text: #000000;--theme-ui-button-hover: #45b8b0;--theme-ui-button-active: #3da8a0;--theme-canvas-gradient: linear-gradient(to bottom, #0f0c29 0%, #1a1a2e 50%, #0d4d2d 100%)}body{font-family:Courier New,monospace;background:var(--theme-ui-background);color:var(--theme-ui-text);overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;width:100vw;width:100dvw;position:fixed;top:0;left:0}#app{position:relative;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:100%;max-height:100%}#gameCanvas{display:block;background:var(--theme-canvas-gradient);width:100%;height:100%;object-fit:contain}#ui{position:absolute;top:clamp(10px,2vw,20px);top:clamp(10px,2dvw,20px);left:clamp(10px,2vw,20px);left:clamp(10px,2dvw,20px);z-index:10;font-size:clamp(14px,3vw,24px);font-size:clamp(14px,3dvw,24px);text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none}#distance{margin-bottom:clamp(5px,1vw,10px);color:var(--theme-ui-distance)}#score{margin-bottom:clamp(5px,1vw,10px);color:var(--theme-ui-score)}#health{color:var(--theme-ui-health)}#gameOver{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--theme-ui-gameover-bg);padding:clamp(20px,5vw,40px);padding:clamp(20px,5dvw,40px);border-radius:10px;text-align:center;z-index:100;border:2px solid var(--theme-ui-gameover-border);max-width:90vw;max-width:90dvw;max-height:90vh;max-height:90dvh;overflow:auto}#gameOver.hidden{display:none}#gameOver h1{font-size:clamp(28px,6vw,48px);margin-bottom:clamp(10px,2vw,20px);color:var(--theme-ui-gameover-text)}#gameOver p{font-size:clamp(16px,3vw,24px);margin-bottom:clamp(15px,3vw,30px)}#restartBtn{padding:clamp(12px,2vw,15px) clamp(24px,4vw,30px);font-size:clamp(16px,3vw,20px);background:var(--theme-ui-button-bg);color:var(--theme-ui-button-text);border:none;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:background .3s;min-height:44px;touch-action:manipulation}#restartBtn:hover{background:var(--theme-ui-button-hover)}#restartBtn:active{background:var(--theme-ui-button-active)}@media (max-width: 768px){#ui{font-size:clamp(12px,4dvw,18px)}#gameOver{padding:clamp(15px,4dvw,30px);margin:10px}#gameOver h1{font-size:clamp(24px,8dvw,36px)}#gameOver p{font-size:clamp(14px,4dvw,20px)}}@media (max-width: 480px){#ui{top:8px;left:8px;font-size:12px}#gameOver{padding:20px;border-radius:8px}#gameOver h1{font-size:24px;margin-bottom:15px}#gameOver p{font-size:16px;margin-bottom:20px}#restartBtn{padding:12px 24px;font-size:16px}}@media (max-height: 500px) and (orientation: landscape){#ui{font-size:clamp(10px,2dvh,16px);top:5px;left:5px}#gameOver{padding:15px 25px}#gameOver h1{font-size:clamp(20px,5dvh,32px);margin-bottom:10px}#gameOver p{font-size:clamp(12px,3dvh,18px);margin-bottom:15px}}#app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#gameCanvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (hover: none) and (pointer: coarse){#gameCanvas:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;pointer-events:none}#gameCanvas:after{content:"";position:absolute;right:0;top:0;width:50%;height:100%;pointer-events:none}}