.touch-controls{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 22px) calc(env(safe-area-inset-left,0px) + 18px);pointer-events:none;z-index:10003;touch-action:pan-x pan-y}.touch-controls-left{display:flex;gap:12px;pointer-events:all;position:relative;z-index:10007}.touch-controls-right{pointer-events:all;position:relative;z-index:10007}.touch-button{width:72px;height:72px;border-radius:4px;background:#1a0a2e6b;border:4px solid #05d9e8;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff1a6;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;z-index:10006;min-width:72px;min-height:72px;box-shadow:4px 4px #000,0 0 12px #05d9e838;font-family:"Press Start 2P",monospace;text-shadow:0 0 8px #ff2a6d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.touch-button--pressed{transform:translate(2px,2px);box-shadow:2px 2px #000}.touch-button:active{background:#2d1b698a}.touch-button-left{border-color:#05d9e8}.touch-button-left.touch-button--pressed{background:#0d3d44a6}.touch-button-right{border-color:#05d9e8}.touch-button-right.touch-button--pressed{background:#0d3d44a6}.touch-button-jump{width:84px;height:84px;background:#2d1b6980;border-color:#ff2a6d;font-size:22px;color:#fff1a6}.touch-button-jump.touch-button--pressed{background:#4a1538ad}.touch-button-jump:active{background:#3d1030b3}@media(max-width:768px){.touch-controls{padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 14px)}.touch-button{width:76px;height:76px;min-width:76px;min-height:76px;font-size:30px}.touch-button-jump{width:88px;height:88px;min-width:88px;min-height:88px;font-size:24px}}@media(min-width:768px){.touch-button{width:76px;height:76px;font-size:30px}.touch-button-jump{width:88px;height:88px;font-size:24px}}@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:#07070f;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;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;position:relative}.splash-image{max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;image-rendering:auto;box-shadow:0 0 0 3px #ff2a6d,0 0 24px #05d9e859}.splash-coin{font-family:"Press Start 2P",monospace;font-size:clamp(9px,2.5vw,11px);color:#05d9e8;text-align:center;letter-spacing:.06em;text-shadow:0 0 12px #ff2a6d,2px 2px 0 #1a0a2e;animation:splashBlink 1.1s steps(2,end) infinite;padding:0 12px;line-height:1.6}@keyframes splashBlink{0%,49%{opacity:1}50%,to{opacity:.35}}:root{--arcade-bg: #07070f;--arcade-panel: #0d0221;--arcade-cyan: #05d9e8;--arcade-magenta: #ff2a6d;--arcade-yellow: #fff1a6;--arcade-font-ui: "VT323", "Courier New", monospace;--arcade-font-title: "Press Start 2P", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--arcade-font-ui);font-size:22px;background:var(--arcade-bg);color:var(--arcade-yellow);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:6px solid #1a1a24;background:#0d0221;box-shadow:0 0 0 2px var(--arcade-magenta),0 0 0 5px var(--arcade-cyan),inset 0 0 100px #0000008c;aspect-ratio:800 / 600;max-width:100vw;max-height:100vh}.arcade-crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(#12101000 50%,#0000001f 50%),linear-gradient(90deg,#ff000008,#00ffff05);background-size:100% 3px,3px 100%;opacity:.35}.arcade-loading{padding:2rem 2.5rem;color:#fff;background:linear-gradient(135deg,#1e1e32f2,#141428f2);border-radius:12px;border:1px solid rgba(255,255,255,.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;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--mobile-intro{cursor:pointer;width:min(92vw,560px)}.game-overlay-hint{margin-top:14px!important;color:#b9d8f2;font-size:14px!important}.game-overlay h2{margin-bottom:20px;font-size:32px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-overlay h3{font-size:16px;font-weight:600;color:#e2e8f0;margin:12px 0}.game-overlay p{font-size:16px;margin:6px 0}.arcade-overlay-body{margin-bottom:20px;text-align:left}.arcade-bonus-box{margin-top:15px;padding:10px;border-radius:8px;background-color:#ffd7001f;border:1px solid rgba(255,215,0,.35)}.arcade-bonus-box h3{margin-top:0;margin-bottom:10px}.arcade-bonus-perfect{font-weight:700;color:gold}.arcade-bonus-total{margin-top:10px!important;padding-top:10px;border-top:1px solid rgba(255,215,0,.4);font-weight:700}.arcade-final-score{margin-top:15px!important;font-size:18px!important;font-weight:700;color:#fff}.arcade-highscores{margin-bottom:20px;font-size:14px;text-align:left}.arcade-highscores h3{margin-bottom:8px}.arcade-highscores ol{margin:0 0 0 1.25rem;padding:0;max-height:150px;overflow-y:auto}.arcade-highscores li{margin:4px 0}.arcade-subtitle{font-size:18px!important;font-weight:600!important;line-height:1.4!important;margin-bottom:16px!important;color:#e2e8f0!important}.game-overlay button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;font-size:16px;font-family:inherit;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)}.mobile-hud-toggle{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#050a1e80;color:#dce9ff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:8px 12px;min-height:34px;pointer-events:all;z-index:10006;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-hud-toggle--active{background:#1d3a849e;color:#fff}.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;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){.game-instructions{display:none!important}.score-display{top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;min-width:auto;padding:10px 12px;font-size:12px;gap:6px}.score-display .score-label{font-size:12px}.score-display .score-value{font-size:13px}.level-indicator{top:calc(env(safe-area-inset-top,0px) + 8px);right:8px;padding:10px 12px;font-size:13px;max-width:55vw}.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-width:4px}}@media(hover:none)and (pointer:coarse){.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-width:4px}.mobile-hud-toggle{top:calc(env(safe-area-inset-top,0px) + 10px)}}@media(hover:hover)and (pointer:fine){.mobile-hud-toggle{display:none!important}}.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;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;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points-popup{position:absolute;color:gold;font-weight:700;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;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}