.touch-controls{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;pointer-events:none;z-index:10003;touch-action:pan-x pan-y}.touch-controls-left{display:flex;gap:15px;pointer-events:all;position:relative;z-index:10007}.touch-controls-right{pointer-events:all;position:relative;z-index:10007}.touch-button{width:70px;height:70px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;transition:all .1s ease;box-shadow:0 4px 12px #0006;-webkit-tap-highlight-color:transparent;position:relative;z-index:10006;min-width:70px;min-height:70px}.touch-button:active{transform:scale(.9);background:#000c;border-color:#fff9}.touch-button-left{background:#3b82f6b3;border-color:#93c5fd80}.touch-button-left:active{background:#3b82f6e6}.touch-button-right{background:#3b82f6b3;border-color:#93c5fd80}.touch-button-right:active{background:#3b82f6e6}.touch-button-jump{width:80px;height:80px;background:#22c55eb3;border-color:#86efac80;font-size:36px}.touch-button-jump:active{background:#22c55ee6}@media(max-width:768px){.touch-button{width:80px;height:80px;min-width:80px;min-height:80px;font-size:36px}.touch-button-jump{width:90px;height:90px;min-width:90px;min-height:90px;font-size:40px}}@media(min-width:768px){.touch-button{width:80px;height:80px;font-size:36px}.touch-button-jump{width:90px;height:90px;font-size:40px}}@media(hover:hover)and (pointer:fine){.touch-controls{display:none}}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#000;z-index:10000;cursor:pointer;opacity:1;transition:opacity .5s ease-out}.splash-screen.fade-out{opacity:0}.splash-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.splash-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(to bottom,#87ceeb,#98d8e8);overflow:hidden;height:100vh;width:100vw;margin:0;padding:0;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;bottom:0}.app{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.game-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}.game-viewport{position:relative;overflow:hidden;border:4px solid #333;background:linear-gradient(to bottom,#87ceeb,#98d8e8 50%,#90ee90 50%,#90ee90);box-shadow:0 0 20px #0000004d;aspect-ratio:800 / 600;max-width:100vw;max-height:100vh}.game-world{position:relative;will-change:transform}.platform{position:absolute;background-color:#8b4513;border:2px solid #654321;box-shadow:inset 0 2px 4px #0000004d}.platform-ground{background:linear-gradient(to bottom,#8b4513,#654321)}.platform-platform{background:linear-gradient(to bottom,sienna,#8b4513);border-radius:4px}.platform-block{background:linear-gradient(135deg,gold,orange);border:3px solid #FF8C00;box-shadow:0 4px 8px #0003}.player{position:absolute;transition:transform .1s ease;z-index:10;box-shadow:0 2px 4px #0000004d;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.player.left{transform:scaleX(-1)}.enemy{position:absolute;background:linear-gradient(135deg,#8b4513,#654321);border:2px solid #3E2723;border-radius:50% 50% 40% 40%;z-index:5;box-shadow:0 2px 4px #0000004d}.enemy:before{content:"";position:absolute;top:6px;left:6px;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:10px 0 #fff}.enemy:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:8px;height:4px;background:#000;border-radius:0 0 4px 4px}.enemy.left{animation:enemyWalk .6s steps(3) infinite}.enemy.right{animation:enemyWalk .6s steps(3) infinite reverse}@keyframes enemyWalk{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(-2px) scaleY(.98)}50%{transform:translateY(0) scaleY(1)}75%{transform:translateY(-1px) scaleY(.99)}}.goal{position:absolute;width:30px;height:60px;background:linear-gradient(to right,red,red 50%,#fff 50%,#fff);border:2px solid #8B0000;border-radius:2px;z-index:8;box-shadow:0 2px 4px #0000004d}.goal:before{content:"";position:absolute;top:-10px;left:-5px;width:40px;height:15px;background:gold;border:2px solid #FFA500;border-radius:4px;box-shadow:0 2px 4px #0000004d}.game-ui{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10000}.game-instructions{position:absolute;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e1e32f2,#141428f2);color:#fff;padding:10px 20px;border-radius:12px;font-size:13px;pointer-events:none;z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instruction-row{display:flex;align-items:center;gap:12px;justify-content:center}.instruction-item{display:flex;align-items:center;gap:8px}.instruction-key{background:linear-gradient(135deg,#4a5568,#2d3748);color:gold;padding:4px 10px;border-radius:6px;font-weight:700;font-size:12px;border:1px solid rgba(255,215,0,.3);box-shadow:0 2px 4px #0000004d;min-width:50px;text-align:center}.instruction-label{color:#e2e8f0;font-size:13px}.instruction-separator{color:#ffffff4d;font-size:16px}.game-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:40px;border-radius:12px;text-align:center;z-index:10004;pointer-events:all;box-shadow:0 4px 20px #00000080;touch-action:manipulation;width:90%;max-width:500px}.game-overlay h2{margin-bottom:20px;font-size:32px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-overlay button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0000004d;pointer-events:all;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:10005;min-width:120px;min-height:44px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-overlay button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.game-overlay button:active{transform:translateY(0)}.score-display{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#1e1e32f2,#141428f2);color:#fff;padding:14px 18px;border-radius:12px;font-size:13px;font-weight:600;pointer-events:none;z-index:50;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:180px}@media(max-width:768px){.score-display,.level-indicator,.game-instructions{display:none!important}.game-container{width:100vw;height:100vh;padding:0;margin:0}.game-viewport{width:100vw!important;height:100vh!important;max-width:100vw;max-height:100vh;border:none}}@media(hover:none)and (pointer:coarse){.score-display,.level-indicator,.game-instructions{display:none!important}body{overflow:hidden;position:fixed;width:100vw;height:100vh}.app{width:100vw;height:100vh;overflow:hidden}.game-container{width:100vw;height:100vh;padding:0;margin:0}.game-viewport{width:100vw!important;height:100vh!important;max-width:100vw;max-height:100vh;border:none}}.score-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.score-item:last-child{border-bottom:none}.score-item.score-combo{background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 100%);padding:6px 8px;border-radius:6px;margin:2px 0;border:1px solid rgba(255,215,0,.2)}.score-item.score-lives{padding-top:8px;margin-top:4px;border-top:1px solid rgba(255,255,255,.1)}.score-label{color:#cbd5e0;font-size:13px;display:flex;align-items:center;gap:6px}.score-display .score-value{color:gold;font-weight:700;font-size:14px;text-shadow:0 0 8px rgba(255,215,0,.5)}.level-indicator{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#1e1e32f2,#141428f2);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;pointer-events:none;z-index:50;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-icon{font-size:18px;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.level-name{color:#e2e8f0;font-weight:600;letter-spacing:.5px}.points-popup{position:absolute;color:gold;font-weight:700;font-size:20px;pointer-events:none;z-index:100;animation:pointsFloat 1s ease-out forwards;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes pointsFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.2)}}.lives-value{font-size:18px;letter-spacing:4px;filter:drop-shadow(0 0 4px rgba(255,0,0,.3))}.checkpoint{position:absolute;width:20px;height:20px;z-index:7;cursor:pointer;transition:transform .2s}.checkpoint:hover{transform:scale(1.2)}.checkpoint-flag{width:100%;height:100%;background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #2E7D32;border-radius:50%;box-shadow:0 2px 4px #0000004d;position:relative}.checkpoint-flag:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #2E7D32}.checkpoint.active .checkpoint-flag{background:linear-gradient(135deg,gold,orange);border-color:#ff8c00;animation:checkpointPulse 1s ease-in-out infinite}.checkpoint.active .checkpoint-flag:before{border-bottom-color:#ff8c00}@keyframes checkpointPulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #0000004d}50%{transform:scale(1.1);box-shadow:0 4px 8px #ffd70099}}.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:100;transition:opacity .1s,transform .1s}.particle-enemyKill{background:radial-gradient(circle,gold,#ff8c00);box-shadow:0 0 4px gold}.particle-checkpoint{background:radial-gradient(circle,#4caf50,#2e7d32);box-shadow:0 0 4px #4caf50}.particle-death{background:radial-gradient(circle,red,#8b0000);box-shadow:0 0 6px red;width:8px;height:8px}