@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:#222;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 #1e293b;box-shadow:0 0 20px #00000080;background-color:#1e293b;display:block;max-width:100%;max-height:100%;object-fit:contain}#ui{position:absolute;top:10px;left:10px;color:#38bdf8;text-shadow:2px 2px 2px rgba(0,0,0,.5);background-color:#0f172acc;padding:10px 14px;border-radius:10px;border:1px solid rgba(56,189,248,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.hud-value{font-family:Pixelify Sans,sans-serif;font-size:18px;color:#e2e8f0;font-weight:700}.runway-warning{color:#f97316!important;animation:runwayPulse 1.5s ease-in-out infinite}.runway-critical{color:#ef4444!important;animation:runwayPulse .8s ease-in-out infinite}#progressBar{margin-top:8px;width:100%;height:8px;background-color:#1e293b;border-radius:4px;overflow:hidden}#progressFill{height:100%;background:linear-gradient(90deg,#0ea5e9,#10b981);width:0%;transition:width .3s ease-out;border-radius:4px}#controls{position:absolute;bottom:10px;color:#94a3b8;font-size:10px;width:100%;text-align:center;background-color:#0f172ab3;padding:5px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobileControls{position:absolute;display:none;z-index:10}#leftBtn,#rightBtn{width:60px;height:60px;background-color:#38bdf84d;border-radius:50%;display:flex;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:#38bdf84d;border-radius:50%;display:flex;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:#8b5cf680;border-radius:50%;display:flex;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}@media (max-width: 800px){.mobileControls{display:flex;position:fixed;align-items:center;justify-content:center;z-index:100}#leftBtn,#rightBtn,#jumpBtn,#vibeBtn{background-color:#38bdf899;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 8px #00000080}#vibeBtn{background-color:#8b5cf699}#leftBtn{bottom:30px;left:20px}#rightBtn{bottom:30px;left:110px}#jumpBtn{bottom:30px;right:20px}#vibeBtn{bottom:120px;right:20px}#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}#controls{font-size:8px;padding:5px;position:fixed;bottom:5px;left:0;z-index:10}#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}}#startScreen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:"Press Start 2P",cursive;overflow:hidden}#startScreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.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(14,165,233,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(16,185,129,.06) 0%,transparent 50%);z-index:0}.start-container{background-color:#1e293bb3;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(56,189,248,.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:#38bdf8;margin-bottom:10px;letter-spacing:1px;text-shadow:0 0 10px rgba(56,189,248,.5)}.subtitle{font-size:12px;color:#94a3b8;margin-bottom:10px}.description{text-align:center;margin-bottom:15px;color:#cbd5e1;font-size:10px;grid-column:span 2}.select-container{margin:0;padding:10px;background-color:#0f172a4d;border-radius:8px}.select-label{display:block;margin-bottom:5px;color:#e2e8f0;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:#1e293bb3;border-radius:8px;border:2px solid rgba(71,85,105,.4);cursor:pointer;transition:all .2s ease;position:relative}.character-card:hover{border-color:#38bdf880;background-color:#1e293be6}.character-card.selected{border-color:#38bdf8;box-shadow:0 0 12px #38bdf866;background-color:#1e293bf2}.character-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.character-card .soon-badge{position:absolute;top:4px;right:4px;font-family:"Press Start 2P",cursive;font-size:6px;color:#94a3b8;background-color:#0f172acc;padding:2px 4px;border-radius:3px}.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:#0f172a4d;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:#ef444426;border-radius:8px;justify-content:space-between}.vcModeToggleLabel{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:10px}.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:#334155;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:#ef4444}input:checked+.slider:before{transform:translate(20px)}#startBtn{padding:10px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);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 #0ea5e94d}#startBtn:hover{background:linear-gradient(90deg,#0284c7,#0ea5e9);transform:translateY(-2px);box-shadow:0 6px 14px #0ea5e966}#startBtn:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e94d}#gameOverScreen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f172aeb;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}.gameover-container{display:flex;flex-direction:column;align-items:center;animation:fadeSlideUp .4s ease-out}#gameOverScreen.game-win #gameOverTitle{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}#gameOverScreen.game-loss #gameOverTitle{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.4)}#gameOverMessage{color:#94a3b8;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:#1e293b99;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:#10b9814d}.stat-card-users{border-color:#f59e0b4d}.stat-card-score{border-color:#38bdf84d}.stat-label{font-family:"Press Start 2P",cursive;font-size:8px;color:#94a3b8;text-transform:uppercase;margin-bottom:6px}.stat-value{font-family:Pixelify Sans,sans-serif;font-size:22px;font-weight:700;color:#e2e8f0}.stat-card-mrr .stat-value{color:#10b981}.stat-card-users .stat-value{color:#f59e0b}.stat-card-score .stat-value{color:#38bdf8}#restartBtn{margin-top:20px;padding:12px 24px;background:linear-gradient(90deg,#ef4444,#f97316);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 #ef44444d}#restartBtn:hover{background:linear-gradient(90deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 6px 14px #ef444466}#restartBtn:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.floatingText{position:absolute;font-size:16px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:100}h1{color:#38bdf8;margin-bottom:5px}.subtitle{color:#94a3b8;margin-bottom:20px}.attribution{font-size:12px;color:#8b9fbd;margin-top:15px;text-align:center}.attribution a{color:#94c1f8;text-decoration:none;transition:color .2s ease}.attribution a:hover{color:#3b82f6;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 #4a6fa5;border-radius:4px 0 0 4px;background-color:#ffffffe6;font-family:Pixelify Sans,sans-serif;font-size:16px}#saveScoreBtn{padding:8px 15px;background-color:#4c6baf;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:#3a5999}#saveScoreMessage{margin:8px 0 0;font-size:14px;text-align:center}#saveScoreMessage.error{color:#ff5252}#saveScoreMessage.success{color:#66bb6a}#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:#f8d74a}#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:#38bdf814}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry.highlighted{background-color:#4a6fa54d;border-radius:4px}.leaderboard-rank{font-weight:700;margin-right:10px;width:30px}.leaderboard-rank-1{color:#f8d74a;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:#4c90d6;text-decoration:none;transition:color .2s,text-decoration .2s}.leaderboard-handle a:hover{color:#3b82f6;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 #f8d74a;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 #f8d74a}50%{text-shadow:0 0 12px #f8d74a}}@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:#38bdf866;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:#0f172aeb;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.pause-container{background-color:#1e293bcc;border-radius:16px;padding:30px 40px;text-align:center;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(56,189,248,.3);animation:fadeSlideUp .3s ease-out}.pause-title{font-family:"Press Start 2P",cursive;font-size:28px;color:#38bdf8;margin-bottom:25px;text-shadow:0 0 10px rgba(56,189,248,.5)}.pause-menu{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pause-btn{padding:12px 30px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);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 #0ea5e94d}.pause-btn:hover{background:linear-gradient(90deg,#0284c7,#0ea5e9);transform:translateY(-2px);box-shadow:0 6px 14px #0ea5e966}.pause-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e94d}.pause-btn-secondary{background:linear-gradient(90deg,#475569,#64748b);box-shadow:0 4px 12px #4755694d}.pause-btn-secondary:hover{background:linear-gradient(90deg,#334155,#475569);box-shadow:0 6px 14px #47556966}.pause-btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #4755694d}.pause-hint{font-family:"Press Start 2P",cursive;font-size:10px;color:#94a3b8}