html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#222;color:#fff;-webkit-user-select:none;user-select:none}.icon-btn{width:40px;height:40px;border-radius:50%;border:2px solid white;background:#00000080;color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s;padding:0}.icon-btn:hover{background:#fff;color:#000;transform:scale(1.1)}.hidden{display:none!important}button{padding:10px 20px;font-size:1.2rem;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:5px}button:hover{background-color:#45a049}input{padding:10px;font-size:1.2rem;border-radius:5px;border:1px solid #ccc;color:#333}#app{width:100%;height:100%;position:relative}#join-screen,#lobby-screen,#end-screen,#pause-menu,#waiting-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px;background-color:#000000d9;z-index:100;position:absolute;width:100%}#player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:80%;max-width:800px;margin:20px 0}.player-card{background:#ffffff1a;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:transform .2s,background-color .2s}.player-card:hover{transform:translateY(-5px);background:#ffffff26}.player-avatar{width:60px;height:60px;border-radius:50%;border:3px solid white;box-shadow:0 0 10px #00000080;margin-bottom:5px}.player-name{font-size:1.2rem;font-weight:700;text-shadow:1px 1px 2px black;color:#fff}.host-badge{background-color:gold;color:#000;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-top:5px}#lobby-status{font-size:1.5rem;color:#aaa;margin-bottom:10px}#pause-menu h2{font-size:2.5rem;color:#fff}#pause-status{font-size:2.5rem;color:#fff;margin-bottom:30px;font-weight:700;text-shadow:0 0 15px rgba(255,235,59,.8),2px 2px 4px rgba(0,0,0,.8);text-align:center;max-width:90%;animation:pulse 2s infinite;background-color:#00000080;padding:10px 30px;border-radius:10px;border:2px solid rgba(255,235,59,.5)}@keyframes pulse{0%{opacity:.8}50%{opacity:1;text-shadow:0 0 20px rgba(255,235,59,.5)}to{opacity:.8}}#game-screen{width:100%;height:100%;position:relative}#game-arena{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0b0c15;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 90%),radial-gradient(circle at center bottom,#2a2a4e,#0b0c15 60%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,50px 50px,50px 50px;background-position:center,center,center bottom,center bottom;overflow:hidden;box-shadow:inset 0 0 100px #000000e6}#game-arena:after{content:"";position:absolute;bottom:100px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);box-shadow:0 0 10px #00ffff80;opacity:.5}#hud{position:absolute;top:0;left:50%;transform:translate(-50%);width:1200px;height:600px;pointer-events:none;z-index:10;box-sizing:border-box}#game-pause-btn{position:absolute;top:20px;left:20px;pointer-events:auto;z-index:1000}#scoreboard{position:absolute;top:20px;right:20px;background:#0f172ae6;padding:0;border-radius:16px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);min-width:250px;overflow:hidden;box-shadow:0 8px 32px #0000005e}.scoreboard-header{padding:12px 16px;background:#ffffff0d;font-weight:700;color:#94a3b8;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between}.score-row{display:grid;grid-template-columns:30px 30px 1fr auto;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.03);transition:background-color .2s}.score-row:last-child{border-bottom:none}.score-row:hover{background-color:#ffffff14}.score-rank{font-weight:700;color:#64748b;font-size:.9rem;text-align:center}.score-avatar{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 5px #0000004d}.score-name{font-weight:600;color:#e2e8f0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.score-value{font-weight:700;color:#fff;font-family:Courier New,Courier,monospace;font-size:1.1rem;text-align:right}.rank-1 .score-rank{color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.rank-2 .score-rank{color:silver}.rank-3 .score-rank{color:#cd7f32}.score-row.local-player{background:#3b82f633;border-left:3px solid #3b82f6}#timer{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);background:#000000b3;padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-family:Courier New,Courier,monospace;letter-spacing:2px;box-shadow:0 4px 6px #0000001a}#message-area{position:absolute;top:100px;left:50%;transform:translate(-50%);color:#ff0;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px black}#end-scores{margin-top:20px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.2);width:80%;max-width:500px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.score-header{display:grid;grid-template-columns:.5fr 2fr 1fr;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid rgba(255,255,255,.1);font-weight:700;color:#aaa;text-transform:uppercase;font-size:.9rem}.score-item{display:grid;grid-template-columns:.5fr 2fr 1fr;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s;font-size:1.1rem}.score-item:last-child{border-bottom:none}.score-item:hover{background-color:#ffffff0d}.rank{font-weight:700;color:#888}.player-score{font-weight:700;color:#fff}.rank-1 .rank{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);font-size:1.3rem}.rank-2 .rank{color:silver;font-size:1.2rem}.rank-3 .rank{color:#cd7f32;font-size:1.2rem}#winner-text{font-size:3rem;color:gold}.player{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.stickman{position:relative;width:100%;height:100%;will-change:transform}.head{position:absolute;top:0;left:50%;width:20px;height:20px;border:3px solid #fff;border-radius:50%;transform:translate(-50%);background:#000}.body{position:absolute;top:20px;left:50%;width:4px;height:35px;background:#fff;transform:translate(-50%)}.limb{position:absolute;width:4px;height:25px;background:#fff;transform-origin:top center;transition:transform .1s;will-change:transform}.arm-left{top:25px;left:50%;transform:translate(-50%) rotate(20deg)}.arm-right{top:25px;left:50%;transform:translate(-50%) rotate(-20deg)}.leg-left{top:55px;left:50%;transform:translate(-50%) rotate(15deg)}.leg-right{top:55px;left:50%;transform:translate(-50%) rotate(-15deg)}.punching .arm-right{transform:translate(10px) rotate(-90deg);background:#f44!important}.kicking .leg-right{transform:translate(15px,-15px) rotate(-90deg);background:#f44!important}.name-tag{position:absolute;top:-25px;left:50%;transform:translate(-50%);color:#fff;font-size:12px;white-space:nowrap;font-weight:700;text-shadow:1px 1px 0 #000}.hp-bar{position:absolute;top:-10px;left:0;width:100%;height:4px;background-color:red}#fullscreen-btn{position:absolute;bottom:20px;right:20px;background-color:transparent;color:#ffffff4d;border:none;z-index:1000;pointer-events:auto;font-size:1.5rem;padding:5px 10px;transition:all .3s ease}#fullscreen-btn:hover{background-color:#0006;color:#fff}#version-footer{position:absolute;bottom:5px;right:10px;font-size:.8rem;color:#ffffff4d;pointer-events:none;z-index:2000;font-family:monospace}.platform{position:absolute;background:#0ff3;border:1px solid rgba(0,255,255,.5);box-shadow:0 0 10px #00ffff4d;border-radius:4px}.platform:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#0ffc;box-shadow:0 0 5px #0ffc}#game-controls{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px}.lobby-label{font-size:1.2rem;color:#fff}#game-duration{padding:8px 12px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;cursor:pointer;outline:none}#game-duration:hover{background:#fff3}#game-duration option{background:#333;color:#fff}#dev-credit{position:absolute;bottom:10px;left:10px;color:#ffffff80;text-decoration:none;font-family:monospace;font-size:.9rem;z-index:2000;transition:color .3s}#dev-credit:hover{color:#fff}#help-btn{position:absolute;top:20px;right:20px;z-index:2000}#help-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:3000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#141414f2;padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 50px #00000080;text-align:center;width:300px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content h2{margin-top:0;color:#fff;border-bottom:2px solid #333;padding-bottom:15px;margin-bottom:20px}.control-group{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.key-group{display:flex;gap:5px}.key{background:#333;border:1px solid #555;border-bottom:3px solid #111;border-radius:5px;padding:5px 10px;font-family:monospace;font-weight:700;color:#fff;min-width:20px;text-align:center;font-size:.9rem}.action{color:#aaa;font-size:1.1rem}#close-help-btn{width:100%;background:#2196f3;margin-top:10px}#close-help-btn:hover{background:#1976d2}@media(max-width:768px){#lobby-screen{justify-content:flex-start;overflow-y:auto;padding-top:40px;padding-bottom:80px;-webkit-overflow-scrolling:touch}#game-controls{flex-direction:column;align-items:stretch;width:90%;margin:20px auto}.lobby-label{margin-top:10px;text-align:left}#map-select,#game-duration,#bot-difficulty{width:100%;margin-bottom:5px;padding:12px;font-size:1.1rem}#bot-controls{display:flex!important;gap:10px;margin-left:0!important;margin-top:10px;width:100%}#bot-difficulty{flex:2;margin-bottom:0}#add-bot-btn{flex:1;padding:12px}#start-game-btn{margin-top:20px;padding:15px;font-size:1.5rem;width:100%}#player-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;width:95%}.player-card{padding:10px}#game-screen{overflow:hidden}#game-arena{width:100%;height:100%;background-size:cover;transform-origin:top center}.modal-content{width:85%;padding:20px}.key{padding:5px 8px;font-size:.8rem}#join-inputs{width:90%!important}input[type=text],#create-room-btn,#join-room-btn{padding:15px}#timer{font-size:1.5rem;padding:5px 10px}#scoreboard{top:60px;right:10px;min-width:150px;transform:scale(.8);transform-origin:top right}#game-pause-btn{top:10px;left:10px;padding:5px 10px;font-size:1rem}}