.brawl-root{width:100vw;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.brawl-error{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#dc2626e6;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;z-index:1000;animation:brawl-fadeIn .2s ease-out}.brawl-landing{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);gap:24px}.brawl-landing h1{font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 40px rgba(255,100,50,.6),0 4px 8px rgba(0,0,0,.5);background:linear-gradient(to right,#ff6b35,#f7c948,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.brawl-landing p{color:#fff9;font-size:16px;margin:0}.brawl-btn{background:linear-gradient(135deg,#ff6b35,#e85d26);border:none;color:#fff;padding:14px 40px;border-radius:30px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px #ff6b3566}.brawl-btn:active{transform:scale(.95)}.brawl-btn:disabled{opacity:.5;cursor:not-allowed}.brawl-btn--secondary{background:#ffffff26;box-shadow:none;border:1px solid rgba(255,255,255,.3);padding:10px 24px;font-size:14px}.brawl-lobby{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:20px;box-sizing:border-box;overflow-y:auto;gap:16px}.brawl-lobby h2{font-size:28px;margin:0;font-weight:800}.brawl-lobby__section{width:100%;max-width:500px}.brawl-lobby__section h3{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#ffffff80;margin:0 0 8px}.brawl-room-input{display:flex;gap:8px;align-items:center}.brawl-room-input input{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:24px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:6px;padding:10px 16px;border-radius:12px;width:160px;outline:none}.brawl-room-input input:focus{border-color:#ff6b35}.brawl-room-input__or{color:#fff6;font-size:14px;font-weight:600}.brawl-char-picker{display:flex;gap:12px;justify-content:center}.brawl-char-card{width:90px;height:110px;border-radius:16px;border:3px solid rgba(255,255,255,.2);background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s}.brawl-char-card img{width:56px;height:56px;border-radius:50%;pointer-events:none}.brawl-char-card span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.brawl-char-card--selected{border-color:#ff6b35;background:#ff6b3533;box-shadow:0 0 20px #ff6b354d}.brawl-char-card--taken{opacity:.3;cursor:not-allowed}.brawl-arena-picker{display:flex;gap:10px;justify-content:center}.brawl-arena-card{width:110px;height:80px;border-radius:12px;border:3px solid rgba(255,255,255,.2);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:6px;cursor:pointer;transition:all .15s;overflow:hidden;position:relative}.brawl-arena-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#000000b3)}.brawl-arena-card span{position:relative;z-index:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.brawl-arena-card--selected{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d}.brawl-waiting{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);gap:20px;padding:20px;box-sizing:border-box}.brawl-room-code{font-size:48px;font-weight:900;letter-spacing:12px;color:#f7c948;text-shadow:0 2px 10px rgba(247,201,72,.4)}.brawl-player-list{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.brawl-player-slot{display:flex;flex-direction:column;align-items:center;gap:4px}.brawl-player-slot img{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.3)}.brawl-player-slot span{font-size:12px;font-weight:600}.brawl-player-slot--host img{border-color:#f7c948}.brawl-game{width:100%;height:100%;position:relative;overflow:hidden}.brawl-arena-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.brawl-arena-ring{position:absolute;border-radius:50%;border:4px solid;transform:translate(-50%,-50%)}.brawl-player-head{position:absolute;will-change:transform;pointer-events:none}.brawl-player-head img{width:80px;height:80px;border-radius:50%;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.brawl-player-head--local{pointer-events:auto;touch-action:none}.brawl-player-head--ko{animation:brawl-ko .6s ease-out forwards}.brawl-hud{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:10}.brawl-hud__player{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brawl-hud__player img{width:28px;height:28px;border-radius:50%}.brawl-hud__player--ko{opacity:.4}.brawl-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#0006;pointer-events:none}.brawl-countdown__number{font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 60px rgba(255,107,53,.8),0 4px 20px rgba(0,0,0,.5);animation:brawl-countPop 1s ease-out}.brawl-results{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);gap:24px}.brawl-results h2{font-size:20px;text-transform:uppercase;letter-spacing:3px;color:#fff9;margin:0}.brawl-results__winner{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.brawl-results__winner img.brawl-results__face{width:120px;height:120px;border-radius:50%;border:4px solid #f7c948;box-shadow:0 0 40px #f7c94880}.brawl-results__crown{position:absolute;top:-40px;width:64px;height:64px;animation:brawl-crownBounce .6s ease-out}.brawl-results__name{font-size:28px;font-weight:900;color:#f7c948}.brawl-results__actions{display:flex;gap:12px}.brawl-connection{position:fixed;bottom:8px;right:8px;width:10px;height:10px;border-radius:50%;z-index:100}.brawl-connection--connected{background:#22c55e;box-shadow:0 0 6px #22c55e99}.brawl-connection--disconnected{background:#ef4444;box-shadow:0 0 6px #ef444499;animation:brawl-pulse 1s infinite}.brawl-warmup-overlay{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.brawl-warmup-overlay__text{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 24px;border-radius:20px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;animation:brawl-pulse 2s infinite}.brawl-warmup-overlay__code{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 16px;border-radius:12px;font-size:12px;color:#f7c948;letter-spacing:4px;font-weight:700;pointer-events:auto;cursor:pointer}.brawl-warmup-overlay__start{pointer-events:auto}.brawl-landing__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.brawl-slingshot{position:absolute;pointer-events:none;z-index:50}.brawl-slingshot__line{stroke:#ffffff80;stroke-width:3;stroke-dasharray:8 4}.brawl-slingshot__arrow{fill:#ffffffb3}@keyframes brawl-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes brawl-ko{0%{opacity:1;transform:translate(var(--ko-x),var(--ko-y)) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--ko-x),var(--ko-y)) scale(.3) rotate(720deg)}}@keyframes brawl-countPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes brawl-crownBounce{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes brawl-pulse{0%,to{opacity:1}50%{opacity:.4}}