.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:#dcd6cc;border:4px solid #2a2622;display:flex;align-items:center;justify-content:center;font-size:32px;color:#1c1916;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;z-index:10006;min-width:70px;min-height:70px}.touch-button--pressed{transform:scale(1.08)}.touch-button:active{background:#cbc4b8}.touch-button-left{background:#b8cfe0}.touch-button-left.touch-button--pressed{background:#9ebdd8}.touch-button-left:active{background:#a3c2d9}.touch-button-right{background:#b8cfe0}.touch-button-right.touch-button--pressed{background:#9ebdd8}.touch-button-right:active{background:#a3c2d9}.touch-button-jump{width:80px;height:80px;background:#c4d4a8;font-size:36px}.touch-button-jump.touch-button--pressed{background:#b0c888}.touch-button-jump:active{background:#b1c592}@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:#e8e0d6;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:#e8e0d6;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 #5c5246;background:#e4dccf;aspect-ratio:800 / 600;max-width:100vw;max-height:100vh}.game-world{position:relative;will-change:transform}.platform{position:absolute;background-color:#a89888;border:2px solid #6e6558}.platform-ground{background:#a89888}.platform-platform{background:#c4ab88}.platform-block{background:#d8c878;border:3px solid #7a6a38}.player{position:absolute;z-index:10;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.player.left{transform:scaleX(-1)}.enemy{position:absolute;background:#5e6a72;border:2px solid #2e2620;border-radius:50% 50% 40% 40%;z-index:5}.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 .48s steps(4,end) infinite}.enemy.right{animation:enemyWalk .48s steps(4,end) infinite reverse}@keyframes enemyWalk{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}.goal{position:absolute;width:30px;height:60px;background:#c24a4a;border:2px solid #3d3428;z-index:8}.goal:after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:#f2efe8;box-sizing:border-box;border-left:2px solid #3d3428}.goal:before{content:"";position:absolute;top:-10px;left:-5px;width:40px;height:15px;background:#c9a227;border:2px solid #6b5218;z-index:1}.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--muted{background:#000000bf;box-shadow:0 4px 20px #00000073}.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 .8s steps(5,end) forwards;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes pointsFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.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:#9aab8e;border:2px solid #4d5644;border-radius:2px;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 #4d5644}.checkpoint.active .checkpoint-flag{background:#d8c878;border-color:#6b5a28;animation:checkpointPulse .6s steps(2,end) infinite}.checkpoint.active .checkpoint-flag:before{border-bottom-color:#6b5218}@keyframes checkpointPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:100;transition:opacity .1s,transform .1s}.particle-enemyKill{background:#e0c44a}.particle-checkpoint{background:#9aab8e}.particle-death{background:#c24a4a;width:8px;height:8px}