*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;width:100%}#gameContainer{position:relative;width:100%;height:100vh}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#model-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px 30px;border-radius:10px;text-align:center;pointer-events:auto;display:none;z-index:200}#model-loading .progress-bar{width:200px;height:8px;background:#ffffff4d;border-radius:4px;margin:10px 0;overflow:hidden}#model-loading .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);width:0%;transition:width .3s ease;border-radius:4px}#model-loading .loading-text{font-size:16px;margin-bottom:5px}#model-loading .loading-details{font-size:12px;color:#ccc}.game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;justify-content:center;align-items:center;z-index:1000;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .5s ease-out}.game-over-overlay.show{display:flex}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.game-over-modal{background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:20px;padding:30px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:2px solid rgba(255,255,255,.1);animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-header{text-align:center;margin-bottom:25px}.game-over-icon{font-size:60px;margin-bottom:10px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.game-over-title{font-size:28px;font-weight:700;color:#e74c3c;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-over-subtitle{font-size:16px;color:#bdc3c7;font-weight:300}.game-over-stats{margin-bottom:25px}.final-stats-title{font-size:18px;font-weight:700;color:#3498db;text-align:center;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.final-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.final-stat-item{background:#ffffff0d;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);transition:background .3s ease}.final-stat-item:hover{background:#ffffff1a}.final-stat-icon{font-size:24px;flex-shrink:0}.final-stat-content{display:flex;flex-direction:column;min-width:0}.final-stat-label{font-size:12px;color:#95a5a6;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.final-stat-value{font-size:16px;font-weight:700;color:#ecf0f1;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.game-over-actions{display:flex;gap:15px;justify-content:center}.restart-btn,.continue-btn{flex:1;padding:15px 20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 8px #0003}.restart-btn{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff}.restart-btn:hover{background:linear-gradient(145deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.restart-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.continue-btn{background:linear-gradient(145deg,#27ae60,#229954);color:#fff}.continue-btn:hover{background:linear-gradient(145deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.continue-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.btn-icon{font-size:18px}.btn-text{font-size:16px}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;border-radius:50%;background:#e74c3ce6;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.close-btn:hover{background:#c0392be6;transform:scale(1.1)}.close-btn:active{transform:scale(.95);background:#a93226e6}.mobile-hint{font-size:14px;color:#95a5a6;margin-top:8px;font-style:italic;text-align:center}@media (min-width: 769px){.mobile-hint{display:none}}.game-over-overlay{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}@media (max-width: 480px){.game-over-modal{padding:20px 15px 15px;border-radius:15px;margin:10px;max-height:60vh;height:auto;position:relative;overflow-y:auto}.close-btn{top:10px;right:10px;width:35px;height:35px;font-size:18px}.game-over-icon{font-size:40px;margin-bottom:8px}.game-over-title{font-size:20px;margin-bottom:5px}.game-over-subtitle{font-size:13px;margin-bottom:3px}.mobile-hint{font-size:11px;margin-bottom:10px;line-height:1.3}.game-over-stats{margin-bottom:15px}.final-stats-title{font-size:14px;margin-bottom:8px}.final-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.final-stat-item{padding:8px;border-radius:8px}.final-stat-icon{font-size:16px}.final-stat-label{font-size:10px}.final-stat-value{font-size:12px}.game-over-actions{flex-direction:column;gap:8px}.restart-btn,.continue-btn{padding:12px 16px;font-size:14px;border-radius:8px;min-height:42px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-icon{font-size:14px}.btn-text{font-size:14px;font-weight:700}}@media (max-width: 375px){.game-over-modal{padding:15px 12px 12px;margin:5px;max-height:55vh}.game-over-icon{font-size:35px;margin-bottom:5px}.game-over-title{font-size:18px}.mobile-hint{font-size:10px;margin-bottom:8px}.final-stats-grid{gap:6px}.final-stat-item{padding:6px}.final-stat-icon{font-size:14px}.final-stat-value{font-size:11px}.restart-btn,.continue-btn{padding:10px 14px;font-size:13px;min-height:38px}.btn-icon{font-size:12px}.btn-text{font-size:13px}}@media (min-width: 481px) and (max-width: 768px){.game-over-modal{max-width:500px;padding:30px 25px}.final-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.game-over-actions{flex-direction:row;gap:15px}}#score{position:absolute;top:max(20px,var(--safe-area-inset-top));left:max(20px,var(--safe-area-inset-left));color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);pointer-events:none;z-index:200}#instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center;pointer-events:none}.music-hint{position:absolute;bottom:50px;left:50%;transform:translate(-50%);color:#ffeb3b;font-size:14px;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center;pointer-events:none;opacity:.9;background:#0000004d;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:pulse 2s infinite}.music-hint span{display:inline-block}@media (max-width: 768px){.music-hint{bottom:220px;font-size:12px;padding:6px 12px}}#gameOver{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:40px;border-radius:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}#gameOver h2{font-size:32px;margin-bottom:20px;color:#ff6b6b}#gameOver p{font-size:18px;margin-bottom:20px}#restartBtn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;font-size:16px;border-radius:25px;cursor:pointer;transition:all .3s ease}#restartBtn:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.hidden{display:none!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse{animation:pulse .6s ease-in-out}.mobile-only{display:none}.mobile-device .mobile-only{display:block!important}@media (max-width: 768px){.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (hover: none) and (pointer: coarse){.mobile-only{display:block}.desktop-only{display:none}}.mobile-device .desktop-only{display:none!important}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}#mobile-controls{position:fixed;bottom:var(--safe-area-inset-bottom);left:var(--safe-area-inset-left);right:var(--safe-area-inset-right);height:calc(200px + var(--safe-area-inset-bottom));pointer-events:none;z-index:1000;padding-bottom:var(--safe-area-inset-bottom)}#joystick-container{position:absolute;bottom:max(30px,var(--safe-area-inset-bottom));left:max(30px,var(--safe-area-inset-left));width:max(120px,44px);height:max(120px,44px);pointer-events:auto;touch-action:none}#joystick-base{width:120px;height:120px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 8px 32px #0000004d;transition:all .2s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}#joystick-base:active{background:#ffffff40;border-color:#ffffff80}#joystick-stick{width:50px;height:50px;border-radius:50%;background:#fffc;border:2px solid rgba(255,255,255,.9);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0006;transition:all .1s ease;pointer-events:none}#jump-button{position:absolute;bottom:max(30px,var(--safe-area-inset-bottom));right:max(30px,var(--safe-area-inset-right));width:max(80px,44px);height:max(80px,44px);min-width:44px;min-height:44px;border-radius:50%;background:#ff6b6b33;border:3px solid rgba(255,107,107,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ff6b6b4d;pointer-events:auto;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}#jump-button:active{background:#ff6b6b66;border-color:#ff6b6b99;transform:scale(.95)}#jump-button span{color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}@media (max-width: 480px){#joystick-container{bottom:20px;left:20px;width:100px;height:100px}#joystick-base{width:100px;height:100px}#joystick-stick{width:40px;height:40px}#jump-button{bottom:20px;right:20px;width:70px;height:70px}#jump-button span{font-size:12px}}@media (orientation: landscape) and (max-height: 500px){#mobile-controls{height:calc(150px + var(--safe-area-inset-bottom))}#joystick-container{bottom:max(15px,var(--safe-area-inset-bottom));left:max(15px,var(--safe-area-inset-left));width:max(90px,44px);height:max(90px,44px)}#joystick-base{width:max(90px,44px);height:max(90px,44px)}#joystick-stick{width:max(35px,18px);height:max(35px,18px)}#jump-button{bottom:max(15px,var(--safe-area-inset-bottom));right:max(15px,var(--safe-area-inset-right));width:max(60px,44px);height:max(60px,44px)}}@supports (padding: max(0px)){.mobile-device #mobile-controls{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media screen and (max-height: 700px){#mobile-controls{height:calc(180px + var(--safe-area-inset-bottom))}}@media screen and (max-width: 480px){.mobile-only{display:block!important}}@media screen and (max-width: 768px) and (orientation: portrait){.mobile-only{display:block!important}}@media screen and (max-width: 414px){.mobile-only{display:block!important;opacity:1!important;visibility:visible!important}}.performance-monitor{position:absolute;top:max(60px,calc(var(--safe-area-inset-top) + 60px));right:max(20px,var(--safe-area-inset-right));background:#000000b3;color:#0f0;font-family:Courier New,monospace;font-size:12px;padding:8px 12px;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,255,0,.3);min-width:120px;z-index:300;-webkit-user-select:none;user-select:none;pointer-events:none}.perf-item{display:flex;justify-content:space-between;margin-bottom:2px;line-height:1.2}.perf-item:last-child{margin-bottom:0}.perf-label{color:#fff;margin-right:8px}.perf-warning{color:#fa0!important}.perf-critical{color:#f44!important}@media (max-width: 480px){.performance-monitor{font-size:10px;padding:6px 8px;min-width:100px}}.mobile-debug-info{position:absolute;top:max(200px,calc(var(--safe-area-inset-top) + 200px));right:max(20px,var(--safe-area-inset-right));background:#003264cc;color:#0af;font-family:Courier New,monospace;font-size:11px;padding:10px;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,170,255,.3);max-width:300px;z-index:350;-webkit-user-select:none;user-select:none;pointer-events:none}.debug-title{color:#fff;font-weight:700;margin-bottom:8px;text-align:center;border-bottom:1px solid rgba(0,170,255,.3);padding-bottom:4px}.debug-details{line-height:1.3}.debug-item{display:flex;justify-content:space-between;margin-bottom:3px}.debug-label{color:#ccc;margin-right:8px}.debug-value{color:#0f8}.debug-value.false{color:#f44}.debug-value.true{color:#0f0}@media (max-width: 480px){.mobile-debug-info{font-size:9px;padding:8px;max-width:250px}}.game-stats{position:absolute;top:max(16px,var(--safe-area-inset-top));right:max(16px,var(--safe-area-inset-right));background:#000c;color:#fff;font-family:Arial,sans-serif;font-size:14px;padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:160px;z-index:250;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 4px 12px #0000004d}.stats-title{font-size:16px;font-weight:700;margin-bottom:8px;text-align:center;color:#fff}.stats-grid{display:flex;flex-direction:column;gap:4px}.stat-item{display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-height:20px}.stat-icon{font-size:14px;margin-right:6px;display:inline-block;width:20px;text-align:center}.stat-label{color:#ccc;font-size:12px;margin-right:8px;flex:1}.stat-value{color:#fff;font-weight:700;font-size:12px;text-align:right}#score-value{color:#fa0;font-size:14px}#distance-value{color:#0f8}@media (max-width: 480px){.game-stats{font-size:12px;padding:10px;min-width:140px;top:max(12px,var(--safe-area-inset-top));right:max(12px,var(--safe-area-inset-right))}.stats-title{font-size:14px}.stat-icon{font-size:12px;width:18px}.stat-label,.stat-value{font-size:11px}#score-value{font-size:12px}}