*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow-x:hidden;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#game-container{width:100vw;height:100vh;position:relative;overflow:hidden}canvas{display:block}#hud{top:0;left:0;width:100%;height:100%;pointer-events:none;color:#fff}#hub-btn,#hud{position:absolute;font-size:14px}#hub-btn{top:20px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(13,17,23,.9),rgba(22,27,34,.9));color:#00d9ff;padding:10px 24px;border-radius:24px;text-decoration:none;font-weight:700;letter-spacing:.5px;pointer-events:auto;z-index:100;transition:all .3s ease;border:1px solid rgba(0,217,255,.3);box-shadow:0 2px 12px rgba(0,0,0,.4),0 0 20px rgba(0,217,255,.1)}#hub-btn:hover{background:linear-gradient(180deg,rgba(0,217,255,.2),rgba(0,217,255,.1));border-color:rgba(0,217,255,.6);transform:translateX(-50%) scale(1.05);box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 30px rgba(0,217,255,.2)}#stats{position:absolute;top:20px;left:20px;background:linear-gradient(180deg,rgba(13,17,23,.92),rgba(22,27,34,.88));padding:16px 18px;border-radius:12px;min-width:220px;border:1px solid rgba(48,54,63,.6);box-shadow:0 4px 20px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-bar{margin-bottom:12px}.stat-label{font-size:11px;margin-bottom:5px;text-transform:uppercase;letter-spacing:1.5px;color:hsla(0,0%,100%,.6);font-weight:600}.stat-bar-bg{width:100%;height:22px;background:hsla(0,0%,100%,.06);border-radius:6px;overflow:hidden;border:1px solid hsla(0,0%,100%,.05)}.stat-bar-fill{height:100%;transition:width .3s ease;border-radius:5px}.health-bar{background:linear-gradient(90deg,#e74c3c,#ff6b6b);box-shadow:0 0 10px rgba(231,76,60,.4)}.ammo-bar{background:linear-gradient(90deg,#e67e22,#f39c12);box-shadow:0 0 10px rgba(243,156,18,.4)}.xp-bar{background:linear-gradient(90deg,#2980b9,#3498db);box-shadow:0 0 10px rgba(52,152,219,.4)}.stat-value{margin-top:4px;font-size:11px;color:hsla(0,0%,100%,.5)}#money{top:20px;background:linear-gradient(180deg,rgba(13,17,23,.92),rgba(22,27,34,.88));padding:14px 22px;border-radius:12px;font-size:26px;font-weight:700;color:#2ecc71;border:1px solid rgba(46,204,113,.2);box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 15px rgba(46,204,113,.1);text-shadow:0 0 12px rgba(46,204,113,.3)}#mission,#money{position:absolute;right:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#mission{top:120px;background:linear-gradient(180deg,rgba(13,17,23,.9),rgba(22,27,34,.85));padding:16px;border-radius:12px;max-width:300px;border:1px solid rgba(48,54,63,.5);box-shadow:0 4px 16px rgba(0,0,0,.4)}.mission-title{font-size:13px;font-weight:700;margin-bottom:8px;color:#f39c12;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(243,156,18,.3)}.mission-objective{font-size:12px;margin-bottom:6px;color:hsla(0,0%,100%,.85)}.mission-progress{font-size:11px;color:hsla(0,0%,100%,.5)}#weapon{position:absolute;bottom:30px;right:30px;background:linear-gradient(180deg,rgba(13,17,23,.92),rgba(22,27,34,.88));padding:14px 20px;border-radius:12px;font-size:16px;border:1px solid rgba(48,54,63,.5);box-shadow:0 4px 16px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.weapon-name{font-weight:700;margin-bottom:4px;color:#00d9ff;text-shadow:0 0 8px rgba(0,217,255,.3)}.weapon-ammo{font-size:14px;color:hsla(0,0%,100%,.7)}#controls{position:absolute;bottom:20px;left:20px;background:linear-gradient(180deg,rgba(13,17,23,.7),rgba(22,27,34,.6));padding:12px 14px;border-radius:10px;font-size:11px;color:hsla(0,0%,100%,.5);border:1px solid rgba(48,54,63,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.control-line{margin-bottom:4px}#messages{position:absolute;bottom:220px;left:50%;transform:translateX(-50%);width:min(600px,90vw);max-height:150px;overflow:hidden;z-index:1000}.message{background:linear-gradient(90deg,rgba(13,17,23,.92),rgba(22,27,34,.85));padding:10px 16px;margin-bottom:8px;border-radius:8px;border-left:4px solid #3498db;animation:slideIn .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message.success{border-left-color:#2ecc71;box-shadow:0 2px 10px rgba(46,204,113,.15)}.message.warning{border-left-color:#f39c12;box-shadow:0 2px 10px rgba(243,156,18,.15)}.message.danger{border-left-color:#e74c3c;box-shadow:0 2px 10px rgba(231,76,60,.15)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#loading{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0d1117 0,#000 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-title{font-size:48px;font-weight:700;color:#00d9ff;margin-bottom:12px;text-shadow:0 0 30px rgba(0,217,255,.4),0 0 60px rgba(0,217,255,.2);letter-spacing:4px}.loading-subtitle{font-size:16px;color:hsla(0,0%,100%,.5);margin-bottom:40px;letter-spacing:2px}.loading-bar{width:min(400px,80vw);height:4px;background:hsla(0,0%,100%,.08);border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#0fefef,#00d9ff);background-size:200% 100%;animation:loading 1.5s ease infinite;border-radius:2px;box-shadow:0 0 10px rgba(0,217,255,.5)}@keyframes loading{0%{width:0}50%{width:100%}to{width:0}}.game-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.game-mode-badge.endless{background:linear-gradient(135deg,rgba(255,2,102,.2),rgba(255,2,102,.1));border:1px solid rgba(255,2,102,.3);color:#ff0266}.game-mode-badge.challenge{background:linear-gradient(135deg,rgba(243,156,18,.2),rgba(243,156,18,.1));border:1px solid rgba(243,156,18,.3);color:#f39c12}.mastery-novice{color:#95a5a6}.mastery-apprentice{color:#2ecc71}.mastery-journeyman{color:#3498db}.mastery-expert{color:#9b59b6}.mastery-master{color:#f39c12}.mastery-grandmaster{color:#ff0266;text-shadow:0 0 10px rgba(255,2,102,.5)}