*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#0a0a14;font-family:Segoe UI,system-ui,sans-serif}#game-container{width:100vw;height:100vh}#game-container canvas{display:block}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hidden{display:none!important}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;z-index:20}.lobby-box{text-align:center;padding:36px 28px;border-radius:16px;background:#1e1e32e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080;max-width:400px;width:calc(100% - 32px);margin:16px}.lobby-title{font-size:2.4rem;font-weight:800;letter-spacing:.15em;color:#fff;margin-bottom:4px;background:linear-gradient(135deg,#8bd,#d88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-subtitle{font-size:.9rem;color:#fff6;margin-bottom:36px;letter-spacing:.08em}.lobby-actions{display:flex;flex-direction:column;gap:16px}.btn{padding:12px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.03em}.btn-create{background:linear-gradient(135deg,#58b,#47a);color:#fff}.btn-create:hover{background:linear-gradient(135deg,#69c,#58b);transform:translateY(-1px);box-shadow:0 4px 16px #5588bb4d}.lobby-divider{display:flex;align-items:center;gap:12px;color:#ffffff40;font-size:.85rem}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.join-row{display:flex;gap:8px;min-width:0}.input-code{flex:1;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#fff;font-size:1.1rem;font-weight:700;text-align:center;letter-spacing:.25em;outline:none;text-transform:uppercase;transition:border-color .2s}.input-code::placeholder{color:#fff3;letter-spacing:.3em;font-weight:400}.input-code:focus{border-color:#5588bb80}.btn-join{background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.12);white-space:nowrap;flex-shrink:0;padding:10px 20px}.btn-join:hover{background:#ffffff24;color:#fff;transform:translateY(-1px)}.lobby-error{color:#d66;font-size:.85rem;min-height:1.2em}.lobby-waiting{margin-top:10px}.lobby-waiting p{color:#fff9;font-size:.95rem}.room-code{font-size:2.8rem!important;font-weight:800!important;letter-spacing:.4em!important;color:#fff!important;margin:16px 0 8px!important}.room-hint{font-size:.8rem!important;color:#ffffff4d!important}.hud-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0;transition:opacity .3s;pointer-events:none}.hud-message.visible{opacity:1}.hud-score{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:40px;font-size:1.4rem;font-weight:600}.score-p1{color:#8bd}.score-vs{color:#ffffff4d}.score-p2{color:#d88}.game-hud{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:20px 28px;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:10px}.hud-right{align-items:flex-end}.hp-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#ffffff80;margin-bottom:2px}.enemy-label{text-align:right}.hp-bar,.enemy-hp-bar{position:relative;width:200px;height:22px;background:#00000080;border-radius:4px;border:1px solid rgba(255,255,255,.12);overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#4a7faa,#6fa8d6);border-radius:3px;transition:width .3s ease}.hp-fill.hp-critical{background:linear-gradient(90deg,#d44,#f64)!important;animation:hp-pulse .6s ease-in-out infinite alternate}@keyframes hp-pulse{0%{opacity:.7}to{opacity:1}}.enemy-hp-fill{height:100%;background:linear-gradient(90deg,#aa4a49,#d6706f);border-radius:3px;transition:width .3s ease}.hp-text,.enemy-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.05em}.cooldowns{display:flex;gap:8px}.cd-item{position:relative;width:120px;height:18px;background:#00000080;border-radius:3px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.cd-item span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:600;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.05em;white-space:nowrap;z-index:1}.cd-fill{height:100%;background:#ffffff26;border-radius:2px;transition:width .1s linear}.cd-item.cd-ready .cd-fill{background:linear-gradient(90deg,#5af,#7cf)}.cd-item.cd-ready span{color:#fff}.charge-indicator{position:absolute;bottom:70px;left:50%;transform:translate(-50%);width:160px;height:8px;background:#00000080;border-radius:4px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.charge-fill{height:100%;width:0%;background:linear-gradient(90deg,#fa2,#f60);border-radius:3px;transition:width .05s linear}@media(max-width:480px){.lobby-box{padding:28px 20px}.lobby-title{font-size:1.8rem}.lobby-subtitle{font-size:.8rem;margin-bottom:24px}.btn{padding:10px 16px;font-size:.9rem}.input-code{font-size:1rem;padding:10px 8px;letter-spacing:.2em}.hp-bar,.enemy-hp-bar{width:140px;height:18px}.cd-item{width:90px;height:16px}.cd-item span{font-size:.5rem}}@media(max-height:500px){.lobby-box{padding:20px}.lobby-subtitle{margin-bottom:16px}}