:root{--pink:#ff9ec7;--pink-dark:#ff6ba9;--pink-light:#ffe3f1;--lilac:#c9a7ff;--lilac-light:#e6d6ff;--white:#fff8fc;--text:#5a3d5c;--font-pixel:"Press Start 2P","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-pixel);color:var(--text);background:linear-gradient(180deg,var(--pink-light),var(--lilac-light));image-rendering:pixelated;overflow-x:hidden}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;text-align:center}.title{font-size:clamp(40px,8vw,88px);color:var(--pink-dark);text-shadow:4px 4px 0 #fff,8px 8px 0 var(--lilac);letter-spacing:4px;animation:bounce 1.6s ease-in-out infinite}.subtitle{font-size:12px;opacity:.8}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--pink-dark),var(--lilac));z-index:9999;cursor:pointer;animation:splashFadeIn .5s ease-out}.splash-content{text-align:center;animation:bounce 2s ease-in-out infinite}.splash-title{font-size:clamp(50px,10vw,120px);color:#fff;text-shadow:6px 6px 0 var(--pink),12px 12px 0 rgba(0,0,0,.2);margin-bottom:24px}.splash-subtitle{font-size:clamp(14px,3vw,24px);color:#fff;animation:splashBlink 1.5s steps(2,start) infinite}@keyframes splashFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes splashBlink{50%{opacity:.3}}.float-in{opacity:0;animation:floatInUp .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes floatInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.del-0{animation-delay:.1s}.del-1{animation-delay:.2s}.del-2{animation-delay:.4s}.del-3{animation-delay:.5s}.del-4{animation-delay:.6s}.del-5{animation-delay:.7s}.pixel-btn{font-family:var(--font-pixel);font-size:18px;padding:18px 42px;color:#fff;background:var(--pink);border:4px solid #fff;box-shadow:0 6px 0 var(--pink-dark);cursor:pointer;transition:transform .06s}.pixel-btn:hover{background:var(--pink-dark);transform:translateY(-2px)}.pixel-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--pink-dark)}.pixel-btn:disabled{opacity:.55;cursor:default}.pixel-btn.secondary{background:var(--lilac);box-shadow:0 6px 0 #a07ce0;font-size:12px;padding:12px 24px}.panel{background:rgba(255,248,252,.92);border:4px solid var(--pink);box-shadow:0 8px 0 rgba(255,107,169,.35);padding:20px}.weapon-list{width:min(880px,92vw);max-height:44vh;overflow-y:auto}.weapon-list h2{font-size:14px;margin-bottom:14px;color:var(--pink-dark)}.weapon-table{width:100%;border-collapse:collapse;font-size:9px}.weapon-table td,.weapon-table th{padding:6px;border-bottom:2px dotted var(--lilac);text-align:left}.weapon-table th{color:var(--pink-dark);font-size:8px}.weapon-table tr:hover td{background:var(--pink-light)}.select-grid{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.player-card{width:300px;display:flex;flex-direction:column;gap:14px}.player-card h3{font-size:12px}.player-card input{font-family:var(--font-pixel);font-size:12px;padding:12px;border:3px solid var(--lilac);background:#fff;color:var(--text);width:100%}.player-card input:focus{outline:none;border-color:var(--pink-dark)}.color-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.color-swatch{width:34px;height:34px;border:3px solid #fff;box-shadow:0 0 0 2px var(--lilac);cursor:pointer}.color-swatch.selected{box-shadow:0 0 0 4px var(--pink-dark);transform:scale(1.15)}.controls-hint{font-size:8px;line-height:1.8;opacity:.75}.arena-wrap{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#2b2033}.game-canvas{width:100%;height:100%;max-width:calc(100vh * 16 / 9);max-height:calc(100vw * 9 / 16);image-rendering:pixelated}.hud-layer{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:12px;width:min(40vw,480px);background:rgba(255,248,252,.92);border:4px solid var(--accent);border-radius:10px;box-shadow:0 4px 0 rgba(0,0,0,.25);padding:8px 12px}.hud-top.left{left:54px}.hud-top.right{right:54px}.hud-top-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.hud-top.right .hud-top-row{flex-direction:row-reverse}.hud-nick{font-size:14px;color:var(--accent);text-shadow:1px 1px 0 #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-hp-num{font-size:12px;color:var(--text)}.hud-hpbar{height:24px;width:100%;background:#efe2ec;border:3px solid var(--text);border-radius:6px;overflow:hidden}.hud-top.right .hud-hpbar{transform:scaleX(-1)}.hud-hpfill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#fff));transition:width .15s}.hud-hearts{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;font-size:30px;line-height:1.15;color:var(--accent);text-shadow:2px 2px 0 rgba(74,47,74,.55),-1px -1px 0 #fff}.hud-hearts.left{left:12px}.hud-hearts.right{right:12px}.hud-hearts .off{opacity:.22}.hud-hearts span{display:block;line-height:0}.hud-hearts svg{filter:drop-shadow(2px 2px 0 rgba(74,47,74,.5))}.hud-weaponbox{position:absolute;bottom:16px;display:flex;align-items:center;background:rgba(255,248,252,.92);border:4px solid var(--accent);border-radius:12px;box-shadow:0 4px 0 rgba(0,0,0,.25);padding:8px 14px}.hud-weaponbox.left{left:54px}.hud-weaponbox.right{right:54px;flex-direction:row-reverse}.hud-weapon-icon{background:#fff;border:3px solid var(--accent);padding:3px;flex-shrink:0}.hud-weapon-info{display:flex;flex-direction:column;gap:5px}.hud-weaponbox.right .hud-weapon-info{align-items:flex-end}.hud-ammo{font-size:12px}.inv-badge{color:#a07ce0}.boost-badge,.conf-badge{font-size:12px}.boost-badge{color:#e0921b}.cam-toggle{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:30;font-family:var(--font-pixel);font-size:7px;padding:7px 12px;color:#e8e0ee;background:rgba(90,80,100,.55);border:2px solid hsla(0,0%,100%,.35);border-radius:8px;cursor:pointer;opacity:.55;transition:opacity .15s}.cam-toggle:hover{opacity:1}.cam-toggle.off{background:rgba(60,55,70,.75);color:#a99fb5}.hud-layer{z-index:10}.hud-weapon-icon{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.menu-logo-img{max-width:min(340px,70vw);max-height:130px;object-fit:contain;image-rendering:pixelated}.title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.title-cat{animation:bounce 1.6s ease-in-out infinite}.title-cat.flip{transform:scaleX(-1)}.title-cat.flip canvas{transform:none}.admin-gate{display:flex;flex-direction:column;gap:14px;align-items:center;padding:30px 40px}.admin-gate input{font-family:var(--font-pixel);font-size:14px;padding:12px;border:3px solid var(--lilac);background:#fff;color:var(--text);text-align:center;letter-spacing:3px;width:240px}.admin-gate input:focus{outline:none;border-color:var(--pink-dark)}.cat-style-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.cat-style-card{font-family:var(--font-pixel);font-size:9px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;background:var(--white);border:4px solid var(--lilac);color:var(--text);cursor:pointer}.cat-style-card:hover{border-color:var(--pink);transform:translateY(-3px)}.cat-style-card.selected{border-color:var(--pink-dark);box-shadow:0 0 0 3px var(--pink-light),0 6px 0 rgba(255,107,169,.4)}.map-picker{display:flex;flex-direction:column;align-items:center;gap:12px}.map-picker-title{font-size:12px;color:var(--pink-dark)}.map-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.map-card{font-family:var(--font-pixel);display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--white);border:4px solid var(--lilac);cursor:pointer;color:var(--text)}.map-card:hover{border-color:var(--pink);transform:translateY(-3px)}.map-card.selected{border-color:var(--pink-dark);box-shadow:0 0 0 3px var(--pink-light),0 6px 0 rgba(255,107,169,.4)}.map-card canvas{border:2px solid var(--text)}.map-card-name{font-size:9px}.map-card-desc{font-size:7px;opacity:.7;max-width:168px;line-height:1.5}.lobby-code-box{text-align:center;padding:24px 40px}.lobby-code{font-size:clamp(34px,6vw,56px);letter-spacing:12px;color:var(--pink-dark);text-shadow:3px 3px 0 #fff,6px 6px 0 var(--lilac);margin:14px 0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.lobby-waiting{font-size:11px}.lobby-error{font-size:10px;color:#d64570;max-width:620px;line-height:1.7}.dots{animation:blink 1.2s steps(4) infinite}@keyframes blink{50%{opacity:.2}}.conn-badge{font-size:9px;padding:8px 14px;border-radius:8px;max-width:640px;line-height:1.7}.conn-badge.ok{color:#2e9e5b;background:rgba(122,224,163,.25)}.conn-badge.bad{color:#d64570;background:rgba(255,107,169,.15)}.conn-badge.wait{color:#a07ce0;background:rgba(201,167,255,.2)}.admin-screen{justify-content:flex-start;overflow-y:auto;height:100vh}.admin-list{display:flex;flex-direction:column;gap:18px;width:min(760px,94vw)}.admin-row{gap:18px;text-align:left}.admin-row,.admin-thumb{display:flex;align-items:center}.admin-thumb{width:220px;height:124px;flex-shrink:0;border:3px solid var(--lilac);background:var(--pink-light);justify-content:center;overflow:hidden}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-thumb-empty{font-size:8px;text-align:center;opacity:.6;line-height:1.8}.admin-info{display:flex;flex-direction:column;gap:8px}.admin-info h3{font-size:12px;color:var(--pink-dark)}.admin-info p{font-size:9px;opacity:.8}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-msg{font-size:9px}.admin-link,.gameover-title{color:var(--pink-dark)}.gameover-title{font-size:clamp(28px,6vw,56px);text-shadow:4px 4px 0 #fff;animation:bounce 1s ease-in-out infinite}.winner-name{font-size:clamp(18px,4vw,32px);animation:rainbowPulse 1.4s linear infinite}.confetti{font-size:34px;animation:spin 2.4s linear infinite;display:inline-block}@keyframes rainbowPulse{0%{color:var(--pink-dark);transform:scale(1)}50%{color:var(--lilac);transform:scale(1.12)}to{color:var(--pink-dark);transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--pink-light)}::-webkit-scrollbar-thumb{background:var(--pink);border:3px solid var(--pink-light)}.hud-weaponbox{bottom:14px;padding:8px 12px;gap:12px;border-width:4px;background:rgba(255,248,252,.85);border-radius:14px}.hud-weaponbox.left{left:20px}.hud-weaponbox.right{right:20px}.hud-weapon-icon{border-width:3px;padding:4px;border-radius:10px}.hud-weapon-name{font-size:11px;max-width:140px;color:var(--text);text-transform:uppercase;font-weight:700}.hud-ammo{font-size:14px;color:var(--accent)}.admin-section-title{font-size:11px;color:var(--pink-dark);margin:14px 0 4px}.admin-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:min(880px,94vw)}.admin-slot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:var(--white);border:3px solid var(--lilac);width:152px}.admin-slot-preview{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.admin-slot-preview img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.admin-slot-label{font-size:7px;line-height:1.6;text-align:center;min-height:24px}.admin-slot-actions{display:flex;gap:6px}.admin-slot-actions button{font-family:var(--font-pixel);font-size:7px;padding:6px 8px;color:#fff;background:var(--lilac);border:2px solid #fff;box-shadow:0 3px 0 #a07ce0;cursor:pointer}.admin-slot-actions button:hover{background:var(--pink);box-shadow:0 3px 0 var(--pink-dark)}.admin-slot-badge{font-size:6px;color:#2e9e5b}.wcar{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(960px,96vw)}.wcar-title{font-size:13px;color:var(--pink-dark);text-shadow:2px 2px 0 #fff}.wcar-wrap{display:flex;align-items:center;gap:10px;width:100%}.wcar-btn{font-family:var(--font-pixel);font-size:16px;padding:14px 10px;color:#fff;background:var(--pink);border:3px solid #fff;box-shadow:0 4px 0 var(--pink-dark);cursor:pointer;flex-shrink:0}.wcar-btn:hover{background:var(--pink-dark)}.wcar-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pink-dark)}.wcar-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 18px;scrollbar-width:none;flex:1 1}.wcar-track::-webkit-scrollbar{display:none}.wcar-card{position:relative;flex:0 0 220px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 14px;background:rgba(255,248,252,.94);border:4px solid var(--lilac);border-radius:4px;box-shadow:0 6px 0 rgba(160,124,224,.35);animation:cardIn .5s ease-out both;transition:transform .15s,border-color .15s,box-shadow .15s}.wcar-card:hover{transform:translateY(-8px);border-color:var(--pink-dark);box-shadow:0 12px 0 rgba(255,107,169,.35)}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.wcar-num{position:absolute;top:6px;left:8px;font-size:8px;color:var(--lilac)}.wcar-icon{animation:iconFloat 2.4s ease-in-out infinite}.wcar-card:hover .wcar-icon{animation:iconWiggle .5s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes iconWiggle{0%,to{transform:rotate(-8deg) scale(1.12)}50%{transform:rotate(8deg) scale(1.12)}}.wcar-name{font-size:9px;color:var(--text);min-height:24px;display:flex;align-items:center;text-align:center}.wcar-stats{display:flex;gap:8px}.wcar-badge{font-size:8px;padding:5px 8px;border-radius:6px;color:#fff}.wcar-badge.dmg{background:var(--pink-dark)}.wcar-badge.ammo{background:#a07ce0}.wcar-desc{font-size:7px;line-height:1.7;opacity:.75;text-align:center;min-height:32px}