.create-room-modal{width:600px;max-width:90vw;background:linear-gradient(135deg,#0a0a0f,#1a1f3a,#0f2a50);border:3px solid #0099ff;border-radius:0;box-shadow:0 0 40px #0096ff4d,0 0 80px #6432c833;position:relative;overflow:hidden}.create-room-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,150,255,.02) 0px,rgba(0,150,255,.02) 2px,transparent 2px,transparent 4px);pointer-events:none}.create-room-modal h2{text-align:center;font-size:32px;color:#0ff;margin-bottom:30px;text-shadow:0 0 10px rgba(0,255,255,.9),0 0 20px rgba(0,150,255,.6);text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}.form-group{margin-bottom:20px;position:relative;z-index:1}.form-group label{display:block;font-size:16px;color:#0f8;margin-bottom:8px;text-shadow:0 0 8px rgba(0,255,136,.8);font-weight:900;text-transform:uppercase;letter-spacing:1px}.input-field,.select-field{width:100%;padding:12px 16px;font-size:16px;border:2px solid #0099ff;border-radius:2px;background:#141e32f2;color:#0ff;outline:none;box-sizing:border-box;box-shadow:0 0 15px #0096ff66;transition:all .3s;font-family:Arial,sans-serif}.input-field:focus,.select-field:focus{border-color:#0f8;box-shadow:0 0 25px #00ff88b3,inset 0 0 10px #0f83;color:#0ff}.map-selection{display:flex;gap:20px;justify-content:center;margin-top:10px}.map-thumbnail{border:3px solid #0099ff;border-radius:0;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;width:200px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:5px;box-shadow:0 0 15px #0096ff66}.map-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:0;position:absolute;top:0;left:0;z-index:1;filter:brightness(1.1) contrast(1.1)}.map-thumbnail p{position:relative;z-index:2;background-color:#000c;color:#0ff;padding:5px 10px;border-radius:0;font-size:14px;margin:0;font-weight:700;text-shadow:0 0 6px rgba(0,255,255,.8)}.map-thumbnail.selected{border-color:#0f8;box-shadow:0 0 30px #0f8c,inset 0 0 15px #0f83;transform:scale(1.05)}.map-thumbnail:hover:not(.selected){border-color:#0ff;box-shadow:0 0 25px #0ff9;transform:translateY(-5px) scale(1.02)}.map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;color:#f60;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;z-index:3;text-shadow:0 0 6px rgba(255,102,0,.8)}.round-time-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:5px}.round-time-btn{padding:10px 18px;font-size:14px;background-color:#0096ff33;color:#0ff;border:2px solid #0099ff;border-radius:2px;cursor:pointer;transition:all .3s;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #0096ff4d}.round-time-btn:hover{background-color:#0096ff66;box-shadow:0 0 15px #0096ff99;border-color:#0ff}.round-time-btn.selected{background-color:linear-gradient(145deg,#00ff88,#00ffff);border-color:#0f8;box-shadow:0 0 20px #0f8c;color:#0f2a50;font-weight:900}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;position:relative;z-index:1}.btn-primary,.btn-secondary{min-width:120px;padding:12px 24px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:2px;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);font-family:Arial Black,sans-serif}.btn-primary{background:linear-gradient(145deg,#0f8,#0ff);color:#0f2a50;box-shadow:0 0 20px #0f8c,inset 0 0 10px #00ffff4d;border:2px solid #00ff88}.btn-primary:hover{transform:scale(1.08) skewY(-2deg);box-shadow:0 0 40px #0f8,0 0 60px #0096ffcc,inset 0 0 15px #0ff6;background:linear-gradient(145deg,#0ff,#0f8)}.btn-secondary{background:#0096ff33;color:#0ff;border:2px solid #0099ff;box-shadow:0 0 15px #0096ff80}.join-room-modal{width:700px;max-width:90vw;background:linear-gradient(135deg,#0f1419,#1a1f2a,#0f1419);border:2px solid #00d4ff;border-radius:24px;padding:40px;box-shadow:0 20px 100px #000000e6,0 0 40px #00d4ff33}.join-room-modal h2{text-align:center;font-size:32px;color:#0ff;margin-bottom:30px;text-shadow:0 0 12px #00d4ff;font-family:Orbitron,sans-serif;letter-spacing:2px}.public-rooms-section h3,.private-room-section h3{font-size:18px;color:#0ff;margin-bottom:15px;text-shadow:0 0 8px #00d4ff;font-family:Orbitron,sans-serif;font-weight:700}.public-rooms-list{max-height:320px;overflow-y:auto;border:2px solid #00d4ff44;border-radius:12px;background:#0000004d;padding:8px}.public-rooms-list::-webkit-scrollbar{width:8px}.public-rooms-list::-webkit-scrollbar-track{background:#00d4ff0d;border-radius:10px}.public-rooms-list::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00d4ff,#b300ff);border-radius:10px;box-shadow:0 0 10px #00d4ff80}.no-rooms{padding:40px 20px;text-align:center;color:#666;font-size:16px}.room-item{padding:16px;margin-bottom:8px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;background:#1e2832cc;border:1px solid #444;border-radius:10px}.room-item:hover:not(.disabled){background:linear-gradient(135deg,#00d4ff22,#b300ff22);border-color:#00d4ff;box-shadow:0 0 16px #00d4ff66;transform:translate(4px)}.room-item.selected{background:linear-gradient(135deg,#00d4ff33,#b300ff22);border:2px solid #00d4ff;box-shadow:0 0 20px #00d4ff66}.room-item.disabled{cursor:not-allowed;opacity:.4;color:#555}.room-info{display:flex;flex-direction:column;gap:6px;flex:1}.room-name{font-size:16px;font-weight:700;color:#0ff}.room-details{font-size:13px;color:#999}.room-status{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.room-status.waiting{background:#00ff0026;color:#0f0;border:1px solid #00ff0066;box-shadow:0 0 8px #00ff004d}.room-status.playing{background:#ff000026;color:#f44;border:1px solid #ff444466;box-shadow:0 0 8px #ff00004d}.divider{text-align:center;color:#666;margin:25px 0;position:relative;font-size:14px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:linear-gradient(to right,transparent,#00d4ff44,transparent)}.divider:before{left:0}.divider:after{right:0}.private-room-section{margin-bottom:20px}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:35px}.modal-buttons button{min-width:130px;padding:14px 28px;font-size:16px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;font-family:Bebas Neue,sans-serif}.modal-buttons button:hover{transform:scale(1.05)}.character-select-modal{display:flex;gap:60px;align-items:flex-start;max-height:90vh;background:transparent;padding:0;border:none;box-shadow:none}.character-grid-panel{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0f3460);border-radius:0;box-shadow:0 0 40px #f006,0 0 80px #f003,inset 0 0 20px #ffffff0d;padding:30px 22px;max-height:85vh;overflow-y:auto;border:4px solid;border-image:linear-gradient(45deg,red,#f60) 1;position:relative}.character-grid-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(255,0,0,.03) 0px,rgba(255,0,0,.03) 2px,transparent 2px,transparent 4px);pointer-events:none;border-radius:0}.character-grid{display:grid;grid-template-columns:repeat(5,100px);gap:20px 26px;position:relative;z-index:1}.character-card{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border:3px solid #ff4400;border-radius:2px;width:100px;height:155px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 15px #ff440080,inset 0 0 10px #000c;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s;pointer-events:none}.character-card:hover:before{left:100%}.character-card:hover{border:3px solid #ff0000;box-shadow:0 0 25px #ff0000e6,inset 0 0 15px #ff00004d;transform:scale(1.15) translateY(-8px) skewY(-2deg)}.character-card.selected{border:4px solid #ffff00;box-shadow:0 0 30px #ffff00e6,0 0 50px #f009,inset 0 0 20px #ff03;transform:scale(1.12) perspective(600px) rotateY(5deg);animation:cardSelected .6s ease-out}@keyframes cardSelected{0%{transform:scale(.8) perspective(600px) rotateY(-10deg);opacity:.5}50%{box-shadow:0 0 40px #ff0,0 0 60px #f00c}to{transform:scale(1.12) perspective(600px) rotateY(5deg);opacity:1}}.character-card img{width:80px;height:80px;border-radius:0;object-fit:cover;margin-top:10px;margin-bottom:10px;border:2px solid rgba(255,68,0,.6);box-shadow:0 4px 15px #f006,inset 0 0 10px #000c;filter:brightness(1.1) contrast(1.2)}.character-name{font-family:Arial Black,sans-serif;font-size:.95rem;color:#ff0;background:linear-gradient(145deg,#ff44004d,#f003);border-radius:0;padding:5px 12px;text-align:center;box-shadow:0 3px 8px #000000b3,inset 0 0 6px #ff03;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px rgba(255,0,0,.9),0 0 3px rgba(255,255,0,.6);font-weight:900;border:1px solid rgba(255,68,0,.4)}.character-preview-panel{background:linear-gradient(135deg,#0a0a0af2,#141e32e6,#0a0a0af2);border-radius:0;box-shadow:0 0 40px #f006,0 0 80px #f003,inset 0 0 20px #ffffff0d;padding:40px 20px 28px;display:flex;flex-direction:column;align-items:center;border:4px solid;border-image:linear-gradient(45deg,red,#f60) 1;min-width:400px;position:relative;overflow:hidden}.character-preview-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(255,0,0,.03) 0px,rgba(255,0,0,.03) 2px,transparent 2px,transparent 4px);pointer-events:none}.preview-canvas-container{width:320px;height:420px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:linear-gradient(135deg,#141414cc,#1e3250cc,#141414cc);border-radius:0;box-shadow:0 0 30px #ff000080,inset 0 0 20px #000000e6;overflow:hidden;border:3px solid #ff4400;position:relative}.preview-canvas-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(255,0,0,.02) 0px,rgba(255,0,0,.02) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:2}.preview-canvas-container canvas{width:100%;height:100%;filter:brightness(1.15) contrast(1.1)}.preview-character-name{font-family:Arial Black,sans-serif;font-size:2.2rem;color:#ff0;font-weight:900;margin-bottom:20px;text-shadow:0 0 10px rgba(255,255,0,.8),0 0 20px rgba(255,0,0,.9),0 0 30px rgba(255,0,0,.6),-2px -2px 0 #ff0000,2px 2px 0 #ff0000;letter-spacing:.08em;text-transform:uppercase}.nickname-input{width:100%;max-width:280px;margin-bottom:20px}.enter-btn{min-width:120px;padding:14px 28px;font-size:1.4rem;animation:buttonPulse 1.2s infinite;background:linear-gradient(145deg,red,#f60)!important;border:3px solid #ffff00!important;color:#ff0!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:2px!important;box-shadow:0 0 20px #f00c,inset 0 0 10px #ffff004d!important;font-family:Arial Black,sans-serif!important;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important;position:relative;overflow:hidden!important}.enter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;z-index:1}.enter-btn:after{content:"FIGHT!";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.3rem;opacity:0;transition:opacity .3s;pointer-events:none;z-index:0}.enter-btn:hover:before{left:100%}.enter-btn:hover{background:linear-gradient(145deg,red,#ff0)!important;box-shadow:0 0 40px red,0 0 60px #ff0c,inset 0 0 15px #ff06!important;transform:scale(1.12) skewY(-2deg)!important}.enter-btn:active{transform:scale(.95)!important}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px #f00c,inset 0 0 10px #ffff004d}50%{box-shadow:0 0 35px red,0 0 50px #ff09,inset 0 0 15px #ffff0080}}@media (max-width: 1200px){.character-select-modal{flex-direction:column;align-items:center;gap:30px}.character-grid{grid-template-columns:repeat(4,90px)}.character-preview-panel{min-width:320px}.preview-character-name{font-size:1.8rem}}@media (max-width: 768px){.character-select-modal{flex-direction:column;align-items:center;gap:20px}.character-grid{grid-template-columns:repeat(3,80px)}.character-grid-panel{padding:20px 15px}.character-preview-panel{min-width:280px;padding:20px 15px 15px}.preview-canvas-container{width:260px;height:340px}.preview-character-name{font-size:1.5rem}}.main-menu{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.menu-content{display:flex;flex-direction:column;align-items:center;gap:30px;z-index:10}.game-title{font-size:64px;color:#fffb02;text-shadow:0 0 20px rgba(255,251,2,.8),0 0 40px rgba(255,251,2,.5);margin-bottom:20px;animation:titlePulse 2s infinite;font-family:Bebas Neue,sans-serif;letter-spacing:4px}@keyframes titlePulse{0%,to{text-shadow:0 0 20px rgba(255,251,2,.8),0 0 40px rgba(255,251,2,.5)}50%{text-shadow:0 0 30px rgba(255,251,2,1),0 0 60px rgba(255,251,2,.7)}}.menu-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.menu-btn{min-width:300px;font-size:28px}.player-slot{width:100%;height:200px;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:14px;text-align:center;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);padding:10px}.player-slot.empty{background-color:#0096ff1a;border:2px dashed #0099ff;box-shadow:inset 0 0 10px #0096ff33}.player-slot.closed{background:linear-gradient(135deg,#0a2a50cc,#0f2a50e6);border:3px solid #ff6600;position:relative;box-shadow:0 0 20px #f606}.player-slot.closed.clickable{cursor:pointer}.player-slot.closed.clickable:hover{background:linear-gradient(135deg,#0f2a50f2,#0a2a50f2);border-color:#f83;box-shadow:0 0 30px #f609;transform:scale(1.05)}.close-mark{position:absolute;font-size:100px;color:#f60;font-weight:700;pointer-events:none;opacity:.8;text-shadow:0 0 10px rgba(255,102,0,.6)}.player-slot.occupied{background:linear-gradient(135deg,#00ff881a,#0096ff1a);border:3px solid #0099ff;box-shadow:0 0 15px #0096ff66}.player-slot.occupied.ready{background:linear-gradient(135deg,#00ff8826,#0096ff26);border:3px solid #00ff88;box-shadow:0 0 25px #0f89,0 0 40px #0096ff66}.slot-number{font-size:14px;color:#0ff;font-weight:700;text-shadow:0 0 8px rgba(0,255,255,.6);text-transform:uppercase;letter-spacing:1px}.empty-text{font-size:13px;color:#09f;margin-top:5px;text-shadow:0 0 6px rgba(0,150,255,.5)}.player-avatar{width:80px;height:80px;border-radius:0;object-fit:cover;margin-bottom:10px;border:3px solid #00ff88;box-shadow:0 0 15px #0f89,inset 0 0 10px #0009;filter:brightness(1.1) contrast(1.1)}.player-name{font-size:16px;font-weight:900;color:#0ff;margin-bottom:5px;text-shadow:0 0 8px rgba(0,255,255,.8),0 0 15px rgba(0,150,255,.6);text-transform:uppercase;letter-spacing:.5px}.player-status{font-size:12px;color:#0f8;text-shadow:0 0 6px rgba(0,255,136,.7);font-weight:700}.close-slot-btn{position:absolute;top:5px;right:5px;background:linear-gradient(145deg,#f60,#f83);color:#fff;border:2px solid #ff6600;border-radius:2px;width:28px;height:28px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;cursor:pointer;z-index:10;opacity:0;transition:opacity .2s,all .3s;box-shadow:0 0 10px #ff660080}.player-slot:hover .close-slot-btn{opacity:1}.close-slot-btn:hover{background:linear-gradient(145deg,#f83,#fa4);border-color:#fa4;box-shadow:0 0 20px #f60c;transform:scale(1.1)}.waiting-room{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.waiting-room-container{background:#000000d9;border:4px solid;border-image:linear-gradient(45deg,#0ff,#0f0) 1;border-radius:15px;padding:30px;max-width:900px;width:90%;min-height:500px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 30px #00ffff80}.waiting-room-header{text-align:center;margin-bottom:20px}.room-title{font-size:36px;color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:10px}.room-id{font-size:20px;color:#0f0;text-shadow:0 0 8px #00ff00}.player-slots-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;flex-grow:1}.waiting-room-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px}.map-preview{width:200px;height:150px;border:3px solid #00ffff;border-radius:10px;overflow:hidden;box-shadow:0 0 15px #00ffffb3}.map-image{width:100%;height:100%;object-fit:cover}.action-buttons{display:flex;gap:10px}.ready-btn,.start-btn{padding:15px 40px;font-size:24px}.ready-btn{background:linear-gradient(45deg,#ff4500,#ff8c00);box-shadow:0 0 20px #ff4500b3}.start-btn{background:linear-gradient(45deg,#0f0,#0c0);box-shadow:0 0 20px #00ff00b3}.start-btn:disabled{cursor:not-allowed;filter:grayscale(.5)}@media (max-width: 768px){.player-slots-container{grid-template-columns:repeat(2,1fr)}.waiting-room-footer{flex-direction:column;align-items:center;gap:20px}}.game-page{width:100%;height:100%;position:relative;overflow:hidden}#container{width:100%;height:100%}.game-ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.game-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#fff;text-shadow:2px 2px 4px #000000;pointer-events:none}.game-timer{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:48px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6);background:#0009;padding:10px 20px;border-radius:15px;border:2px solid #FFD700;box-shadow:0 0 15px #ffd70080;font-family:Orbitron,sans-serif;display:none}.kill-feed{position:absolute;top:20px;right:20px;width:fit-content;max-height:200px;overflow-y:auto;background:#0009;padding:10px;border-radius:10px;border:2px solid #4CAF50;box-shadow:0 0 15px #4caf5080;display:none;pointer-events:auto}.scoreboard{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:20px;border-radius:10px;border:2px solid #00d4ff;box-shadow:0 0 20px #00d4ff80;pointer-events:auto}.scoreboard table{color:#fff;width:400px;border-collapse:collapse}.scoreboard th,.scoreboard td{padding:10px;border-bottom:1px solid rgba(255,255,255,.3);text-align:center}.scoreboard th{border-bottom:2px solid white;font-size:18px}.app{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#0a0a0f,#1a1f3a,#0f2a50);overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,150,255,.03) 0px,rgba(0,150,255,.03) 2px,transparent 2px,transparent 4px),repeating-linear-gradient(90deg,rgba(0,255,136,.02) 0px,rgba(0,255,136,.02) 100px,transparent 100px,transparent 200px);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.btn-primary{padding:15px 30px;font-size:24px;background:linear-gradient(145deg,#0f8,#0ff);border:2px solid #00ff88;border-radius:2px;color:#0f2a50;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);text-transform:uppercase;letter-spacing:2px;font-weight:900;box-shadow:0 0 20px #0f8c,inset 0 0 10px #00ffff4d}.btn-primary:hover{background:linear-gradient(145deg,#0ff,#0f8);transform:scale(1.08) skewY(-2deg);box-shadow:0 0 40px #0f8,0 0 60px #0096ffcc,inset 0 0 15px #0ff6}.btn-primary:active{transform:scale(.95)}.btn-secondary{padding:12px 24px;font-size:18px;background:#0096ff33;border:2px solid #0099ff;border-radius:2px;color:#0ff;cursor:pointer;transition:all .3s;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 0 15px #0096ff80}.btn-secondary:hover{background:#0096ff66;border-color:#0f8;box-shadow:0 0 25px #0f89;transform:scale(1.05)}.btn-secondary:active{transform:scale(.98)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:linear-gradient(135deg,#0a0a0f,#1a1f3a,#0f2a50);padding:30px;border-radius:0;box-shadow:0 0 40px #0096ff4d,0 0 80px #6432c833;border:3px solid #0099ff;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideUp .3s;position:relative}.popup-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,150,255,.02) 0px,rgba(0,150,255,.02) 2px,transparent 2px,transparent 4px);pointer-events:none;border-radius:0}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.input-field{width:100%;padding:12px 16px;font-size:16px;border:2px solid #0099ff;border-radius:2px;background:#141e32f2;color:#0ff;outline:none;transition:all .3s;box-shadow:0 0 10px #0096ff66;font-family:Arial,sans-serif}.input-field:focus{border-color:#0f8;box-shadow:0 0 25px #00ff88b3,inset 0 0 10px #0f83;background:#141e32fa}.input-field::placeholder{color:#00ffff80}.select-field{width:100%;padding:10px 16px;font-size:16px;border:2px solid #0099ff;border-radius:2px;background:#141e32f2;color:#0ff;outline:none;cursor:pointer;transition:all .3s;box-shadow:0 0 10px #0096ff66;font-family:Arial,sans-serif}.select-field:focus{border-color:#0f8;box-shadow:0 0 25px #00ff88b3,inset 0 0 10px #0f83}.select-field option{background:#0f2a50;color:#0ff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;font-family:Orbitron,Arial,sans-serif;background-color:#0a0a0a;color:#fff;background-image:url(/main-image.png);background-size:1540px auto;background-position:center 0px;background-repeat:no-repeat}#root{width:100vw;height:100vh}button{cursor:pointer;font-family:Bebas Neue,sans-serif;transition:all .3s ease}button:hover{transform:scale(1.05)}input,select{font-family:Orbitron,Arial,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}