@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;src:url(/fonts/press-start-2p.woff2) format("woff2");font-display:swap}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;src:url(/fonts/pixelify-sans.woff2) format("woff2");font-display:swap}body{margin:0;padding:0;background-color:#0d0221;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden;font-family:"Press Start 2P",cursive}#gameContainer{position:relative;width:100%;height:100%;max-width:100vw;max-height:100vh;display:flex;justify-content:center;align-items:center}#gameCanvas{border:3px solid #3a2566;box-shadow:0 0 24px #ff297540,0 0 60px #2de2e61a;background-color:#0d0221;display:block;max-width:100%;max-height:100%;object-fit:contain}#ui{position:absolute;top:10px;left:10px;color:#2de2e6;text-shadow:2px 2px 2px rgba(0,0,0,.5);background-color:#0d0221e6;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,41,117,.35);box-shadow:0 4px 12px #0003;width:260px;display:flex;flex-direction:column;gap:6px}.hud-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.hud-row-full{flex-direction:column;align-items:stretch;gap:4px}.hud-item{display:flex;align-items:baseline;gap:6px}.hud-label{font-family:"Press Start 2P",cursive;font-size:9px;color:#b8a5d9;text-transform:uppercase;letter-spacing:.5px}.hud-value{font-family:Pixelify Sans,sans-serif;font-size:18px;color:#f6e7ff;font-weight:700;display:inline-block}.hud-icon{font-size:12px;line-height:1}.hud-pop{animation:hudPop .35s ease-out}@keyframes hudPop{0%{transform:scale(1)}35%{transform:scale(1.3);color:#2de2e6}to{transform:scale(1)}}#runwayBar{width:100%;height:3px;background-color:#b8a5d933;border-radius:2px;overflow:hidden}#runwayBarFill{height:100%;width:100%;background:linear-gradient(90deg,#ff8c42,#ffd319);border-radius:2px}.runway-warning{color:#ff8c42!important;animation:runwayPulse 1.5s ease-in-out infinite}.runway-critical{color:#ff2975!important;animation:runwayPulse .8s ease-in-out infinite}#progressBar{margin-top:8px;width:100%;height:8px;background-color:#241245;border-radius:4px;overflow:hidden}#progressFill{height:100%;background:linear-gradient(90deg,#ff2975,#39ff88);width:0%;transition:width .3s ease-out;border-radius:4px}#controls{position:absolute;bottom:10px;color:#b8a5d9;font-size:9px;width:100%;text-align:center;background-color:#0d0221b3;padding:6px 5px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:2}.kbd{display:inline-block;padding:2px 5px;margin:0 2px;background-color:#2de2e61f;border:1px solid rgba(45,226,230,.35);border-bottom-width:2px;border-radius:4px;color:#2de2e6;font-size:8px}.mobileControls{position:absolute;display:none;z-index:10}#leftBtn,#rightBtn{width:60px;height:60px;background-color:#2de2e64d;border-radius:50%;align-items:center;justify-content:center;color:#fff;user-select:none;-webkit-user-select:none;transition:all .1s ease}#leftBtn{bottom:20px;left:20px}#rightBtn{bottom:20px;left:100px}#jumpBtn{width:76px;height:76px;background-color:#2de2e64d;border-radius:50%;align-items:center;justify-content:center;color:#fff;bottom:20px;right:20px;user-select:none;-webkit-user-select:none;transition:all .1s ease}#vibeBtn{width:76px;height:76px;background-color:#2de2e680;border-radius:50%;align-items:center;justify-content:center;color:#fff;bottom:106px;right:20px;user-select:none;-webkit-user-select:none;transition:all .1s ease}.mobileControls:active{transform:scale(.9);opacity:.7}#startScreen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0d0221,#241245);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:"Press Start 2P",cursive;overflow:hidden;z-index:300}#startScreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(45,226,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,226,230,.06) 1px,transparent 1px);background-size:40px 40px;animation:gridPan 8s linear infinite;z-index:0}#startScreen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,41,117,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(57,255,136,.06) 0%,transparent 50%);z-index:0}.start-container{background-color:#241245b3;border-radius:16px;padding:15px;width:90%;max-width:640px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(45,226,230,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;z-index:2;animation:fadeSlideUp .5s ease-out}.logo-area{text-align:center;margin-bottom:10px;grid-column:span 2}.hackerTitle{font-size:20px;font-weight:700;color:#2de2e6;margin-bottom:10px;letter-spacing:1px;text-shadow:3px 3px 0 #ff2975,0 0 18px rgba(45,226,230,.6)}.subtitle{font-size:12px;color:#b8a5d9;margin-bottom:10px}.description{text-align:center;margin-bottom:15px;color:#d9c9f2;font-size:10px;grid-column:span 2}.select-container{margin:0;padding:10px;background-color:#0d02214d;border-radius:8px}.select-label{display:block;margin-bottom:5px;color:#f6e7ff;font-weight:700;font-size:10px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.character-card{display:flex;flex-direction:column;align-items:center;padding:6px 4px;background-color:#241245b3;border-radius:8px;border:2px solid rgba(107,82,153,.4);cursor:pointer;transition:all .2s ease;position:relative}.character-card:hover{border-color:#2de2e680;background-color:#241245e6}.character-card.selected{border-color:#2de2e6;box-shadow:0 0 12px #2de2e666;background-color:#241245f2}.character-card canvas{display:block;image-rendering:pixelated}.character-card .card-name{font-family:"Press Start 2P",cursive;font-size:7px;margin-top:4px;text-align:center;line-height:1.3}.options-container{padding:10px;background-color:#0d02214d;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.vcModeContainer{display:flex;align-items:center;margin-bottom:10px;padding:8px;background-color:#ff297526;border-radius:8px;justify-content:space-between}.vcModeToggleLabel{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:9px;line-height:1.5;width:100%}.toggleSwitch{position:relative;display:inline-block;width:40px;height:20px;flex-shrink:0}.toggleSwitch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3a2566;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ff2975}input:checked+.slider:before{transform:translate(20px)}.how-to-play{display:flex;flex-direction:column;gap:7px;padding:10px 4px;font-size:8px;color:#b8a5d9;line-height:1.6}#startBtn{padding:10px;background:linear-gradient(90deg,#ff2975,#2de2e6);color:#fff;border:none;border-radius:8px;font-size:12px;cursor:pointer;font-family:"Press Start 2P",cursive;letter-spacing:1px;font-weight:700;transition:all .3s ease;width:100%;text-transform:uppercase;box-shadow:0 4px 12px #ff29754d}#startBtn:hover{background:linear-gradient(90deg,#e01663,#ff2975);transform:translateY(-2px);box-shadow:0 6px 14px #ff297566}#startBtn:active{transform:translateY(0);box-shadow:0 2px 8px #ff29754d}#gameOverScreen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0d0221eb;display:none;flex-direction:column;justify-content:flex-start;align-items:center;color:#fff;overflow-y:auto;padding:20px 10px;box-sizing:border-box;animation:fadeIn .3s ease-out;z-index:300}.gameover-container{display:flex;flex-direction:column;align-items:center;animation:fadeSlideUp .4s ease-out}#gameOverScreen.game-win #gameOverTitle{color:#39ff88;text-shadow:0 0 20px rgba(57,255,136,.5)}#gameOverScreen.game-loss #gameOverTitle{color:#ff2975;text-shadow:0 0 20px rgba(255,41,117,.4)}#gameOverMessage{color:#b8a5d9;font-size:14px;margin-bottom:15px}.stat-cards{display:flex;gap:12px;margin-bottom:15px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:12px 18px;border-radius:10px;background-color:#24124599;border:1px solid rgba(255,255,255,.1);min-width:90px;animation:fadeSlideUp .4s ease-out backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card-mrr{border-color:#39ff884d}.stat-card-users{border-color:#ff9f1c4d}.stat-card-score{border-color:#2de2e64d}.stat-label{font-family:"Press Start 2P",cursive;font-size:8px;color:#b8a5d9;text-transform:uppercase;margin-bottom:6px}.stat-value{font-family:Pixelify Sans,sans-serif;font-size:22px;font-weight:700;color:#f6e7ff}.stat-card-mrr .stat-value{color:#39ff88}.stat-card-users .stat-value{color:#ff9f1c}.stat-card-score .stat-value{color:#2de2e6}#restartBtn{margin-top:20px;padding:12px 24px;background:linear-gradient(90deg,#ff2975,#ff8c42);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-family:"Press Start 2P",cursive;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #ff29754d}#restartBtn:hover{background:linear-gradient(90deg,#e01663,#ff2975);transform:translateY(-2px);box-shadow:0 6px 14px #ff297566}#restartBtn:active{transform:translateY(0);box-shadow:0 2px 8px #ff29754d}.floatingText{position:absolute;font-size:16px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:100}h1{color:#2de2e6;margin-bottom:5px}.subtitle{color:#b8a5d9;margin-bottom:20px}.attribution{font-size:12px;color:#9d8bbc;margin-top:15px;text-align:center}.attribution a{color:#2de2e6;text-decoration:none;transition:color .2s ease}.attribution a:hover{color:#ff2975;text-decoration:underline}#saveScoreForm{margin:15px 0;padding:15px;background-color:#0003;border-radius:8px;max-width:400px;width:100%}.input-group{display:flex;margin:10px 0}#xHandleInput{flex:1;padding:8px 12px;border:2px solid #b537f2;border-radius:4px 0 0 4px;background-color:#ffffffe6;font-family:Pixelify Sans,sans-serif;font-size:16px}#saveScoreBtn{padding:8px 15px;background-color:#b537f2;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-family:Pixelify Sans,sans-serif;font-size:16px;transition:background-color .2s}#saveScoreBtn:hover{background-color:#9d2ad6}#saveScoreMessage{margin:8px 0 0;font-size:14px;text-align:center}#saveScoreMessage.error{color:#ff2975}#saveScoreMessage.success{color:#39ff88}#leaderboardContainer{margin:15px 0;padding:15px;background-color:#0003;border-radius:8px;max-width:400px;width:100%;max-height:250px;overflow-y:auto}#leaderboardContainer h2{text-align:center;margin-top:0;margin-bottom:15px;color:#ffd319}#leaderboard{width:100%}.leaderboard-entry{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;border-radius:4px;transition:background-color .2s ease}.leaderboard-entry:nth-child(2n){background-color:#ffffff08}.leaderboard-entry:hover{background-color:#2de2e614}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry.highlighted{background-color:#b537f24d;border-radius:4px}.leaderboard-rank{font-weight:700;margin-right:10px;width:30px}.leaderboard-rank-1{color:#ffd319;animation:goldGlow 2s ease-in-out infinite}.leaderboard-rank-2{color:silver}.leaderboard-rank-3{color:#cd7f32}.leaderboard-handle{flex:1;text-align:left}.leaderboard-handle a{color:#2de2e6;text-decoration:none;transition:color .2s,text-decoration .2s}.leaderboard-handle a:hover{color:#ff2975;text-decoration:underline}.leaderboard-score{font-weight:700}.loading-spinner{margin:20px auto;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #ffd319;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes runwayPulse{0%,to{text-shadow:0 0 4px currentColor}50%{text-shadow:0 0 12px currentColor}}@keyframes gridPan{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes goldGlow{0%,to{text-shadow:0 0 4px #ffd319}50%{text-shadow:0 0 12px #ffd319}}@media (max-width: 600px){#saveScoreForm,#leaderboardContainer{max-width:90%}.share-button{font-size:12px;padding:6px 12px}.share-container{margin-top:10px}.x-icon{width:16px;height:16px}}.share-container{margin-top:15px;display:flex;justify-content:center}.share-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Pixelify Sans,sans-serif;font-size:14px;transition:background-color .2s}.share-button:hover{background-color:#1d9bf0}.x-icon{display:inline-block;margin-right:5px;vertical-align:middle}.coursebois-link{display:inline-block;color:gold;text-decoration:none;font-weight:700;position:relative;overflow:hidden;background:linear-gradient(90deg,orange,gold,#ff0,gold,orange);background-size:200% auto;color:#000;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 1.5s linear infinite,pulse 2s ease-in-out infinite;text-shadow:0 0 5px rgba(255,215,0,.5)}@keyframes shine{to{background-position:200% center}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-height: 700px){#gameOverScreen{justify-content:flex-start;padding-top:10px}#gameOverScreen h1{margin-top:5px;margin-bottom:5px}#gameOverScreen p{margin:3px 0}#leaderboardContainer,#saveScoreForm{margin:10px 0;padding:10px}#leaderboardContainer{max-height:150px}#leaderboardContainer h2{margin-bottom:10px;font-size:14px}.leaderboard-entry{padding:6px 8px;font-size:12px}#restartBtn{margin-top:10px;margin-bottom:10px;padding:8px 16px;font-size:14px}.attribution{margin-top:10px;margin-bottom:5px;font-size:10px}.share-button{padding:6px 12px;font-size:12px}#saveScoreMessage{font-size:12px}}@media (max-height: 500px){#gameOverScreen{padding-top:5px}#gameOverScreen h1{font-size:18px}#gameOverScreen p{font-size:10px}#saveScoreForm{padding:8px}#saveScoreForm p{margin-bottom:5px}.input-group{margin:5px 0}#xHandleInput,#saveScoreBtn{font-size:12px;padding:6px}#leaderboardContainer{max-height:120px;padding:8px}#restartBtn{font-size:12px;padding:6px 12px}#pauseBtn{display:flex;position:fixed;top:10px;right:10px;width:40px;height:40px;background-color:#2de2e666;border:2px solid rgba(255,255,255,.5);border-radius:8px;font-size:12px;z-index:100}#pauseScreen{width:100vw;height:100vh;position:fixed;top:0;left:0}}#pauseScreen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0d0221eb;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.pause-container{background-color:#241245cc;border-radius:16px;padding:30px 40px;text-align:center;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(45,226,230,.3);animation:fadeSlideUp .3s ease-out}.pause-title{font-family:"Press Start 2P",cursive;font-size:28px;color:#2de2e6;margin-bottom:25px;text-shadow:0 0 10px rgba(45,226,230,.5)}.pause-menu{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pause-btn{padding:12px 30px;background:linear-gradient(90deg,#ff2975,#2de2e6);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-family:"Press Start 2P",cursive;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 12px #ff29754d}.pause-btn:hover{background:linear-gradient(90deg,#e01663,#ff2975);transform:translateY(-2px);box-shadow:0 6px 14px #ff297566}.pause-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff29754d}.pause-btn-secondary{background:linear-gradient(90deg,#54398c,#6b5299);box-shadow:0 4px 12px #6b52994d}.pause-btn-secondary:hover{background:linear-gradient(90deg,#3a2566,#54398c);box-shadow:0 6px 14px #6b529966}.pause-btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #6b52994d}.pause-hint{font-family:"Press Start 2P",cursive;font-size:10px;color:#b8a5d9}@media (max-width: 800px),(pointer: coarse){.mobileControls{display:flex;position:fixed;align-items:center;justify-content:center;z-index:100}#pauseBtn{top:8px;right:8px;width:40px;height:40px;background-color:#ff297559;border:2px solid rgba(255,255,255,.5);border-radius:8px}#leftBtn,#rightBtn,#jumpBtn{background-color:#2de2e680;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 8px #00000080}#vibeBtn{background-color:#ff29758c;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 8px #00000080}#leftBtn{bottom:30px;left:20px}#rightBtn{bottom:30px;left:110px}#jumpBtn{bottom:30px;right:20px}#vibeBtn{bottom:120px;right:20px}#controls{display:none}}@media (max-width: 800px){#ui{width:auto;min-width:160px;padding:6px 8px;top:5px;left:5px;gap:4px}.hud-label{font-size:7px}.hud-value{font-size:14px}.hud-row{gap:8px}#gameContainer{padding:0;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;align-items:center;justify-content:center;overflow:hidden;position:fixed;top:0;left:0}body{height:100vh;width:100vw;padding:0;margin:0;overflow:hidden;position:fixed}#gameCanvas{width:100%;height:auto;object-fit:contain;max-width:100vw;max-height:70vh;position:absolute;top:50px;left:0;right:0;margin:0 auto}#startScreen,#gameOverScreen{width:100vw;height:100vh;position:fixed;top:0;left:0}.start-container{width:90%;max-width:90vw;padding:10px;display:flex;flex-direction:column;overflow-y:auto;max-height:90vh;grid-template-columns:1fr}.select-container,.options-container{width:100%;margin-bottom:10px;grid-column:1}.logo-area,.description{grid-column:1}.hackerTitle{font-size:16px}.subtitle,.description{font-size:10px}#gameOverScreen h1{font-size:24px}#gameOverScreen p{font-size:12px;margin:5px 0}.stat-cards{flex-direction:row;gap:8px}.stat-card{padding:8px 12px;min-width:70px}.stat-value{font-size:18px}#restartBtn{font-size:14px;padding:8px 16px}}.rotate-hint{display:none;font-size:9px;color:#ffd319;text-align:center;line-height:1.6;margin-top:8px}@media (max-width: 800px) and (orientation: portrait){.rotate-hint{display:block}}