@font-face{font-family:'Press Start 2P';src:url('assets/fonts/PressStart2P-Regular.ttf')format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'FA';src:url('assets/fonts/fa.ttf')format('truetype');font-weight:normal;font-style:normal;}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;margin:0;padding:0;}body,html,#game-container,canvas{touch-action:none;}html,body,#game-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}body,html{background-color:#0a0a0a;font-family:'Press Start 2P',cursive;}#game-container{will-change:transform;position:relative;display:flex;justify-content:center;align-items:center;background:#000;}canvas{image-rendering:pixelated;width:100%;height:100%;display:block;background-color:#000;}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);display:flex;justify-content:center;align-items:center;z-index:200;}.loading-content{text-align:center;}.loading-title{will-change:transform,text-shadow;color:#ffcc00;font-size:clamp(20px,5vw,32px);text-shadow:4px 4px 0 #8b4513,0 0 20px rgba(255,204,0,0.5);margin-bottom:40px;animation:pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow{0%,100%{text-shadow:4px 4px 0 #8b4513,0 0 20px rgba(255,204,0,0.5);}50%{text-shadow:4px 4px 0 #8b4513,0 0 40px rgba(255,204,0,0.8);}}.loading-bar{width:280px;max-width:80vw;height:24px;background:#222;border:3px solid #444;border-radius:12px;overflow:hidden;margin:0 auto 20px;}.loading-progress{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);width:0%;transition:width 0.3s ease;border-radius:8px;}#loading-text{color:#888;font-size:10px;}#rotate-message{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:white;z-index:1000;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:20px;}.rotate-icon{font-size:60px;animation:rotate-phone 2s ease-in-out infinite;}@keyframes rotate-phone{0%,100%{transform:rotate(0deg);}25%{transform:rotate(-30deg);}75%{transform:rotate(90deg);}}#rotate-message h1{color:#ff5555;font-size:24px;}#rotate-message p{color:#aaa;font-size:12px;}@media screen and(orientation:portrait){#rotate-message{display:flex;}#game-container{will-change:transform;display:none;}}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;padding:env(safe-area-inset-top,0)env(safe-area-inset-right,0)env(safe-area-inset-bottom,0)env(safe-area-inset-left,0);box-sizing:border-box;}.hud{position:absolute;top:0;left:0;width:100%;padding-top:12px;padding-left:20px;padding-right:20px;padding-bottom:12px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,0.7),transparent);}.hud-left,.hud-right{min-width:120px;}.hud-right{text-align:right;}#score-display{color:#ffd700;font-size:12px;text-shadow:2px 2px 0 #000;}#dist-display{color:#00ff88;font-size:14px;text-shadow:2px 2px 0 #000;}#pause-btn{pointer-events:auto;background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);border-radius:8px;color:white;font-size:10px;padding:8px 16px;cursor:pointer;font-family:'Press Start 2P',cursive;transition:all 0.2s;margin-top:0px;margin-right:0px;}#pause-btn:active{background:rgba(255,255,255,0.3);transform:scale(0.95);}#warning-container{position:absolute;top:70px;width:100%;text-align:center;box-sizing:border-box;}#warning-text{color:#ff5555;text-shadow:2px 2px 0 #000,0 0 10px rgba(255,0,0,0.5);font-size:12px;animation:warning-flash 0.5s infinite;}@keyframes warning-flash{0%,100%{opacity:1;}50%{opacity:0.5;}}.shield-indicator,.speed-indicator{position:absolute;top:100px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:20px;font-size:11px;display:none;animation:indicator-pulse 0.5s infinite;}.shield-indicator{background:rgba(0,255,0,0.2);border:2px solid #00ff00;color:#00ff00;text-shadow:0 0 10px #00ff00;}.speed-indicator{background:rgba(255,255,0,0.2);border:2px solid #ffff00;color:#ffff00;text-shadow:0 0 10px #ffff00;top:140px;}@keyframes indicator-pulse{0%,100%{opacity:0.8;transform:translateX(-50%)scale(1);}50%{opacity:1;transform:translateX(-50%)scale(1.05);}}#controls{position:absolute;bottom:0;left:0;width:100%;height:100%;display:none;}.control-btn{pointer-events:auto;position:absolute;bottom:30px;width:90px;height:90px;background:linear-gradient(145deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05));border:3px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;backdrop-filter:blur(8px);transition:all 0.1s;box-shadow:0 4px 15px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.control-btn:active{background:linear-gradient(145deg,rgba(255,255,255,0.3),rgba(255,255,255,0.1));transform:scale(0.92);border-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3),0 0 20px rgba(255,255,255,0.2);}#jump-btn{left:30px;background:linear-gradient(145deg,rgba(76,175,80,0.3),rgba(76,175,80,0.1));border-color:rgba(76,175,80,0.6);}#jump-btn:active{background:linear-gradient(145deg,rgba(76,175,80,0.5),rgba(76,175,80,0.2));border-color:#4caf50;box-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 25px rgba(76,175,80,0.4);}#run-btn{right:30px;background:linear-gradient(145deg,rgba(33,150,243,0.3),rgba(33,150,243,0.1));border-color:rgba(33,150,243,0.6);}#run-btn:active{background:linear-gradient(145deg,rgba(33,150,243,0.5),rgba(33,150,243,0.2));border-color:#2196f3;box-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 25px rgba(33,150,243,0.4);}.auto-run-btn{position:absolute;bottom:130px;right:30px;width:70px;height:70px;background:linear-gradient(145deg,rgba(156,39,176,0.3),rgba(156,39,176,0.1));border-color:rgba(156,39,176,0.6);}.auto-run-btn:active,.auto-run-btn.active{background:linear-gradient(145deg,rgba(76,175,80,0.5),rgba(76,175,80,0.2));border-color:#4caf50;box-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 25px rgba(76,175,80,0.6);}.auto-run-btn.active{animation:auto-run-pulse 1s ease-in-out infinite;}@keyframes auto-run-pulse{0%,100%{box-shadow:0 0 15px rgba(76,175,80,0.4);transform:scale(1);}50%{box-shadow:0 0 30px rgba(76,175,80,0.8);transform:scale(1.05);}}.auto-run-icon{font-size:24px;}.control-arrow{width:32px;height:32px;color:white;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}#jump-btn .control-arrow{color:#a5d6a7;}#run-btn .control-arrow{color:#90caf9;}.control-btn:active .control-arrow{color:white;}.control-label{font-size:8px;color:rgba(255,255,255,0.7);letter-spacing:1px;}.control-btn:active .control-label{color:white;}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(10,10,30,0.95)0%,rgba(20,20,50,0.95)100%);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;z-index:150;padding:20px;}.screen-content{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;}#init-screen{background:radial-gradient(ellipse at center,rgba(30,30,60,0.98)0%,rgba(10,10,20,0.98)100%);}.game-logo{text-align:center;margin-bottom:20px;}.title-main{font-size:clamp(28px,7vw,56px);color:#ffcc00;text-shadow:4px 4px 0 #8b4513,6px 6px 0 rgba(0,0,0,0.5);line-height:1;animation:title-bounce 2s ease-in-out infinite;}.title-sub{font-size:clamp(22px,5vw,44px);color:#ff6b6b;text-shadow:3px 3px 0 #8b0000,5px 5px 0 rgba(0,0,0,0.5);line-height:1;margin-top:-5px;}@keyframes title-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.tagline{color:#888;font-size:10px;margin-bottom:40px;letter-spacing:1px;}.btn{background:linear-gradient(180deg,#4caf50 0%,#388e3c 100%);border:none;border-bottom:4px solid #1b5e20;color:white;padding:14px 28px;font-family:'Press Start 2P',cursive;font-size:12px;cursor:pointer;border-radius:8px;transition:all 0.1s;text-transform:uppercase;letter-spacing:1px;}.btn:active{transform:translateY(2px);border-bottom-width:2px;}.btn-large{padding:18px 36px;font-size:14px;}.btn-glow{box-shadow:0 0 20px rgba(76,175,80,0.5);animation:btn-glow 2s ease-in-out infinite;}@keyframes btn-glow{0%,100%{box-shadow:0 0 20px rgba(76,175,80,0.5);}50%{box-shadow:0 0 40px rgba(76,175,80,0.8);}}.btn-red{background:linear-gradient(180deg,#f44336 0%,#c62828 100%);border-bottom-color:#b71c1c;}.btn-blue{background:linear-gradient(180deg,#2196f3 0%,#1565c0 100%);border-bottom-color:#0d47a1;}.btn-secondary{background:linear-gradient(180deg,#555 0%,#333 100%);border-bottom-color:#222;font-size:10px;padding:12px 24px;}.menu-content{gap:15px;overflow-y:auto;max-height:100%;padding:10px;}.menu-header{text-align:center;margin-bottom:5px;}.menu-title{font-size:clamp(16px,4vw,28px);color:#ffcc00;text-shadow:3px 3px 0 #8b4513;margin-bottom:10px;}.highscore-box{display:inline-flex;align-items:baseline;gap:8px;background:rgba(255,215,0,0.1);border:2px solid rgba(255,215,0,0.3);border-radius:8px;padding:8px 16px;}.highscore-label{color:#888;font-size:10px;}.highscore-value{color:#ffd700;font-size:18px;text-shadow:0 0 10px rgba(255,215,0,0.5);}.highscore-unit{color:#888;font-size:10px;}.menu-section{width:100%;text-align:center;}.section-title{color:#666;font-size:10px;letter-spacing:2px;margin-bottom:12px;}.mode-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;min-width:140px;background:linear-gradient(180deg,#333 0%,#222 100%);border-bottom-color:#111;}.mode-btn:hover,.mode-btn:active{transform:translateY(2px)scale(1.02);}.mode-normal{background:linear-gradient(180deg,#4caf50 0%,#2e7d32 100%);border-bottom-color:#1b5e20;}.mode-chase{background:linear-gradient(180deg,#e53935 0%,#b71c1c 100%);border-bottom-color:#7f0000;}.mode-it{background:linear-gradient(180deg,#8b0000 0%,#3b0000 100%);border-bottom-color:#2a0000;box-shadow:inset 0 0 12px rgba(255,0,0,0.25),0 6px 12px rgba(0,0,0,0.5);}.mode-it .mode-name{text-shadow:0 0 6px rgba(255,40,40,0.6);}.mode-it .mode-desc{color:rgba(255,220,220,0.7);}.mode-icon{font-size:24px;}.mode-name{font-size:12px;}.mode-desc{font-size:7px;color:rgba(255,255,255,0.6);font-family:Arial,sans-serif;}.menu-buttons-row{display:flex;gap:10px;justify-content:center;margin-top:5px;}.menu-footer{margin-top:5px;}.tip-text{color:#666;font-size:8px;font-family:Arial,sans-serif;line-height:1.5;}.creator-link{position:absolute;bottom:15px;font-size:9px;color:#4da6ff;text-decoration:none;opacity:0.7;transition:opacity 0.2s;}.creator-link:hover{opacity:1;}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:none;justify-content:center;align-items:center;z-index:200;pointer-events:auto;backdrop-filter:blur(5px);padding:0;box-sizing:border-box;}.popup-overlay.active{display:flex;animation:popup-fade-in 0.3s ease;}@keyframes popup-fade-in{from{opacity:0;}to{opacity:1;}}.popup-content{background:linear-gradient(145deg,#2a2a4a,#1a1a2e);border:3px solid #4a4a6a;border-radius:16px;padding:25px 30px;max-width:450px;width:90%;max-height:85vh;overflow-y:auto;position:relative;animation:popup-scale-in 0.3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.5);font-family:'FA',Arial,sans-serif;direction:rtl;}@keyframes popup-scale-in{from{transform:scale(0.8);opacity:0;}to{transform:scale(1);opacity:1;}}.popup-close{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);border-radius:50%;width:32px;height:32px;color:#fff;font-size:14px;cursor:pointer;transition:all 0.2s;display:flex;justify-content:center;align-items:center;}.popup-close:hover,.popup-close:active{background:rgba(255,0,0,0.3);border-color:#ff5555;}.popup-title{color:#ffcc00;font-size:22px;text-align:center;margin-bottom:20px;text-shadow:2px 2px 0 #8b4513;}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;}.control-item{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,0.3);padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);flex-direction:row-reverse;}.control-key{background:linear-gradient(145deg,#555,#333);color:#fff;padding:8px;border-radius:8px;font-size:14px;min-width:40px;min-height:40px;text-align:center;display:flex;justify-content:center;align-items:center;border:2px solid #666;box-shadow:0 3px 0 #222;}.control-action{color:#ccc;font-size:14px;line-height:1.8;text-align:right;}.popup-tips{background:rgba(255,204,0,0.1);border:1px solid rgba(255,204,0,0.3);border-radius:8px;padding:12px;margin-bottom:20px;}.popup-tips p{color:#ccc;font-size:14px;margin-bottom:6px;line-height:1.9;}.popup-tips p:last-child{margin-bottom:0;}.popup-tips strong{color:#ffcc00;}.popup-content .btn{width:100%;}#pause-menu{display:none;background:rgba(0,0,0,0.9);}#pause-menu.active{display:flex;}.pause-content{gap:25px;}.pause-title{font-size:28px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,0.3);}.settings-group{background:rgba(255,255,255,0.05);padding:20px;border-radius:12px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:20px;}.settings-row{display:flex;align-items:center;gap:15px;}.setting-label{color:#aaa;font-size:10px;min-width:70px;}.slider{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:#333;border-radius:4px;outline:none;}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#ffcc00;cursor:pointer;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px rgba(255,204,0,0.5);}.setting-value{color:#ffcc00;font-size:10px;min-width:40px;text-align:right;}.pause-buttons{display:flex;flex-direction:column;gap:12px;}.gameover-content{gap:20px;}.gameover-main-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px;width:100%;}#death-image,#death-video{height:auto;max-height:120px;max-width:40%;object-fit:contain;border-radius:8px;box-shadow:0 0 10px #ff0000;}#game-over-screen.cinematic-gameover{background:#000;}#game-over-screen #death-image,#game-over-screen #death-video{transition:opacity 500ms ease;}#game-over-screen.cinematic-gameover #death-image{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;opacity:1;z-index:5;}#game-over-screen.cinematic-gameover #death-video{position:fixed;top:50%;left:50%;width:min(100vw,100vh);height:min(100vw,100vh);transform:translate(-50%,-50%);max-width:none;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;opacity:1;z-index:5;}#game-over-screen.cinematic-stage2 #death-image,#game-over-screen.cinematic-stage2 #death-video{opacity:0;pointer-events:none;}.gameover-buttons.cinematic-hidden{opacity:0;pointer-events:none;transform:translateY(10px);}.gameover-content.cinematic-hidden .gameover-title,.gameover-content.cinematic-hidden .death-reason,.gameover-content.cinematic-hidden .stats-box,.gameover-content.cinematic-hidden .new-record{opacity:0;pointer-events:none;transform:translateY(10px);}.gameover-buttons.cinematic-show{opacity:1;transform:translateY(0);transition:opacity 350ms ease,transform 350ms ease;}.gameover-content.cinematic-show .gameover-title,.gameover-content.cinematic-show .death-reason,.gameover-content.cinematic-show .stats-box,.gameover-content.cinematic-show .new-record{opacity:1;transform:translateY(0);transition:opacity 350ms ease,transform 350ms ease;}.gameover-title{font-size:clamp(24px,6vw,40px);color:#ff5555;text-shadow:4px 4px 0 #8b0000,0 0 20px rgba(255,0,0,0.5);animation:shake 0.5s ease-in-out;}@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-10px);}75%{transform:translateX(10px);}}.death-reason{color:#ffaaaa;font-size:10px;font-style:italic;font-family:Arial,sans-serif;}.stats-box{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:auto;gap:15px;padding:10px 20px;background:rgba(255,255,255,0.05);border-radius:12px;border:2px solid rgba(255,255,255,0.1);}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px;}.stat-icon{font-size:24px;}.stat-value{font-size:24px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,0.3);}.stat-label{font-size:8px;color:#666;}.stat-divider-vertical{width:2px;height:30px;background:rgba(255,255,255,0.3);}.new-record{color:#ffd700;font-size:14px;text-shadow:0 0 20px rgba(255,215,0,0.8);animation:record-bounce 0.5s ease-in-out infinite;}@keyframes record-bounce{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.gameover-buttons{display:flex;flex-direction:row;gap:15px;width:100%;justify-content:center;}.gameover-buttons .btn{padding:12px 20px;margin:0;font-size:10px;}@media(max-height:400px){.menu-content{gap:8px;}.menu-title{margin-bottom:5px;}.section-title{margin-bottom:8px;}.mode-btn{padding:12px 20px;min-width:120px;}.stats-box{padding:15px 30px;}.popup-content{padding:20px;}.controls-grid{gap:8px;}.control-item{padding:8px 10px;}}@media(max-width:900px){.control-btn{width:75px;height:75px;}.control-arrow{width:26px;height:26px;}.control-label{font-size:7px;}#jump-btn{left:20px;bottom:20px;}#run-btn{right:20px;bottom:20px;}.auto-run-btn{width:60px;height:60px;right:20px;bottom:110px;}.auto-run-icon{font-size:20px;}.gameover-main-row{flex-direction:row;gap:10px;}#death-image,#death-video{height:80px;max-height:120px;}.stats-box{padding:6px 12px;}.stat-value{font-size:20px;}}@media(max-width:700px),(max-height:650px){.popup-content{padding:18px 18px;max-height:80vh;}.controls-grid{grid-template-columns:1fr;gap:10px;}.popup-title{font-size:18px;margin-bottom:12px;}.control-action,.popup-tips p{font-size:12px;line-height:1.6;}}.about-content{text-align:center;}.about-version{color:#666;font-size:10px;margin-bottom:20px;font-family:'Press Start 2P',cursive;}.credits-container{display:flex;flex-direction:column;gap:20px;margin-bottom:25px;}.credit-item{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,0.05);padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:transform 0.2s;}.credit-item:hover{transform:translateX(5px);background:rgba(255,255,255,0.1);}.credit-logo{width:50px;height:50px;border-radius:50%;border:2px solid #ffcc00;display:block;object-fit:cover;}.credit-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;}.credit-role{color:#aaa;font-size:8px;text-transform:uppercase;letter-spacing:1px;}.credit-link{color:#4da6ff;font-size:12px;text-decoration:none;text-shadow:0 0 10px rgba(77,166,255,0.3);}.credit-link:hover{color:#fff;text-shadow:0 0 15px rgba(77,166,255,0.8);}.howto-section{margin-bottom:16px;}.howto-title{font-size:12px;letter-spacing:1px;margin-bottom:10px;color:#ffd54a;text-align:left;}.mode-guide{display:grid;grid-template-columns:1fr;gap:10px;}.mode-card{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);}.mode-card-title{font-size:10px;margin-bottom:6px;letter-spacing:1px;}.mode-card-desc{font-size:11px;line-height:1.6;color:#ddd;}.howto-lang{display:none;}.howto-lang.active{display:block;}.howto-lang.howto-en{font-family:'Press Start 2P',cursive;direction:ltr;text-align:left;}.howto-lang.howto-fa{font-family:'FA',Arial,sans-serif;direction:rtl;text-align:right;}.howto-lang-toggle{position:absolute;top:10px;right:50px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);border-radius:8px;padding:4px 8px;color:#fff;font-size:10px;font-family:'Press Start 2P',cursive;cursor:pointer;transition:all 0.2s;}.howto-lang-toggle:hover{background:rgba(255,255,255,0.2);}@media screen and(min-width:1024px){#controls{display:none !important;}}#intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:180;display:none;justify-content:center;align-items:center;}#intro-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 0.5s ease;}#intro-start-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;min-width:120px;font-size:14px;padding:12px 24px;box-shadow:0 0 15px rgba(76,175,80,0.6);animation:btn-glow 1.5s infinite;}