*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow:hidden}#app{width:100vw;height:100vh}.screen{display:none;width:100%;height:100%}.screen.active{display:flex;align-items:center;justify-content:center}.login-container{background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;border-radius:12px;padding:32px;min-width:320px;max-width:400px;box-shadow:0 15px 50px #000000b3}.login-container h1{text-align:center;margin-bottom:24px;color:#4a90e2;font-size:28px}.login-container input{width:100%;padding:12px;margin-bottom:12px;border:1px solid #4a90e2;border-radius:6px;background:#0f141e99;color:#fff;font-size:14px}.login-container input:focus{outline:none;border-color:#6ba3f0}.login-container input.error{border-color:#ff6b6b;background:#ff6b6b1a}.login-container input.error:focus{border-color:#ff6b6b}.field-error{display:block;color:#ff6b6b;font-size:11px;margin-top:-8px;margin-bottom:8px;padding-left:4px}.login-container button:disabled{opacity:.6;cursor:not-allowed;background:#666}.login-container button:disabled:hover{background:#666}.login-container button{width:100%;padding:12px 20px;margin-bottom:8px;border:none;border-radius:6px;background:linear-gradient(135deg,#4a90e2,#6ba3f0);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4a90e24d}.login-container button:hover:not(:disabled){background:linear-gradient(135deg,#6ba3f0,#7db3f5);box-shadow:0 4px 12px #4a90e266;transform:translateY(-1px)}.login-container button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #4a90e24d}.error-message{color:#ff6b6b;margin-top:12px;text-align:center;font-size:12px}.server-container{background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;border-radius:12px;padding:32px;min-width:500px;max-width:700px;box-shadow:0 15px 50px #000000b3}.server-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.server-header-actions h2{margin:0;color:#4a90e2}.btn-refresh{padding:8px 16px;font-size:12px;background:#4a90e226;border:1px solid rgba(74,144,226,.4);color:#4a90e2;cursor:pointer;transition:all .2s ease;border-radius:6px;font-weight:600;box-shadow:0 2px 4px #0000001a}.btn-refresh:hover:not(:disabled){background:#4a90e240;border-color:#4a90e2;box-shadow:0 4px 8px #4a90e233;transform:translateY(-1px)}.btn-refresh:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-refresh:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.user-info{display:flex;justify-content:space-around;margin-bottom:24px;padding:16px;background:#0f141e99;border-radius:8px;gap:12px}.user-info span{font-size:14px;color:#a0b0c8}.servers-list{margin-bottom:24px;max-height:400px;overflow-y:auto}.server-card{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;background:#0f141e99;border:1px solid #4a90e2;border-radius:8px;transition:all .2s}.server-card.server-active:hover{background:#0f141ecc;border-color:#6ba3f0}.server-card.server-inactive{opacity:.6;border-color:#666}.server-info{flex:1}.server-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.server-info h3{margin:0;color:#4a90e2}.server-card.server-inactive .server-info h3{color:#666}.status-badge{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.status-active{color:#4ade80;background:#4ade801a}.status-inactive{color:#f87171;background:#f871711a}.server-info p{font-size:12px;color:#a0b0c8;margin:0}.btn-disabled{opacity:.5;cursor:not-allowed!important;background:#666!important}.btn-disabled:hover{background:#666!important}.server-actions{display:flex;justify-content:center;margin-top:24px}.server-actions .btn-secondary{min-width:150px}.loading{text-align:center;color:#a0b0c8;padding:20px}.lobby-container{background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;border-radius:12px;padding:32px;min-width:500px;max-width:700px;box-shadow:0 15px 50px #000000b3}.lobby-container h2{text-align:center;margin-bottom:24px;color:#4a90e2}.lobby-header{margin-bottom:24px}.server-info{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-top:12px;background:#0f141e99;border-radius:8px}.server-info span{color:#4a90e2;font-weight:600}.server-status-indicator{font-size:12px;padding:4px 8px;border-radius:4px;margin-left:8px;font-weight:600}.server-status-indicator.status-online{color:#4ade80;background:#4ade801a}.server-status-indicator.status-offline{color:#f87171;background:#f871711a}.lobby-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.rooms-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(74,144,226,.3)}.rooms-section h3{color:#4a90e2;margin-bottom:16px;font-size:18px}.rooms-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.room-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0f141e99;border:1px solid rgba(74,144,226,.3);border-radius:8px;transition:all .3s ease}.room-card:hover{border-color:#4a90e2;background:#0f141ecc}.room-info h4{margin:0 0 8px;color:#4a90e2;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-status{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}.room-status.status-waiting{background:#4caf504d;color:#81c784;border:1px solid rgba(76,175,80,.5)}.room-status.status-playing{background:#2196f34d;color:#64b5f6;border:1px solid rgba(33,150,243,.5)}.room-status.status-full{background:#f443364d;color:#e57373;border:1px solid rgba(244,67,54,.5)}.room-status.status-finished{background:#9e9e9e4d;color:#bdbdbd;border:1px solid rgba(158,158,158,.5)}.room-info p{margin:4px 0;color:#a0b0c8;font-size:14px}.room-host{font-size:12px;color:#4a90e2;margin:4px 0;font-weight:600}.room-options{font-size:11px;color:#888;margin:4px 0}.room-players{font-size:12px!important;color:#888!important;margin-top:8px!important}.no-rooms{text-align:center;color:#a0b0c8;padding:20px;font-style:italic}.btn-join-room{padding:8px 16px;font-size:14px;min-width:100px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;justify-content:center;align-items:center}.modal-content{background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;border-radius:12px;padding:32px;min-width:400px;max-width:500px;box-shadow:0 15px 50px #000000b3}.modal-content.modal-large{min-width:500px;max-width:700px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a2a2a}.form-section:last-child{border-bottom:none}.form-section h4{margin-bottom:16px;color:#4a90e2;font-size:16px;font-weight:600}.modal-content h3{color:#4a90e2;margin-bottom:24px;text-align:center}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:20px}.checkbox-group{display:flex;align-items:center;padding-top:28px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#a0b0c8}.form-checkbox{width:18px;height:18px;cursor:pointer}.form-group label{display:block;color:#a0b0c8;margin-bottom:8px;font-size:14px}.form-input{width:100%;padding:12px;background:#0f141ecc;border:1px solid rgba(74,144,226,.3);border-radius:6px;color:#fff;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4a90e2;background:#0f141ee6}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1}button{padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;outline:none;box-shadow:0 2px 4px #0003}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}button:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 4px #0003}.btn-primary{padding:12px 20px;border:none;border-radius:6px;background:linear-gradient(135deg,#4a90e2,#6ba3f0);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4a90e24d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6ba3f0,#7db3f5);box-shadow:0 4px 12px #4a90e266}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,#3a7dd2,#5a93e0);box-shadow:0 2px 6px #4a90e24d}.btn-secondary{padding:12px 20px;border:none;border-radius:6px;background:#4a90e226;color:#4a90e2;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid rgba(74,144,226,.4);box-shadow:0 2px 4px #0000001a}.btn-secondary:hover:not(:disabled){background:#4a90e240;border-color:#4a90e2;box-shadow:0 4px 8px #4a90e233}.btn-secondary:active:not(:disabled){background:#4a90e233}.btn-small{padding:8px 16px;font-size:12px;font-weight:600}.select-server-btn{min-width:120px;white-space:nowrap}.select-server-btn.btn-disabled{background:#6666664d!important;color:#888!important;border-color:#666!important;cursor:not-allowed!important;box-shadow:none!important}.select-server-btn.btn-disabled:hover{transform:none!important;box-shadow:none!important}#matchmakingStatus{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#0000004d;border-radius:8px;margin:15px 0}.matchmaking-info{display:flex;flex-direction:column;align-items:center;gap:8px}.matchmaking-timer{font-size:1.1em;font-weight:700;color:gold;margin:0}#matchmakingMessage{margin:0;font-size:1em}#matchmakingStatus{margin-top:24px;padding:16px;background:#4a90e233;border-radius:8px;text-align:center;border:1px solid #4a90e2}.room-container{background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;border-radius:12px;padding:32px;min-width:800px;max-width:1200px;width:90%;box-shadow:0 15px 50px #000000b3}.room-container h2{text-align:center;margin-bottom:24px;color:#4a90e2}#roomInfo{padding:16px;background:#0f141e99;border-radius:8px;margin-bottom:24px}#roomInfo p{margin-bottom:8px;color:#a0b0c8}.room-host-info{color:#4a90e2;font-weight:600;margin-top:8px}.room-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.room-left,.room-right{display:flex;flex-direction:column}.room-left h3,.room-right h3{color:#4a90e2;margin-bottom:12px;font-size:18px}.players-list{min-height:200px;max-height:400px;overflow-y:auto;padding:16px;background:#0f141e99;border-radius:8px;margin-bottom:24px}.players-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-group{display:flex;flex-direction:column;gap:8px}.group-title{color:#4a90e2;font-size:16px;font-weight:600;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(74,144,226,.3)}.player-group .no-players{color:#666;font-style:italic;text-align:center;padding:20px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:#4a90e21a;border:1px solid rgba(74,144,226,.3);border-radius:6px}.player-info,.player-actions{display:flex;align-items:center;gap:8px}.btn-change-group{padding:4px 8px;font-size:12px;background:#4a90e233;border:1px solid rgba(74,144,226,.5);color:#4a90e2;border-radius:4px;cursor:pointer;transition:all .2s}.btn-change-group:hover{background:#4a90e24d;border-color:#4a90e2}.player-name{color:#fff;font-weight:600}.player-name.current-user{color:#4a90e2}.player-level{color:#a0b0c8;font-size:12px}.player-item span:first-child{color:#fff;font-weight:600}.ready-status{font-size:12px;font-weight:600}.ready-status.ready{color:#4ade80}.ready-status.not-ready{color:#f87171}.ready-status.playing{color:#4a90e2}.room-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.room-actions .btn-primary,.room-actions .btn-secondary{width:100%}.btn-start-game{background:linear-gradient(135deg,#4ade80,#6ee7b7)!important;color:#000!important;font-weight:700!important;box-shadow:0 2px 8px #4ade8066!important}.btn-start-game:hover:not(:disabled){background:linear-gradient(135deg,#6ee7b7,#86efac)!important;box-shadow:0 4px 12px #4ade8080!important}.btn-start-game:active:not(:disabled){background:linear-gradient(135deg,#34d399,#5ee7b7)!important;box-shadow:0 2px 6px #4ade8066!important}.chat-messages{flex:1;min-height:200px;max-height:300px;overflow-y:auto;padding:12px;background:#0f141e99;border-radius:8px;margin-bottom:12px;border:1px solid rgba(74,144,226,.3)}.chat-message{margin-bottom:8px;padding:6px;border-radius:4px}.chat-message.current-user{background:#4a90e233}.chat-user{color:#4a90e2;font-weight:600;margin-right:8px}.chat-text{color:#fff}.chat-input-container{display:flex;gap:8px}.chat-input{flex:1;padding:10px 14px;background:#0f141ecc;border:1px solid rgba(74,144,226,.3);border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.chat-input:focus{outline:none;border-color:#4a90e2;background:#0f141ee6;box-shadow:0 0 0 2px #4a90e233}.room-options-section{margin-top:24px;padding:16px;background:#0f141e99;border-radius:8px;border:1px solid rgba(74,144,226,.3)}.room-options-list{margin-bottom:12px}.room-options-list p{margin:8px 0;color:#a0b0c8;font-size:14px}.room-options-list strong{color:#4a90e2}#gameScreen,#gameContainer{width:100%;height:100%}.servers-list::-webkit-scrollbar,.players-list::-webkit-scrollbar,.rooms-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:8px}.servers-list::-webkit-scrollbar-track,.players-list::-webkit-scrollbar-track,.rooms-list::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#0f141e99;border-radius:4px}.servers-list::-webkit-scrollbar-thumb,.players-list::-webkit-scrollbar-thumb,.rooms-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:4px}.servers-list::-webkit-scrollbar-thumb:hover,.players-list::-webkit-scrollbar-thumb:hover,.rooms-list::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#6ba3f0}.keep-alive-timer{font-size:1.2em;font-weight:700;color:gold;text-align:center;margin:15px 0}#keepAliveTimeRemaining{color:#ff6b6b;font-size:1.3em}.keep-alive-popup{z-index:99999!important}.keep-alive-popup .modal-content{animation:keepAlivePop .25s ease-out}@keyframes keepAlivePop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#optionsPanel{width:min(92vw,540px);display:none;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;margin:0;padding:8px 10px;border-radius:10px;border:1px solid #2f2f2f;background:#080808f5;color:#e9efff;max-height:70vh;overflow:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:56;box-shadow:0 12px 30px #0000006b}#optionsPanel.show{display:grid}#helpPanel{width:min(92vw,680px);display:none;margin:0;padding:8px 10px;border-radius:10px;border:1px solid #2f2f2f;background:#080808f5;color:#e9efff;max-height:70vh;overflow:auto;box-sizing:border-box;font-size:12px;line-height:1.35;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:56;box-shadow:0 12px 30px #0000006b}#helpPanel.show{display:flex;flex-direction:column}#detailPopup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:50}#detailPopup.show{display:flex}.help-header{text-align:center;padding-bottom:12px;border-bottom:2px solid rgba(74,144,226,.4);margin-bottom:16px}.help-header h2{margin:0;font-size:24px;color:#4a90e2;text-shadow:0 0 10px rgba(74,144,226,.5)}.help-section{margin-bottom:20px}.help-controls-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.help-control-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#141e3299;border:1px solid rgba(74,144,226,.2);border-radius:6px}.help-key{font-weight:700;color:#4a90e2;background:#4a90e226;padding:4px 10px;border-radius:4px;min-width:80px;text-align:center;font-size:13px}.help-desc{flex:1;font-size:14px;color:#e9efff}.help-items-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.help-item-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#141e3299;border:1px solid rgba(74,144,226,.2);border-radius:8px;transition:all .2s}.help-item-card:hover{background:#1e283ccc;border-color:#4a90e266;transform:translateY(-2px)}.help-item-card img{width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.help-item-info{flex:1}.help-item-info strong{display:block;color:#78b7ff;margin-bottom:4px;font-size:15px}.help-item-info p{margin:0;font-size:13px;color:#d0d8e8;line-height:1.4}.help-objectives{list-style:none;padding:0;margin:0}.help-objectives li{padding:10px 12px;margin-bottom:8px;background:#141e3299;border-left:3px solid #4a90e2;border-radius:4px;font-size:14px;color:#e9efff}.help-objectives li:before{content:"✓ ";color:#4ade80;font-weight:700;margin-right:8px}.help-title{font-size:18px;color:#78b7ff;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(74,144,226,.3);font-weight:700}.option-item{display:grid;gap:4px;font-size:12px}.option-item select,.option-item input[type=checkbox]{accent-color:#69a2ff}.option-item select{border:1px solid #3a3a3a;background:#141414;color:#ecf2ff;border-radius:6px;padding:5px 6px}.panel-close-btn{border:1px solid #3a3a3a;background:#181818f2;color:#e9efff;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:600;margin-top:6px;justify-self:end}.detail-card{width:min(92vw,680px);max-width:680px;padding:0;border-radius:8px;background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;color:#fff;box-shadow:0 15px 50px #000000b3,0 0 30px #4a90e24d;overflow:hidden}.detail-header{padding:20px;background:#4a90e21a;border-bottom:2px solid rgba(74,144,226,.3);text-align:center}.detail-header h2{margin:0;font-size:24px;color:#4a90e2;text-shadow:0 0 10px rgba(74,144,226,.5)}.detail-content{padding:20px;max-height:60vh;overflow-y:auto}.detail-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.detail-stat-card{background:#141e3299;border:1px solid rgba(74,144,226,.2);border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px}.stat-icon{font-size:24px}.stat-info{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:#a0b0c8;text-transform:uppercase}.stat-value{font-size:16px;font-weight:700;color:#4a90e2}.detail-info-section{margin-bottom:20px;padding:16px;background:#141e3266;border-radius:8px}.detail-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(74,144,226,.1)}.detail-info-row:last-child{border-bottom:none}.info-label{color:#a0b0c8;font-size:14px}.info-value{color:#4a90e2;font-weight:600;font-size:14px}.detail-ranking-section{background:#0f141e99;border:1px solid rgba(74,144,226,.2);border-radius:6px;padding:16px;margin-top:20px}.ranking-title{font-size:18px;color:#78b7ff;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(74,144,226,.3);font-weight:700}.ranking-list{display:flex;flex-direction:column;gap:8px;overflow:visible}.ranking-item-detail{display:grid;grid-template-columns:40px 1fr 80px 80px 100px;align-items:center;gap:12px;padding:10px 12px;background:#141e3299;border:1px solid rgba(74,144,226,.2);border-radius:4px;font-size:13px}.ranking-item-detail.player-current{background:#4a90e233;border-color:#4a90e280}.ranking-item-detail .rank-pos{font-weight:700;color:gold;text-align:center}.ranking-item-detail .rank-name{color:#e9efff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-item-detail .rank-deaths{color:#ff6b6b;text-align:center;font-weight:700}.ranking-item-detail .rank-reward{color:gold;text-align:center;font-weight:700}.ranking-item-detail .rank-score{color:#4ade80;text-align:right;font-weight:700}.detail-close-btn{width:100%;border:none;border-radius:0;padding:14px;background:#4a90e233;color:#fff;cursor:pointer;font-weight:600;font-size:16px;border-top:2px solid rgba(74,144,226,.3)}.detail-close-btn:hover{background:#4a90e266}#liveRankingContainer{overflow:visible;height:auto}#liveRankingContent{direction:ltr;overflow:visible}#chatInputContainer{flex-direction:column}#chatInputContainer input.chat-input-inline{font-family:inherit}#chatBoxContainer{direction:rtl;border:2px solid transparent}#chatBoxContainer.chat-active{border-color:#4a90e2}#chatMessagesContainer{direction:ltr}.chat-message-row{display:flex;align-items:center;line-height:18px;margin-bottom:2px}.chat-message-row .chat-icon{display:inline-block;width:13px;height:13px;margin-right:4px;vertical-align:middle;background-image:url(/images/items/ranks3.png);background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;overflow:hidden}.chat-message-row .chat-text{flex:1;text-shadow:2px 2px 4px #000000,0 0 2px #000000;font-weight:400}#chatBoxContainer::-webkit-scrollbar{width:6px}#chatBoxContainer::-webkit-scrollbar-track{background:#0000004d}#chatBoxContainer::-webkit-scrollbar-thumb{background:#4a90e299;border-radius:3px}#gameHudLevelXp{display:none}#gameHudLevelXp.show{display:flex!important}@media (max-width: 980px){#liveRankingContainer,#chatBoxContainer{direction:ltr}}#liveRankingContainer::-webkit-scrollbar{width:8px}#liveRankingContainer::-webkit-scrollbar-track{background:#0000004d}#liveRankingContainer::-webkit-scrollbar-thumb{background:#4a90e299;border-radius:4px}#liveRankingContainer::-webkit-scrollbar-thumb:hover{background:#4a90e2cc}.ranking-item{display:flex;align-items:center;gap:6px;padding:2px 4px;margin-bottom:1px;font-size:12px;line-height:16px;background-color:#0000004d;border-radius:4px}.ranking-item.player-current{background-color:#4a90e266;border:1px solid rgba(74,144,226,.6)}.ranking-position{font-weight:700;color:gold;min-width:25px;text-shadow:2px 2px 4px #000000,0px 0px 2px #000000}.ranking-name{color:#fff;flex:1;text-shadow:2px 2px 4px #000000,0px 0px 2px #000000}.ranking-level-icon{flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges}.ranking-score{color:#4ade80;font-weight:700;text-shadow:2px 2px 4px #000000,0px 0px 2px #000000}.popup-card{min-width:260px;padding:16px 18px;border-radius:10px;background:#111;border:1px solid #2a2a2a;color:#fff;text-align:center;box-shadow:0 10px 26px #00000059}.popup-card h3{margin:0 0 10px;font-size:20px}.popup-card p{margin:0 0 14px;font-size:14px;opacity:.9;white-space:pre-line}#deathPopup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000000a6;z-index:50}#deathPopup.show{display:flex}.result-card{width:min(92vw,680px);padding:0;border-radius:12px;background:linear-gradient(135deg,#141419fa,#1e1e28fa);border:2px solid #4a90e2;color:#fff;box-shadow:0 15px 50px #000000b3,0 0 30px #4a90e24d;overflow:hidden}.result-header{background:linear-gradient(135deg,#4a90e24d,#3264b44d);padding:24px;border-bottom:2px solid rgba(74,144,226,.5);text-align:center}.result-header h2{margin:0;font-size:28px;color:#4a90e2;text-shadow:0 0 10px rgba(74,144,226,.5)}.result-content{padding:24px;max-height:60vh;overflow-y:auto}#resultDesc{font-size:16px;color:#e9efff;margin-bottom:20px;text-align:center;line-height:1.6}.result-stats{background:#0f141e99;border:1px solid rgba(74,144,226,.2);border-radius:8px;padding:16px;margin-bottom:20px}.result-stats-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(74,144,226,.1)}.result-stats-row:last-child{border-bottom:none}.result-stats-label{font-size:14px;color:#a0b0c8}.result-stats-value{font-size:16px;font-weight:700;color:#4a90e2}.result-ranking{background:#0f141e99;border:1px solid rgba(74,144,226,.2);border-radius:8px;padding:16px}.result-ranking-title{font-size:18px;color:#78b7ff;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(74,144,226,.3)}.result-ranking-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#e9efff}.result-btn{width:100%;border:none;border-radius:0;padding:16px;background:#4a90e233;color:#fff;cursor:pointer;font-weight:600;font-size:16px;border-top:2px solid rgba(74,144,226,.3);transition:all .2s}.result-btn:hover{background:#4a90e266}