*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#edf2f4;touch-action:none;-webkit-user-select:none;user-select:none;background:#0d1b2a;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.game-container{width:100vw;height:100dvh;position:relative}.ui-overlay{pointer-events:none;position:absolute;inset:0}.ui-overlay>*{pointer-events:auto}.hud{pointer-events:none;position:absolute;inset:0}.hud-version{color:#edf2f466;letter-spacing:1px;font-size:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)translateY(48px)}.hud-timer-wrap{flex-direction:column;gap:4px;display:flex;position:absolute;top:14px;left:16px}.hud-timer{color:#ffd166;text-shadow:0 0 12px #ffd16680;letter-spacing:1px;font-size:22px;font-weight:800}.hud-survival-bar{background:#1a1a2ecc;border-radius:2px;width:120px;height:4px;overflow:hidden}.hud-survival-fill{background:linear-gradient(90deg,#ffd166,#ef476f);border-radius:2px;height:100%;transition:width .2s linear}.hud-xp{flex-direction:column;align-items:center;gap:4px;min-width:180px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-level{color:#118ab2;letter-spacing:2px;font-size:13px;font-weight:700}.hud-xp-bar{background:#1a1a2ecc;border:1px solid #118ab266;border-radius:5px;width:200px;height:10px;overflow:hidden}.hud-xp-fill{background:linear-gradient(90deg,#118ab2,#06d6a0);border-radius:5px;height:100%;transition:width .15s}.hud-xp-text{color:#edf2f499;font-size:10px}.hud-score{flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:16px;right:16px}.hud-coins{color:#ffd166;font-size:16px;font-weight:700}.hud-points{color:#edf2f4b3;font-size:13px}.boss-bar{flex-direction:column;align-items:center;gap:4px;width:min(560px,86vw);display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.boss-name{letter-spacing:2px;text-transform:uppercase;color:#ef476f;text-shadow:0 0 12px #ef476f99;font-size:13px;font-weight:800}.boss-bar-track{background:#1a1a2ee6;border:2px solid #ef476f99;border-radius:8px;width:100%;height:16px;overflow:hidden;box-shadow:0 0 18px #ef476f59}.boss-bar-fill{background:linear-gradient(90deg,#ef476f,#ff9f1c);border-radius:6px;height:100%;transition:width .2s}.hud-abilities{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:60vw;display:flex;position:absolute;bottom:24px;right:24px}.ability-icon{width:44px;height:44px;position:relative}.ability-icon-bg{background:#0d1b2ad9;border:2px solid #118ab280;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.ability-ring{width:44px;height:44px;position:absolute;inset:0}.joystick-layer{z-index:40;touch-action:none;position:fixed;inset:0}.joystick-base{opacity:0;pointer-events:none;background:#0d1b2a8c;border:2px solid #118ab266;border-radius:50%;width:130px;height:130px;margin-top:-65px;margin-left:-65px;transition:opacity .12s;position:fixed;box-shadow:0 0 24px #118ab240}.joystick-knob{pointer-events:none;background:radial-gradient(circle,#118ab2,#0d1b2a);border:2px solid #ffd166;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #118ab299}.start-screen{z-index:90;background:radial-gradient(#118ab229,#0d1b2af5);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.start-content{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:460px;display:flex}.start-title{letter-spacing:4px;color:#ffd166;text-shadow:0 0 28px #ffd16680;font-size:clamp(34px,9vw,60px);font-weight:900;line-height:1.05}.start-tagline{color:#edf2f4bf;font-size:14px;font-style:italic;line-height:1.5}.start-hero{color:#edf2f499;font-size:13px}.start-hero span{color:#06d6a0;font-weight:700}.start-best{gap:18px;margin:6px 0;display:flex}.start-best-item{background:#118ab21a;border:1px solid #118ab24d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:10px 8px;display:flex}.start-best-value{color:#ffd166;font-size:20px;font-weight:800}.start-best-label{letter-spacing:1px;text-transform:uppercase;color:#edf2f480;font-size:10px}.start-hint{color:#edf2f480;max-width:320px;font-size:12px;line-height:1.5}.btn{letter-spacing:2px;cursor:pointer;color:#fff;border:none;border-radius:10px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.btn-primary{background:linear-gradient(135deg,#118ab2,#06d6a0);flex:1;padding:14px;font-size:15px}.btn-primary:hover{transform:scale(1.03);box-shadow:0 6px 20px #118ab266}.btn-secondary{background:#edf2f414;border:1px solid #edf2f440;flex:1;padding:14px;font-size:15px}.btn-secondary:hover{background:#edf2f429;transform:scale(1.03)}.btn-play{letter-spacing:4px;color:#0d1b2a;background:linear-gradient(135deg,#ffd166,#ff9f1c);padding:16px 56px;font-size:20px;box-shadow:0 0 30px #ffd16666}.btn-play:hover{transform:scale(1.05);box-shadow:0 0 44px #ffd16699}.modal-overlay{pointer-events:auto;z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal{background:linear-gradient(135deg,#0d1b2a 0%,#1b2838 100%);border:2px solid #118ab2;border-radius:16px;max-width:90vw;max-height:92vh;padding:28px 24px;overflow-y:auto;box-shadow:0 0 40px #118ab24d}.modal-title{text-align:center;color:#ffd166;letter-spacing:3px;text-shadow:0 0 20px #ffd16666;margin-bottom:8px;font-size:28px;font-weight:900}.modal-subtitle{text-align:center;color:#edf2f499;margin-bottom:20px;font-size:14px}.modal-actions{gap:12px;margin-top:22px;display:flex}.upgrade-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.upgrade-card{cursor:pointer;color:#edf2f4;background:#118ab21a;border:2px solid #118ab266;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:150px;padding:18px 14px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.upgrade-card:hover{border-color:#ffd166;transform:translateY(-4px);box-shadow:0 8px 24px #ffd16633}.upgrade-kind{letter-spacing:1.5px;text-transform:uppercase;color:#edf2f480;font-size:9px;font-weight:700}.upgrade-icon{font-size:32px}.upgrade-name{color:#ffd166;text-align:center;font-size:13px;font-weight:700}.upgrade-desc{color:#edf2f499;text-align:center;font-size:11px;line-height:1.4}.upgrade-card--passive{background:#06d6a014;border-color:#06d6a073}.upgrade-card--passive .upgrade-name{color:#06d6a0}.upgrade-card--evolution{background:linear-gradient(160deg,#ff9f1c40,#ef476f2e);border-color:#ffd166;animation:1.6s ease-in-out infinite evolution-glow;box-shadow:0 0 26px #ff9f1c59}.upgrade-card--evolution .upgrade-kind{color:#ff9f1c}.upgrade-card--evolution .upgrade-name{color:#ffd166;text-shadow:0 0 12px #ff9f1c99}.upgrade-card--evolution:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 10px 34px #ff9f1c8c}@keyframes evolution-glow{0%,to{box-shadow:0 0 22px #ff9f1c4d}50%{box-shadow:0 0 36px #ff9f1c99}}.run-stats{flex-direction:column;gap:12px;margin:20px 0;display:flex}.stat{justify-content:space-between;gap:24px;display:flex}.stat-label{color:#edf2f499;font-size:14px}.stat-value{color:#ffd166;font-size:16px;font-weight:700}.best-stats{background:#ffd1660f;border:1px solid #ffd16633;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.best-stats-title{letter-spacing:2px;text-transform:uppercase;color:#edf2f480;font-size:10px;font-weight:700}.best-stats-row{color:#edf2f4;gap:18px;font-size:14px;font-weight:700;display:flex}.gameover-title{color:#ef476f;text-shadow:0 0 20px #ef476f66}.victory-modal{text-align:center;border-color:#ffd166;box-shadow:0 0 50px #ffd16666}.victory-title{color:#ffd166;text-shadow:0 0 28px #ffd16699}.victory-confetti{letter-spacing:6px;margin-bottom:6px;font-size:28px}@media (width<=480px){.hud-xp-bar{width:150px}.upgrade-card{width:120px;padding:14px 10px}.modal-title{font-size:22px}.start-best{gap:12px}}.hud-court{color:#edf2f48c;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.start-coins{color:#ffd166;margin-bottom:16px;font-size:15px}.screen-overlay{pointer-events:auto;z-index:90;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.screen-panel{background:linear-gradient(135deg,#0d1b2a 0%,#1b2838 100%);border:2px solid #118ab2;border-radius:16px;width:min(640px,100%);max-width:92vw;max-height:92vh;padding:24px 20px;overflow-y:auto;box-shadow:0 0 40px #118ab24d}.screen-title{text-align:center;color:#ffd166;letter-spacing:3px;margin-bottom:6px;font-size:26px;font-weight:900}.screen-subtitle{text-align:center;color:#edf2f4a6;margin-bottom:18px;font-size:14px}.screen-actions{gap:12px;margin-top:20px;display:flex}.level-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.level-card{color:#edf2f4;text-align:left;cursor:pointer;background:#118ab214;border:2px solid #118ab259;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.level-card--unlocked:hover{border-color:#06d6a0;transform:scale(1.02);box-shadow:0 0 16px #06d6a040}.level-card--locked{opacity:.45;cursor:not-allowed}.level-card--completed{border-color:#ffd16680}.level-card-id{color:#118ab2;font-size:11px;font-weight:800}.level-card-name{font-size:15px;font-weight:800}.level-card-theme{color:#edf2f480;font-size:11px}.level-card-meta,.level-card-reward{color:#edf2f473;font-size:10px}.level-card-lock,.level-card-done{margin-top:4px;font-size:10px;font-weight:700}.level-card-done{color:#06d6a0}.upgrade-list{flex-direction:column;gap:10px;display:flex}.meta-upgrade-row{background:#118ab214;border:1px solid #118ab24d;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.meta-upgrade-info{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.meta-upgrade-icon{font-size:22px;line-height:1}.meta-upgrade-name{font-size:14px;font-weight:800;display:block}.meta-upgrade-desc{color:#edf2f48c;margin-top:2px;font-size:11px;display:block}.meta-upgrade-level{color:#118ab2;margin-top:4px;font-size:11px;font-weight:700;display:block}.meta-upgrade-buy{flex-shrink:0;min-width:72px;padding:10px 12px;font-size:13px}.meta-upgrade-buy:disabled{opacity:.45;cursor:not-allowed;transform:none}.reward-modal--win .modal-title{color:#06d6a0;text-shadow:0 0 20px #06d6a066}.reward-modal--loss .modal-title{color:#ef476f;text-shadow:0 0 20px #ef476f66}.reward-payout{justify-content:center;gap:16px;margin:16px 0;display:flex}.reward-payout-item{background:#ffd16614;border:1px solid #ffd16640;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;display:flex}.reward-payout-label{color:#edf2f48c;text-transform:uppercase;letter-spacing:1px;font-size:11px}.reward-payout-value{color:#ffd166;font-size:22px;font-weight:900}.reward-unlock{text-align:center;color:#06d6a0;margin-bottom:12px;font-size:14px;font-weight:700}.reward-actions{flex-wrap:wrap}.reward-actions .btn{flex:120px}.start-account{flex-direction:column;align-items:center;gap:4px;margin-bottom:16px;display:flex}.start-account-name{color:#06d6a0;font-size:14px;font-weight:700}.account-link{color:#5fa8d3;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;text-decoration:underline}.account-link:hover{color:#ffd166}.start-leaderboard-btn{margin-top:10px;padding:10px 24px;font-size:14px}.auth-modal{width:min(380px,100%)}.auth-form{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.auth-field{text-align:left;flex-direction:column;gap:6px;display:flex}.auth-field span{color:#edf2f4b3;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.auth-field input{color:#edf2f4;background:#0d1b2acc;border:1px solid #118ab280;border-radius:10px;outline:none;padding:12px 14px;font-size:15px}.auth-field input:focus{border-color:#06d6a0;box-shadow:0 0 0 2px #06d6a033}.auth-error{color:#ef476f;text-align:center;font-size:13px}.auth-toggle{text-align:center;color:#edf2f499;margin-bottom:14px;font-size:13px}.auth-link{color:#5fa8d3;cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.auth-link:hover{color:#ffd166}.auth-modal .btn{width:100%}.auth-modal .btn+.btn,.auth-modal .auth-toggle+.btn{margin-top:4px}.leaderboard-modal{width:min(440px,100%)}.leaderboard-empty{text-align:center;color:#edf2f499;padding:20px 0}.leaderboard-table{flex-direction:column;gap:2px;max-height:50vh;margin-bottom:18px;display:flex;overflow-y:auto}.leaderboard-row{border-radius:8px;grid-template-columns:32px 1fr 64px 44px 48px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:grid}.leaderboard-row>span:not(.leaderboard-name){text-align:right}.leaderboard-head{letter-spacing:1px;text-transform:uppercase;color:#edf2f480;font-size:11px;font-weight:800}.leaderboard-table .leaderboard-row:nth-child(2n):not(.leaderboard-head){background:#118ab214}.leaderboard-row--me{color:#ffd166;font-weight:700;background:#ffd16629!important}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}