:root{--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-christmas-red: #d42426;--color-christmas-green: #165b33;--color-snow: #f8f9fa;--color-gold: #f8b229}body{margin:0;overflow:hidden;background-color:#2b32b2;font-family:var(--font-main);-webkit-user-select:none;user-select:none;touch-action:none}#game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#1a2a6c,#b21f1f,#fdbb2d)}canvas{display:block;box-shadow:0 0 20px #00000080;background-color:transparent}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.interactive-ui{pointer-events:auto}#start-screen,#game-over-screen,#pause-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:100}.hidden{display:none!important}h1{font-size:4rem;text-shadow:2px 2px 4px #000;color:var(--color-christmas-red);-webkit-text-stroke:2px white;margin-bottom:20px}button{padding:15px 30px;font-size:1.5rem;background:var(--color-christmas-green);color:#fff;border:2px solid white;border-radius:10px;cursor:pointer;transition:transform .1s,background .2s;font-weight:700}button:hover{background:#1e7e45;transform:scale(1.05)}button:active{transform:scale(.95)}#hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;font-size:1.5rem;color:#fff;text-shadow:2px 2px 2px black;z-index:10}#controls-overlay{position:absolute;bottom:20px;left:0;right:0;display:none;pointer-events:none;z-index:50;padding:0 20px;box-sizing:border-box}@media(hover:none)and (pointer:coarse){#controls-overlay{display:flex;justify-content:space-between;align-items:flex-end;bottom:30px}#game-container{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;height:100dvh!important}canvas{width:100vw!important;height:100vh!important;height:100dvh!important}#hud{font-size:1.2rem;top:15px;padding:0 15px}}.touch-btn{width:70px;height:70px;background:#ffffff40;border:3px solid rgba(255,255,255,.6);border-radius:50%;pointer-events:auto;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:transform .1s,background .1s}.touch-btn:active{background:#ffffff80;transform:scale(.95)}.touch-btn-jump{width:90px;height:90px;font-size:2.5rem;background:#64c86459;border-color:#64ff64b3}.controls-left,.controls-right{display:flex;gap:15px;align-items:flex-end}