*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#000;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}#root{width:100vw;height:100vh;overflow:hidden;overscroll-behavior:none;touch-action:none}canvas{display:block}#hud{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:10px;font-family:monospace;font-size:16px;color:#fff;background:#000000b3;padding:15px;border-radius:8px;border:2px solid #4a90e2;z-index:10}.hud-item{display:flex;align-items:center;gap:10px}#health-bar{position:relative;width:200px;height:25px;background:#00000080;border:2px solid #8b0000;border-radius:4px;overflow:hidden}#health-fill{position:absolute;height:100%;background:linear-gradient(90deg,red,#f44);transition:width .3s}#health-text{position:absolute;width:100%;text-align:center;line-height:25px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000}#dash-cooldown{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:300px;background:#000000b3;padding:10px;border-radius:8px;border:2px solid #4a90e2;text-align:center;color:#fff;font-weight:700}#dash-bar{position:relative;width:100%;height:20px;background:#00000080;border:2px solid #4a90e2;border-radius:4px;overflow:hidden;margin-top:5px}#dash-fill{position:absolute;height:100%;background:linear-gradient(90deg,#4a90e2,#6bb6ff);transition:width .3s}#energy-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:300px;background:#000000b3;padding:10px;border-radius:8px;border:2px solid #ffaa00;text-align:center;color:#fff;font-weight:700}#energy-fill{position:relative;width:100%;height:20px;background:#00000080;border:2px solid #ffaa00;border-radius:4px;overflow:hidden;margin-top:5px}#energy-fill-bar{position:absolute;height:100%;background:linear-gradient(90deg,#fa0,gold);transition:width .3s}@media (max-width: 768px){#hud{top:50px;left:10px;font-size:14px;padding:10px;gap:8px}#health-bar{width:150px;height:20px}#health-text{line-height:20px;font-size:12px}#dash-cooldown,#energy-bar{width:250px;font-size:14px}}.timer-display{font-size:20px;font-weight:700;padding:8px 12px;border-radius:6px;transition:all .3s ease}.timer-display.timer-normal{background:#4caf5033;border:2px solid #4caf50}.timer-display.timer-warning{background:#ff980033;border:2px solid #ff9800;animation:timer-pulse 1s ease-in-out infinite}.timer-display.timer-critical{background:#f4433633;border:2px solid #f44336;animation:timer-pulse-fast .5s ease-in-out infinite}.timer-text{font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.timer-normal .timer-text{color:#4caf50}.timer-warning .timer-text{color:#ff9800}.timer-critical .timer-text{color:#f44336}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #ff98004d}50%{transform:scale(1.05);box-shadow:0 0 20px #ff980099}}@keyframes timer-pulse-fast{0%,to{transform:scale(1);box-shadow:0 0 15px #f4433680}50%{transform:scale(1.1);box-shadow:0 0 30px #f44336cc}}#powerup-indicators{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.powerup-indicator{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px;animation:powerup-pulse 1s ease-in-out infinite;box-shadow:0 0 20px #ffffff80}.powerup-speed{background:linear-gradient(135deg,#667eea,#764ba2)}.powerup-shield{background:linear-gradient(135deg,#f093fb,#f5576c)}.powerup-fireRate{background:linear-gradient(135deg,#fa709a,#fee140)}@keyframes powerup-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ffffff80}50%{transform:scale(1.1);box-shadow:0 0 30px #fffc}}#respawn-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999}#respawn-overlay h2{color:#f44336;font-size:48px;margin-bottom:20px;text-shadow:0 0 20px rgba(244,67,54,.8)}#respawn-timer{color:#fff;font-size:72px;font-weight:700;text-shadow:0 0 30px rgba(255,255,255,.8)}#spawn-protection{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#4caf50;font-size:24px;font-weight:700;text-shadow:0 0 20px rgba(76,175,80,.8);z-index:100;animation:fade-pulse 1s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.6}50%{opacity:1}}#match-timer{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000d9;padding:15px 30px;border-radius:12px;text-align:center;z-index:100;transition:all .3s ease}#match-timer.timer-normal{border:3px solid #4caf50;box-shadow:0 0 20px #4caf504d}#match-timer.timer-warning{border:3px solid #ff9800;box-shadow:0 0 20px #ff980080;animation:timer-pulse 1s ease-in-out infinite}#match-timer.timer-critical{border:3px solid #f44336;box-shadow:0 0 30px #f44336b3;animation:timer-pulse-fast .5s ease-in-out infinite}.match-timer-label{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:5px;opacity:.8}#match-timer.timer-normal .match-timer-label{color:#4caf50}#match-timer.timer-warning .match-timer-label{color:#ff9800}#match-timer.timer-critical .match-timer-label{color:#f44336}.match-timer-value{font-size:48px;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(255,255,255,.5)}#match-timer.timer-normal .match-timer-value{color:#4caf50}#match-timer.timer-warning .match-timer-value{color:#ff9800}#match-timer.timer-critical .match-timer-value{color:#f44336}@media (max-width: 768px){#match-timer{top:10px;padding:10px 20px}.match-timer-label{font-size:10px}.match-timer-value{font-size:32px}}.lives-normal{color:#4caf50}.lives-warning{color:#ff9800;animation:lives-pulse 1s ease-in-out infinite}.lives-critical{color:#f44336;animation:lives-pulse-fast .5s ease-in-out infinite}@keyframes lives-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes lives-pulse-fast{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}#wave-display{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000d9;padding:15px 30px;border-radius:12px;text-align:center;z-index:100;transition:all .3s ease;border:3px solid #4a90e2;box-shadow:0 0 20px #4a90e280}#wave-display.lives-warning{border-color:#ff9800;box-shadow:0 0 20px #ff980080}#wave-display.lives-critical{border-color:#f44336;box-shadow:0 0 30px #f44336b3;animation:wave-pulse .5s ease-in-out infinite}.wave-display-label{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:5px;color:#4a90e2;opacity:.8}.wave-display-value{font-size:48px;font-weight:700;font-family:Courier New,monospace;color:#4a90e2;text-shadow:0 0 20px rgba(74,144,226,.8)}.wave-display-enemies{font-size:14px;color:#aaa;margin-top:5px}#wave-display.lives-critical .wave-display-value,#wave-display.lives-critical .wave-display-label{color:#f44336}@keyframes wave-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@media (max-width: 768px){#wave-display{top:10px;padding:10px 20px}.wave-display-label{font-size:10px}.wave-display-value{font-size:32px}.wave-display-enemies{font-size:12px}}.difficulty-select{text-align:center;padding:20px;max-width:800px;margin:0 auto}.difficulty-select h2{font-size:36px;margin-bottom:10px;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.6)}.difficulty-subtitle{font-size:18px;color:#ffffffb3;margin-bottom:40px}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.difficulty-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:3px solid;border-radius:15px;padding:30px 20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.difficulty-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.difficulty-emoji{font-size:64px;line-height:1}.difficulty-name{font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.difficulty-description{font-size:14px;color:#fff9}.back-btn{margin-top:20px}@media (max-width: 768px){.difficulty-grid{grid-template-columns:repeat(2,1fr);gap:15px}.difficulty-card{padding:20px 15px}.difficulty-emoji{font-size:48px}.difficulty-name{font-size:20px}.difficulty-description{font-size:12px}}@media (max-width: 480px){.difficulty-grid{grid-template-columns:1fr}}#start-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;max-height:100vh;overflow-y:auto;padding:15px;text-align:center}.header-section{margin-bottom:15px;flex-shrink:0}.game-title{font-size:36px;margin:0 0 8px;background:linear-gradient(135deg,red,#0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;font-weight:700}.game-description{font-size:14px;color:#fffc;max-width:500px;margin:0 auto;line-height:1.4}.main-menu{display:flex;flex-direction:column;gap:10px;width:100%;max-width:450px;margin-bottom:10px;flex-shrink:0}.menu-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:15px;color:#fff;font-size:18px;font-weight:700;text-align:left}.menu-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.menu-btn.primary{border-color:#00d4ff;background:linear-gradient(135deg,#00d4ff33,#0099cc1a)}.menu-btn.primary:hover{border-color:#00d4ff;box-shadow:0 10px 30px #00d4ff66}.menu-btn.challenge{border-color:gold;background:linear-gradient(135deg,#ffd70033,#ffa5001a)}.menu-btn.challenge:hover{border-color:gold;box-shadow:0 10px 30px #ffd70066}.menu-btn.tutorial{border-color:#4caf50;background:linear-gradient(135deg,#4caf5033,#388e3c1a)}.menu-btn.tutorial:hover{border-color:#4caf50;box-shadow:0 10px 30px #4caf5066}.menu-btn.secondary{flex:1;padding:15px;flex-direction:column;gap:8px}.menu-btn.info{border-color:#ffffff4d;padding:15px}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-icon{font-size:32px;min-width:40px}.btn-text{flex:1;font-size:20px}.btn-subtitle{font-size:14px;color:#fff9;font-weight:400;display:block;margin-top:5px}.controls-section{font-size:14px;color:#fff9;max-width:600px}.controls-label{font-weight:700;color:#fffc}.desktop-only{display:block}.mobile-only{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.how-to-play-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00d4ff;border-radius:20px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px #00d4ff4d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid rgba(0,212,255,.3)}.modal-header h2{margin:0;color:#00d4ff}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ff00004d;border-color:red;transform:rotate(90deg)}.modal-content{padding:25px;text-align:left}.modal-content section{margin-bottom:25px}.modal-content h3{color:#00d4ff;margin-bottom:10px}.modal-content p{color:#fffc;line-height:1.6}.modal-content ul{list-style:none;padding:0}.modal-content li{padding:8px 0;color:#fffc}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-item{background:#ffffff0d;padding:15px;border-radius:10px}.control-item strong{color:#00d4ff;display:block;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.game-title{font-size:36px}.game-description{font-size:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.menu-btn{padding:15px}.btn-icon{font-size:28px}.btn-text{font-size:18px}.btn-subtitle{font-size:12px}.desktop-only{display:none}.mobile-only{display:block}.controls-grid{grid-template-columns:1fr}}@media (max-width: 480px){.game-title{font-size:28px}.stats-grid,.menu-row{grid-template-columns:1fr}}#game-over{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000f2;color:#fff;z-index:1000;padding:20px;overflow-y:auto}#game-over h2{font-size:64px;margin-bottom:20px;color:red;text-shadow:0 0 30px #ff0000;animation:pulse 2s ease-in-out infinite}.new-best-banner{background:linear-gradient(90deg,gold,#ffed4e,gold);color:#000;font-size:24px;font-weight:700;padding:15px 30px;border-radius:10px;margin-bottom:20px;animation:shine 2s ease-in-out infinite;box-shadow:0 0 30px #ffd700cc}#final-stats{max-width:800px;width:90%;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #4a90e2;border-radius:15px;padding:25px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #4a90e280}.stat-card.highlight{border-color:gold;background:linear-gradient(135deg,#2a2a1e,#26211e)}.stat-icon{font-size:48px;margin-bottom:10px}.stat-value{font-size:36px;font-weight:700;color:#4a90e2;margin-bottom:5px}.stat-card.highlight .stat-value{color:gold}.stat-label{font-size:14px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.difficulty-display{text-align:center;font-size:20px;margin:20px 0;padding:10px;background:#4a90e233;border-radius:10px}.difficulty-emoji{font-size:32px;margin-right:10px}.difficulty-text{font-weight:700;color:#4a90e2}.personal-best{text-align:center;font-size:18px;color:#4caf50;margin:15px 0;padding:10px;background:#4caf5033;border-radius:8px}.rank-display{text-align:center;font-size:24px;font-weight:700;color:gold;margin:15px 0;padding:15px;background:#ffd70033;border:2px solid #ffd700;border-radius:10px;animation:glow 2s ease-in-out infinite}.submitting{text-align:center;font-size:16px;color:#aaa;font-style:italic}.game-over-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.primary-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;color:#fff;padding:15px 40px;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px #4a90e266}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4a90e299}.secondary-btn{background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:2px solid #4a90e2;color:#fff;padding:15px 30px;font-size:16px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .2s}.secondary-btn:hover{transform:translateY(-2px);border-color:#4caf50;box-shadow:0 5px 15px #4caf5066}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shine{0%,to{box-shadow:0 0 30px #ffd700cc}50%{box-shadow:0 0 50px gold}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}@media (max-width: 768px){#game-over h2{font-size:48px}.new-best-banner{font-size:18px;padding:10px 20px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-icon{font-size:36px}.stat-value{font-size:28px}.game-over-buttons{flex-direction:column;width:90%}.primary-btn,.secondary-btn{width:100%}}#upgrade-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000f2;color:#fff;z-index:1000;padding:20px;box-sizing:border-box}#upgrade-screen h2{font-size:48px;margin-bottom:10px;text-shadow:0 0 20px #ffaa00}#upgrade-screen>p{font-size:20px;margin-bottom:40px;color:#aaa}#upgrade-options{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.upgrade-card{width:250px;padding:30px;background:#4a90e21a;border:3px solid #4a90e2;border-radius:12px;cursor:pointer;transition:all .3s;text-align:center}.upgrade-card:hover{background:#4a90e24d;transform:scale(1.05);border-color:#6bb6ff}.upgrade-icon{font-size:48px;margin-bottom:15px}.upgrade-name{font-size:24px;font-weight:700;margin-bottom:10px}.upgrade-description{font-size:14px;color:#aaa;margin-bottom:15px;line-height:1.4}.upgrade-level{font-size:12px;color:#fa0;font-weight:700}#tutorial-overlay{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:90%;max-width:600px;padding:30px;background:#000000e6;border:3px solid #ffaa00;border-radius:12px;color:#fff;text-align:center;z-index:100}#tutorial-overlay h3{font-size:32px;margin-bottom:20px;color:#fa0}#tutorial-text{font-size:18px;margin-bottom:25px;line-height:1.6}#tutorial-overlay .btn{margin-top:10px}#pause-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000d9;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pause-content{text-align:center;padding:40px;background:#000000e6;border:3px solid #4a90e2;border-radius:16px;box-shadow:0 0 30px #4a90e280}.pause-content h2{font-size:48px;margin-bottom:20px;color:#fff;text-shadow:0 0 20px #4a90e2}.pause-content p{font-size:18px;color:#aaa;margin-bottom:30px}.pause-buttons{display:flex;flex-direction:column;gap:15px;align-items:center}.pause-btn{padding:15px 40px;font-size:18px;font-weight:700;border:2px solid #4a90e2;background:#4a90e233;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s;min-width:200px}.pause-btn:hover{background:#4a90e280;transform:scale(1.05)}.pause-btn.secondary{background:#8b000033;border-color:#8b0000}.pause-btn.secondary:hover{background:#8b000080}@media (max-width: 768px){.pause-content{padding:30px 20px}.pause-content h2{font-size:36px}.pause-content p{font-size:16px}.pause-btn{font-size:16px;padding:12px 30px}}#desktop-wasd-controls{position:fixed;bottom:30px;right:30px;z-index:50}.wasd-container{display:flex;gap:20px;align-items:center}.wasd-main{display:flex;flex-direction:column;gap:5px}.wasd-row{display:flex;gap:5px;justify-content:center}.wasd-key{width:50px;height:50px;background:#000000b3;border:2px solid #4a90e2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;transition:all .2s}.wasd-key.active{background:#4a90e280;border-color:#6bb6ff;transform:scale(.95)}.spacebar-key{width:50px;height:110px;font-size:12px;writing-mode:vertical-rl;text-orientation:mixed}#mobile-controls{display:none;position:fixed;bottom:0;left:0;width:100%;height:200px;pointer-events:none;z-index:50}#joystick-container{position:absolute;left:30px;bottom:30px;width:120px;height:120px;pointer-events:auto}#joystick-base{position:absolute;width:100%;height:100%;background:#00000080;border:3px solid #4a90e2;border-radius:50%}#joystick-stick{position:absolute;width:50px;height:50px;background:#4a90e2cc;border:3px solid #6bb6ff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:background .1s}#joystick-stick.active{background:#6bb6ff}#joystick-container-right{position:absolute;right:30px;bottom:30px;width:120px;height:120px;pointer-events:auto}#joystick-base-right{position:absolute;width:100%;height:100%;background:#00000080;border:3px solid #ff3232;border-radius:50%}#joystick-stick-right{position:absolute;width:50px;height:50px;background:#ff3232cc;border:3px solid #ff6b6b;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:background .1s}#joystick-stick-right.active{background:#ff6b6b}.mobile-action-buttons{position:absolute;left:50%;bottom:30px;transform:translate(-50%);display:flex;gap:15px;pointer-events:auto}#mobile-dash{width:75px;height:75px;background:#4a90e24d;border:3px solid #4a90e2;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}#mobile-dash svg{width:35px;height:35px}#mobile-dash:active,#mobile-dash.active{background:#4a90e2b3;transform:scale(.95);box-shadow:0 0 20px #4a90e299}@media (hover: none) and (pointer: coarse){#desktop-wasd-controls{display:none}#mobile-controls{display:block}}@media (max-width: 768px){#desktop-wasd-controls{display:none}#mobile-controls{display:block}}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}#game-canvas{display:block;background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-overlay>*{pointer-events:auto}#crosshair{position:fixed;width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fffc}#crosshair:before{width:2px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair:after{width:10px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}#wave-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 20px #ff0000;opacity:0;transition:opacity .3s;pointer-events:none;z-index:100}#difficulty-badge{position:absolute;top:20px;left:260px;padding:8px 16px;background:#000000b3;border:2px solid #ffaa00;border-radius:8px;color:#fa0;font-weight:700;font-size:14px;z-index:10}@media (max-width: 768px){#difficulty-badge{top:10px;left:10px;font-size:12px;padding:6px 12px}}