:root{--color-bg-primary: #0F0F23;--color-bg-secondary: #1A1A2E;--color-bg-panel: rgba(15, 15, 35, .95);--color-accent-primary: #00FFFF;--color-accent-secondary: #7C3AED;--color-accent-tertiary: #FF00FF;--color-accent-green: #00FF88;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-border: rgba(0, 255, 255, .2);--color-border-glow: rgba(0, 255, 255, .5);--font-display: "Orbitron", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--font-body: "Exo 2", -apple-system, BlinkMacSystemFont, "Noto Sans Thai", sans-serif;--color-primary: #00FFFF;--color-secondary: #7C3AED;--color-background: #0F0F23;--color-surface: #1A1A2E;--color-text: #E2E8F0;--color-neutral: rgba(0, 255, 255, .2);--color-success: #00FF88;--color-warning: #F59E0B;--color-error: #F43F5E;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow-cyan: 0 0 20px rgba(0, 255, 255, .4), 0 0 40px rgba(0, 255, 255, .2);--shadow-glow-purple: 0 0 20px rgba(124, 58, 237, .4), 0 0 40px rgba(124, 58, 237, .2);--shadow-glow-green: 0 0 20px rgba(0, 255, 136, .4), 0 0 40px rgba(0, 255, 136, .2);--shadow-glow: var(--shadow-glow-cyan);--font-family: var(--font-body)}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #00ff884d,0 0 10px #0f83}50%{box-shadow:0 0 15px #00ff8880,0 0 25px #00ff884d}}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 5px rgba(0,255,136,.5)}50%{text-shadow:0 0 15px rgba(0,255,136,.8),0 0 25px rgba(0,255,136,.4)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 10px rgba(124,58,237,.8)) drop-shadow(0 0 20px rgba(0,255,255,.5))}50%{filter:drop-shadow(0 0 20px rgba(124,58,237,1)) drop-shadow(0 0 40px rgba(0,255,255,.8))}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.8}}.logo-text{font-family:var(--font-display);font-weight:900;font-size:48px;letter-spacing:6px;display:flex;gap:0;justify-content:center;align-items:center;text-transform:uppercase}.logo-text.logo-small{font-size:24px;letter-spacing:3px}.logo-thai-flag{background:linear-gradient(90deg,#f33,#f33 18%,#fff 18%,#fff 32%,#1e50a0 32%,#1e50a0 68%,#fff 68%,#fff 82%,#f33 82%,#f33);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.9)) drop-shadow(-1px -1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,51,51,.5)) drop-shadow(0 0 20px rgba(30,80,160,.4));animation:logo-thai-glow 2s ease-in-out infinite}@keyframes logo-thai-glow{0%,to{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.9)) drop-shadow(-1px -1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,51,51,.5)) drop-shadow(0 0 20px rgba(30,80,160,.4))}50%{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.9)) drop-shadow(-1px -1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(255,51,51,.7)) drop-shadow(0 0 35px rgba(30,80,160,.6)) drop-shadow(0 0 50px rgba(255,255,255,.3))}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-primary)}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(147,51,234,.05) 0%,transparent 50%),var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;font-family:var(--font-mono);color:var(--color-text-primary)}p{margin:0}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.hidden{display:none!important}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.error{color:var(--color-error);font-size:14px;text-shadow:0 0 10px rgba(239,68,68,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:500;font-family:var(--font-mono);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary),#00ccaa);color:var(--color-bg-primary);border:none;font-weight:600;text-shadow:none}.btn-primary:hover{box-shadow:0 0 20px #00ff8880,0 0 40px #00ff884d;transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-panel);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent-primary);box-shadow:0 0 15px #00ff884d}.btn-icon{padding:var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.btn-icon:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);box-shadow:0 0 10px #00ff884d}.screen{min-height:100vh;animation:fade-in .5s ease-out}.header{text-align:center;padding:var(--spacing-xl);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:32px;color:var(--color-accent-primary);text-shadow:0 0 20px rgba(0,255,136,.5),0 0 40px rgba(0,255,136,.3);animation:text-glow-pulse 3s ease-in-out infinite;letter-spacing:2px}.subtitle{font-size:18px;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.welcome-overlay{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:16px 20px 24px;background:linear-gradient(to top,rgba(5,5,20,.98) 0%,rgba(10,10,30,.95) 30%,rgba(10,10,30,.8) 60%,transparent 100%);z-index:1500}.welcome-overlay:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent)}.welcome-overlay.hidden{display:none}.welcome-content{text-align:center;max-width:600px;animation:welcomeFadeIn .5s ease-out}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-content .logo-text{font-size:28px;letter-spacing:4px;margin-bottom:8px}.welcome-subtitle{font-size:14px;color:#ffffffb3;margin-bottom:16px;text-shadow:0 0 20px rgba(0,255,255,.3)}.welcome-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.btn-welcome-join{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(135deg,#0f8,#0d7,#0b6);border:none;border-radius:6px;color:#001a0d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;overflow:hidden;box-shadow:0 0 20px #0f86,0 0 40px #0f83,inset 0 2px #ffffff40,inset 0 -2px #00000026;animation:joinBtnPulse 2s ease-in-out infinite}@keyframes joinBtnPulse{0%,to{box-shadow:0 0 20px #0f86,0 0 40px #0f83,inset 0 2px #ffffff40,inset 0 -2px #00000026}50%{box-shadow:0 0 30px #0f89,0 0 60px #00ff884d,inset 0 2px #ffffff4d,inset 0 -2px #00000026}}.btn-welcome-join: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 ease}.btn-welcome-join:hover:before{left:100%}.btn-welcome-join:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 35px #0f89,0 0 70px #00ff884d,0 10px 30px #0000004d,inset 0 2px #ffffff4d,inset 0 -2px #00000026}.btn-welcome-join:active{transform:translateY(0) scale(.98);animation:none}.btn-welcome-rules{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 14px;font-size:11px;font-family:var(--font-display);font-weight:600;letter-spacing:.5px;background:transparent;border:1.5px solid rgba(0,255,255,.5);border-radius:6px;color:#0ff;cursor:pointer;transition:all .3s ease;overflow:hidden;text-transform:uppercase}.btn-welcome-rules:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00ffff1a,#00c8ff0d);opacity:0;transition:opacity .3s ease}.btn-welcome-rules:hover:before{opacity:1}.btn-welcome-rules:hover{border-color:#0ff;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.8);box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a}.btn-welcome-rules:active{transform:scale(.98)}.btn-welcome-join .btn-icon{font-size:12px;filter:drop-shadow(0 0 3px rgba(0,0,0,.3))}.btn-welcome-rules .btn-icon{font-size:11px;filter:drop-shadow(0 0 5px rgba(0,255,255,.5))}@media (max-width: 480px){.welcome-overlay{padding:10px 10px 16px}.welcome-content .logo-text{font-size:20px;letter-spacing:2px}.welcome-subtitle{font-size:11px;margin-bottom:12px}.welcome-buttons{gap:6px}.btn-welcome-join{padding:6px 12px;font-size:10px;border-radius:5px}.btn-welcome-rules{padding:5px 10px;font-size:10px}}.player-stats-overlay{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:12px 20px 20px;background:linear-gradient(to top,rgba(5,5,20,.95) 0%,rgba(10,10,30,.85) 50%,transparent 100%);z-index:1500}.player-stats-overlay.hidden{display:none}.player-stats-content{display:flex;align-items:center;gap:20px;padding:10px 24px;background:#0a0a1ecc;border:1px solid rgba(0,255,255,.3);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;align-items:center;gap:8px}.stat-icon{font-size:14px}.stat-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.stat-online .stat-value{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.5)}.stat-missiles .stat-value{color:#f97316;text-shadow:0 0 10px rgba(249,115,22,.5)}.stat-divider{width:1px;height:24px;background:linear-gradient(to bottom,transparent,rgba(0,255,255,.4),transparent)}@media (max-width: 480px){.player-stats-overlay{padding:8px 12px 16px}.player-stats-content{gap:12px;padding:8px 16px}.stat-label{font-size:9px}.stat-value{font-size:14px}.stat-icon{font-size:12px}}.party-selector-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.party-selector-modal-overlay.hidden{display:none}.party-selector-modal-content{position:relative;background:linear-gradient(180deg,#0f0f23fa,#0a0a19fa);border:1px solid rgba(0,255,255,.4);border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 0 40px #0ff3,0 0 80px #00ffff1a,inset 0 1px #ffffff1a}.btn-close-modal{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid rgba(255,100,100,.5);border-radius:50%;background:#ff323233;color:#f66;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.btn-close-modal:hover{background:#ff323266;border-color:#ff6464cc;color:#f88;box-shadow:0 0 12px #ff323266}.btn-close-modal.hidden{display:none}.btn-rules{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:#ffc80026;border:1px solid rgba(255,200,0,.4);border-radius:20px;color:#ffc800;font-size:13px;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease}.btn-rules:hover{background:#ffc80040;border-color:#ffc80099;box-shadow:0 0 12px #ffc8004d}.btn-rules .rules-icon{font-size:14px}.rules-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rules-modal-overlay.hidden{display:none}.rules-modal-content{position:relative;width:100%;max-width:500px;max-height:80vh;background:linear-gradient(145deg,#141423fa,#0a0a14fa);border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:24px;overflow-y:auto;box-shadow:0 0 30px #00ffff26,inset 0 0 30px #0000004d}.rules-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:#0ff;margin-bottom:20px;text-shadow:0 0 10px rgba(0,255,255,.5)}.rules-sections{display:flex;flex-direction:column;gap:16px}.rules-section{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px}.rules-section h3{font-family:var(--font-display);font-size:14px;font-weight:600;color:#f0f;margin-bottom:10px}.rules-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rules-section li{font-size:13px;color:var(--color-text-secondary);line-height:1.5;padding-left:16px;position:relative}.rules-section li:before{content:"▸";position:absolute;left:0;color:#0f8}.rules-section li strong{color:#fff;font-weight:600}.conquered-leaderboard{display:flex;flex-direction:column;gap:6px;padding:8px}.conquered-leaderboard-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0000004d;border-radius:6px;transition:background .2s ease}.conquered-leaderboard-item:hover{background:#00ffff1a}.conquered-rank{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-secondary);min-width:20px;text-align:center}.conquered-rank.rank-1{color:gold}.conquered-rank.rank-2{color:silver}.conquered-rank.rank-3{color:#cd7f32}.conquered-party-badge{width:12px;height:12px;border-radius:3px;flex-shrink:0}.conquered-party-name{flex:1;font-size:11px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conquered-province-count{font-family:var(--font-display);font-size:12px;font-weight:600;color:#0f8;min-width:24px;text-align:right}.btn-more-leaderboard{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-top:4px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:6px;color:#0ff;font-size:11px;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease}.btn-more-leaderboard:hover{background:#0ff3;box-shadow:0 0 10px #0ff3}.more-arrow{font-size:10px}.leaderboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leaderboard-modal-overlay.hidden{display:none}.leaderboard-modal-content{position:relative;width:100%;max-width:450px;max-height:80vh;background:linear-gradient(145deg,#141423fa,#0a0a14fa);border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:24px;overflow-y:auto;box-shadow:0 0 30px #00ffff26,inset 0 0 30px #0000004d}.leaderboard-modal-title{text-align:center;font-family:var(--font-display);font-size:18px;font-weight:700;color:#0ff;margin-bottom:16px;text-shadow:0 0 10px rgba(0,255,255,.5)}.full-leaderboard-list{display:flex;flex-direction:column;gap:8px}.full-leaderboard-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.full-leaderboard-item:hover{background:#00ffff1a;border-color:#00ffff4d}.full-leaderboard-item.top-3{border-color:#ffd7004d}.full-leaderboard-rank{font-family:var(--font-display);font-size:14px;font-weight:700;min-width:28px;text-align:center;color:var(--color-text-secondary)}.full-leaderboard-rank.rank-1{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.full-leaderboard-rank.rank-2{color:silver;text-shadow:0 0 8px rgba(192,192,192,.5)}.full-leaderboard-rank.rank-3{color:#cd7f32;text-shadow:0 0 8px rgba(205,127,50,.5)}.full-leaderboard-badge{width:16px;height:16px;border-radius:4px;flex-shrink:0}.full-leaderboard-name{flex:1;font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-leaderboard-stats{display:flex;align-items:center;gap:12px}.full-leaderboard-provinces{font-family:var(--font-display);font-size:14px;font-weight:600;color:#0f8}.full-leaderboard-provinces:after{content:" จว.";font-size:10px;color:var(--color-text-secondary)}.online-users-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#22c55e14,#000000eb 70%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.online-users-modal-overlay.hidden{display:none}.online-users-modal-content{position:relative;width:100%;max-width:480px;max-height:80vh;background:linear-gradient(165deg,#0f1914fa,#050f0afc);border:1px solid rgba(34,197,94,.4);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 0 60px #22c55e33,0 25px 50px #00000080,inset 0 1px #ffffff0d;animation:modalSlideUp .3s ease}.online-users-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#22c55e,transparent)}.online-users-modal-content .btn-close-modal{position:absolute;top:16px;right:16px;z-index:10;width:32px;height:32px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.online-users-modal-content .btn-close-modal:hover{background:#22c55e33;transform:rotate(90deg)}.online-users-modal-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:#22c55e;padding:24px 24px 8px;margin:0;text-shadow:0 0 20px rgba(34,197,94,.6);letter-spacing:1px}.online-users-subtitle{text-align:center;font-size:12px;color:#22c55e99;padding-bottom:16px;border-bottom:1px solid rgba(34,197,94,.15);margin:0 24px}.online-users-list{display:flex;flex-direction:column;gap:6px;padding:16px 20px 20px;max-height:55vh;overflow-y:auto}.online-users-list::-webkit-scrollbar{width:6px}.online-users-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.online-users-list::-webkit-scrollbar-thumb{background:#22c55e66;border-radius:3px}.online-users-loading{text-align:center;color:#22c55e99;padding:40px 20px;font-size:14px}.online-user-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#22c55e0d,#0000004d);border:1px solid rgba(34,197,94,.15);border-radius:12px;transition:all .25s ease;position:relative;overflow:hidden}.online-user-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22c55e,#16a34a);opacity:0;transition:opacity .2s ease}.online-user-item:hover{background:linear-gradient(135deg,#22c55e1f,#0006);border-color:#22c55e59;transform:translate(4px)}.online-user-item:hover:before{opacity:1}.online-user-rank{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#22c55eb3;min-width:28px;text-align:center;padding:4px 6px;background:#22c55e1a;border-radius:6px}.online-user-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.1)}.online-user-info{flex:1;min-width:0}.online-user-nickname{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.online-user-party{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.online-user-attacks{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;background:#f973161a;border-radius:8px;border:1px solid rgba(249,115,22,.2)}.online-user-attacks-value{font-family:var(--font-mono);font-size:15px;font-weight:700;color:#fb923c;text-shadow:0 0 10px rgba(249,115,22,.5)}.online-user-attacks-label{font-size:8px;color:#f97316b3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-clickable{cursor:pointer;transition:all .2s ease;border-radius:20px;padding:4px 8px;margin:-4px -8px}.stat-clickable:hover{background:#22c55e26;transform:scale(1.05)}.stat-clickable:active{transform:scale(.98)}.all-users-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#3b82f614,#000000eb 70%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modalFadeIn .3s ease}.all-users-modal-overlay.hidden{display:none}.all-users-modal-content{position:relative;width:100%;max-width:480px;max-height:92vh;background:linear-gradient(165deg,#0f1423fa,#050a19fc);border:1px solid rgba(59,130,246,.4);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 0 60px #3b82f633,0 25px 50px #00000080,inset 0 1px #ffffff0d;animation:modalSlideUp .3s ease}.all-users-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#3b82f6,transparent)}.all-users-modal-content .btn-close-modal{position:absolute;top:16px;right:16px;z-index:10;width:32px;height:32px;border-radius:50%;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.all-users-modal-content .btn-close-modal:hover{background:#3b82f633;transform:rotate(90deg)}.all-users-modal-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:#60a5fa;padding:24px 24px 8px;margin:0;text-shadow:0 0 20px rgba(59,130,246,.6);letter-spacing:1px}.all-users-subtitle{text-align:center;font-size:12px;color:#3b82f699;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.15);margin:0 24px}.all-users-list{display:flex;flex-direction:column;gap:6px;padding:16px 20px 20px;max-height:72vh;overflow-y:auto}.all-users-list::-webkit-scrollbar{width:6px}.all-users-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.all-users-list::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:3px}.all-users-loading{text-align:center;color:#3b82f699;padding:40px 20px;font-size:14px}.all-user-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#3b82f60d,#0000004d);border:1px solid rgba(59,130,246,.15);border-radius:12px;transition:all .25s ease;position:relative;overflow:hidden;min-height:72px}.all-user-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:0;transition:opacity .2s ease}.all-user-item:hover{background:linear-gradient(135deg,#3b82f61f,#0006);border-color:#3b82f659;transform:translate(4px)}.all-user-item:hover:before{opacity:1}.all-user-item:nth-child(1){border-color:#ffd70066}.all-user-item:nth-child(1):before{background:linear-gradient(180deg,gold,#f59e0b);opacity:1}.all-user-item:nth-child(2){border-color:#c0c0c066}.all-user-item:nth-child(2):before{background:linear-gradient(180deg,silver,#9ca3af);opacity:1}.all-user-item:nth-child(3){border-color:#cd7f3266}.all-user-item:nth-child(3):before{background:linear-gradient(180deg,#cd7f32,#b45309);opacity:1}.all-user-rank{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#3b82f6b3;min-width:32px;text-align:center;padding:4px 6px;background:#3b82f61a;border-radius:6px}.all-user-item:nth-child(1) .all-user-rank{background:#ffd70033;color:gold}.all-user-item:nth-child(2) .all-user-rank{background:#c0c0c033;color:silver}.all-user-item:nth-child(3) .all-user-rank{background:#cd7f3233;color:#cd7f32}.all-user-badge{width:44px;height:44px;border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.1)}.all-user-info{flex:1;min-width:0}.all-user-nickname{font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.all-user-party{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-user-attacks{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;background:#f973161a;border-radius:8px;border:1px solid rgba(249,115,22,.2)}.all-user-attacks-value{font-family:var(--font-mono);font-size:15px;font-weight:700;color:#fb923c;text-shadow:0 0 10px rgba(249,115,22,.5)}.all-user-attacks-label{font-size:8px;color:#f97316b3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-total.stat-clickable:hover{background:#3b82f626}.party-provinces-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#f59e0b0f,#000000eb 70%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modalFadeIn .3s ease}.party-provinces-modal-overlay.hidden{display:none}.party-provinces-modal-content{position:relative;width:100%;max-width:640px;max-height:85vh;background:linear-gradient(165deg,#19140ffa,#0f0a05fc);border:1px solid rgba(245,158,11,.4);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 0 80px #f59e0b26,0 25px 50px #00000080,inset 0 1px #ffffff0d;animation:modalSlideUp .3s ease}.party-provinces-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f59e0b,transparent)}.party-provinces-modal-content .btn-close-modal{position:absolute;top:16px;right:16px;z-index:10;width:32px;height:32px;border-radius:50%;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.party-provinces-modal-content .btn-close-modal:hover{background:#f59e0b33;transform:rotate(90deg)}.party-provinces-modal-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:#fbbf24;padding:24px 24px 16px;margin:0;text-shadow:0 0 20px rgba(245,158,11,.6);letter-spacing:1px;border-bottom:1px solid rgba(245,158,11,.15)}.party-provinces-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:20px;max-height:65vh;overflow-y:auto}.party-provinces-list::-webkit-scrollbar{width:6px}.party-provinces-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.party-provinces-list::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:3px}.party-provinces-loading{text-align:center;color:#f59e0b99;padding:40px 20px;font-size:14px;grid-column:1 / -1}.party-provinces-empty{text-align:center;color:#f59e0b80;padding:50px 20px;grid-column:1 / -1;font-size:14px}.province-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(145deg,#f59e0b14,#0006);border:1px solid rgba(245,158,11,.2);border-radius:14px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.province-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-color, #f59e0b),transparent);opacity:.5}.province-card:hover{background:linear-gradient(145deg,#f59e0b26,#00000080);border-color:#f59e0b80;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d,0 0 20px #f59e0b1a}.province-card-header{display:flex;align-items:center;gap:12px}.province-card-color{width:16px;height:16px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 6px #0000004d,inset 0 1px #fff3}.province-card-name{font-size:16px;font-weight:700;color:#fff;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.province-card-stats{display:flex;flex-direction:column;gap:10px;padding:12px;background:#0000004d;border-radius:10px}.province-stat-row{display:flex;align-items:center;gap:10px}.province-stat-icon{font-size:14px;width:20px;text-align:center}.province-stat-label{font-size:11px;color:#ffffff80;width:45px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.province-stat-bar{flex:1;height:10px;background:#00000080;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.province-stat-fill{height:100%;border-radius:5px;transition:width .5s ease;position:relative}.province-stat-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:5px 5px 0 0}.province-stat-fill.hp{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);box-shadow:0 0 10px #ef444466}.province-stat-fill.shield{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f666}.province-stat-value{font-family:var(--font-mono);font-size:11px;color:#ffffffb3;min-width:70px;text-align:right;font-weight:600}.conquered-leaderboard-item{cursor:pointer;transition:all .25s ease;border-radius:8px;padding:8px 10px;margin:-4px -6px}.conquered-leaderboard-item:hover{background:linear-gradient(135deg,#f59e0b26,#0003);transform:translate(4px)}@media (max-width: 600px){.party-provinces-list{grid-template-columns:1fr;padding:16px}.party-provinces-modal-content{max-height:90vh}.province-card-name{font-size:14px}}.party-selector-modal-content .modal-header{text-align:center;margin-bottom:28px}.party-selector-modal-content .logo-text{font-size:28px;letter-spacing:3px}@media (max-width: 480px){.party-selector-modal-content .logo-text{font-size:22px;letter-spacing:2px}}.party-selector-modal-content .modal-subtitle{font-size:14px;color:var(--color-text-secondary);margin-top:8px}.party-selector-modal-content .modal-body{display:flex;flex-direction:column;gap:20px}.party-selector-modal-content .form-group{display:flex;flex-direction:column;gap:8px}.party-selector-modal-content .form-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.autocomplete-container{position:relative}.autocomplete-input{width:100%;padding:12px 16px;background:#0006;border:1px solid rgba(0,255,255,.3);border-radius:8px;color:#fff;font-size:15px;font-family:var(--font-primary);transition:all .2s ease}.autocomplete-input:focus{outline:none;border-color:#0ff9;box-shadow:0 0 15px #0ff3}.autocomplete-input::placeholder{color:#fff6}.autocomplete-list{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#0f0f23fa;border:1px solid rgba(0,255,255,.3);border-top:none;border-radius:0 0 8px 8px;z-index:100}.autocomplete-list.hidden{display:none}.autocomplete-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(0,255,255,.1)}.autocomplete-item .party-ballot-number{font-family:var(--font-mono);font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-accent-primary),#00aa66);padding:4px 8px;border-radius:6px;min-width:52px;text-align:center;box-shadow:0 2px 4px #0000004d;flex-shrink:0}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.highlighted{background:#00ffff1a}.autocomplete-item .party-logo-container{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.autocomplete-item .party-logo-img{width:28px;height:28px;object-fit:contain;border-radius:4px}.autocomplete-item .party-color-badge{width:20px;height:20px;border-radius:4px;flex-shrink:0;box-shadow:0 0 8px currentColor}.autocomplete-item .party-name-container{flex:1;min-width:0}.autocomplete-item .party-name-thai{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-item .party-name-english{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-item .ballot-number{font-family:var(--font-mono);font-size:11px;color:var(--color-accent-primary);background:#00ff881a;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,255,136,.3)}.selected-party-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00ffff1a;border:1px solid rgba(0,255,255,.4);border-radius:8px}.selected-party-preview.hidden{display:none}.selected-party-preview .preview-party-color{width:32px;height:32px;border-radius:6px;box-shadow:0 0 10px currentColor;display:flex;align-items:center;justify-content:center;overflow:hidden}.selected-party-preview .preview-logo-img{width:32px;height:32px;object-fit:contain}.selected-party-preview .preview-party-info{flex:1;display:flex;flex-direction:column;gap:2px}.selected-party-preview .preview-party-name{font-size:15px;font-weight:700;color:#fff}.selected-party-preview .preview-party-english{font-size:12px;color:var(--color-text-secondary)}.selected-party-preview .btn-clear{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:50%;color:#ef4444;font-size:14px;cursor:pointer;transition:all .2s ease}.selected-party-preview .btn-clear:hover{background:#ef44444d;border-color:#ef444499}.error-text{font-size:12px;color:#ef4444;margin-top:4px}.error-text.hidden{display:none}.btn-join{width:100%;padding:14px 24px;font-size:16px;font-weight:700;margin-top:8px}.btn-join:disabled{opacity:.5;cursor:not-allowed}.party-selector-content{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.party-selector-content h2{text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.party-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.party-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-panel);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.party-card:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.party-card.selected{border-color:var(--party-color, var(--color-accent-primary));box-shadow:0 0 20px var(--party-color, rgba(0, 255, 136, .5))}.party-color{width:48px;height:48px;border-radius:var(--radius-sm);flex-shrink:0;box-shadow:0 0 10px currentColor}.party-info h3{font-size:14px;margin-bottom:2px;color:var(--color-text-primary)}.party-info p{font-size:12px;color:var(--color-text-secondary)}.ballot-number{font-size:11px;color:var(--color-accent-primary);background:#00ff881a;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-mono)}.selected-party{max-width:400px;margin:0 auto;text-align:center}.party-preview{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.selected-party-badge{width:60px;height:60px;border-radius:var(--radius-md);box-shadow:var(--shadow-glow)}.selected-party input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;margin-bottom:var(--spacing-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .3s ease}.selected-party input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 15px #00ff884d}.selected-party input::placeholder{color:var(--color-text-secondary)}.selected-party .btn{width:100%;padding:var(--spacing-md);font-size:18px;margin-top:var(--spacing-md)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.player-info{display:flex;align-items:center;gap:var(--spacing-sm)}.player-badge{width:32px;height:32px;border-radius:var(--radius-sm);box-shadow:0 0 10px currentColor}.player-details{display:flex;flex-direction:column}.player-name{font-weight:600;font-size:14px;color:var(--color-text-primary)}.player-party{font-size:12px;color:var(--color-text-secondary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.game-main{display:flex;min-height:calc(100vh - 120px)}.sidebar{width:280px;padding:var(--spacing-md);background:var(--color-bg-panel);border-right:1px solid var(--color-border);overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);position:relative;background:linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px);background-size:50px 50px}.map-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,var(--color-bg-primary) 70%);pointer-events:none}.province{fill:var(--color-bg-secondary);stroke:var(--color-border);stroke-width:1;cursor:pointer;transition:fill .3s ease,transform .2s ease,filter .3s ease}.province:hover{filter:brightness(1.3) drop-shadow(0 0 5px rgba(0,255,136,.5))}.province.clicked{animation:pulse .2s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.click-number{position:fixed;font-size:16px;font-weight:700;font-family:var(--font-mono);pointer-events:none;animation:float-up .5s ease-out forwards;z-index:100;text-shadow:0 0 10px currentColor}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.leaderboard{background:var(--color-bg-panel);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard h3{margin-bottom:var(--spacing-md);font-size:16px;color:var(--color-accent-primary);font-family:var(--font-mono);text-shadow:0 0 10px rgba(0,255,136,.5)}.leaderboard table{width:100%;border-collapse:collapse}.leaderboard th,.leaderboard td{padding:var(--spacing-sm);text-align:left;font-size:14px}.leaderboard th{color:var(--color-text-secondary);font-weight:500;font-family:var(--font-mono);border-bottom:1px solid var(--color-border)}.leaderboard tr:not(:last-child) td{border-bottom:1px solid rgba(0,255,136,.1)}.leaderboard tr:hover td{background:#00ff880d}.party-badge{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:var(--spacing-sm);vertical-align:middle;box-shadow:0 0 5px currentColor}.game-timer{text-align:center}.timer-label{display:block;font-size:12px;color:var(--color-text-secondary)}.timer-value{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--color-accent-primary);text-shadow:0 0 10px rgba(0,255,136,.5)}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;font-family:var(--font-mono)}.status-dot{width:8px;height:8px;border-radius:50%}.connected .status-dot{background:var(--color-accent-primary);box-shadow:0 0 10px #0f8c}.disconnected .status-dot{background:var(--color-error);box-shadow:0 0 10px #ef4444cc;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-panel);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-glow);animation:toast-enter .3s ease-out;max-width:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary)}.toast-exit{animation:toast-exit .3s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}}@keyframes toast-exit{to{opacity:0;transform:translate(100%)}}.toast-flip{border-left:4px solid var(--color-accent-secondary);box-shadow:0 0 20px #9333ea4d}.toast-win{border-left:4px solid var(--color-accent-primary);box-shadow:0 0 20px #00ff884d}.toast-warning{border-left:4px solid var(--color-warning);box-shadow:0 0 20px #f59e0b4d}.province-tooltip{position:fixed;background:var(--color-bg-panel);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border);box-shadow:var(--shadow-glow);z-index:1001;max-width:250px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.province-tooltip h4{margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.province-tooltip .province-name-en{font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.shield-bar{height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden;margin-top:var(--spacing-sm);border:1px solid var(--color-border)}.shield-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),#00ccaa);transition:width .3s ease;box-shadow:0 0 10px #00ff8880}.settings-panel{position:fixed;top:0;right:0;width:300px;height:100%;background:var(--color-bg-panel);border-left:1px solid var(--color-border);box-shadow:-4px 0 20px #00000080;z-index:1002;transform:translate(0);transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-panel.hidden{transform:translate(100%)}.settings-content{padding:var(--spacing-lg)}.settings-content h3{margin-bottom:var(--spacing-lg);color:var(--color-accent-primary);font-family:var(--font-mono);text-shadow:0 0 10px rgba(0,255,136,.5)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.game-footer{padding:var(--spacing-md);background:var(--color-bg-panel);border-top:1px solid var(--color-border)}.ad-container{max-width:728px;margin:0 auto;min-height:90px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono)}.game-end-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0f1af2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);text-align:center;padding:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-end-overlay h1{font-size:48px;margin-bottom:var(--spacing-xl);color:var(--color-accent-primary);text-shadow:0 0 30px rgba(0,255,136,.8),0 0 60px rgba(0,255,136,.4);animation:text-glow-pulse 2s ease-in-out infinite;font-family:var(--font-mono);letter-spacing:4px}input[type=text],input[type=email],input[type=password],input[type=number],textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;transition:all .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 15px #00ff884d,inset 0 0 5px #00ff881a}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-glow)}::selection{background:#00ff884d;color:var(--color-text-primary)}@media (max-width: 768px){.game-main{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.party-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.header h1{font-size:24px}.ad-container{min-height:50px}.game-end-overlay h1{font-size:32px}}.fullscreen-map-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:1;background:var(--color-bg-primary);overflow:hidden}.fullscreen-map-container .grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:100px 100px,100px 100px,25px 25px,25px 25px}.fullscreen-map-container .grid-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(15,15,35,.7) 80%);pointer-events:none}.game-header-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:12px}.game-header-overlay .logo-text{font-size:32px;letter-spacing:4px;margin-bottom:12px}.game-header-overlay .logo-thai-flag{font-size:32px!important}.missiles-counter{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#141428fa,#0a0a19fa);border:2px solid rgba(0,255,255,.5);border-radius:12px;padding:12px 24px;min-width:180px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 30px #00ffff4d,0 0 60px #00ffff1a,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;position:relative}.missiles-counter:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.8),transparent)}.game-timer-inline{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6);margin-bottom:4px;letter-spacing:1px}.game-timer-inline .timer-segment{display:inline}.game-timer-inline .timer-colon{opacity:.7;margin:0 1px}.missiles-label{font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:2px}.missiles-count{font-family:var(--font-display);font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.4);line-height:1;letter-spacing:2px}.world-missiles{display:none}.world-icon{font-size:12px}.world-label{font-family:var(--font-display);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#fa0}.world-count{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fa0;text-shadow:0 0 8px rgba(255,170,0,.6)}.sidebar-overlay{position:fixed;top:120px;z-index:100;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent-green) transparent;pointer-events:auto}.sidebar-overlay::-webkit-scrollbar{width:4px}.sidebar-overlay::-webkit-scrollbar-thumb{background:var(--color-accent-green);border-radius:2px}.sidebar-left-overlay{left:15px;width:280px}.sidebar-right-overlay{right:15px;width:280px}.sidebar-toggle{display:none;position:absolute;top:50%;transform:translateY(-50%);width:24px;height:48px;background:#0a0a1ee6;border:1px solid rgba(0,255,255,.4);border-radius:4px;color:#0ff;font-size:12px;cursor:pointer;z-index:10;transition:all .2s ease;padding:0;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}.sidebar-toggle-left{right:-28px;border-left:none;border-radius:0 4px 4px 0}.sidebar-toggle-right{left:-28px;border-right:none;border-radius:4px 0 0 4px}.toggle-arrow{transition:transform .3s ease}.overlay-panel{background:#0a0a1ed9;border:1px solid rgba(0,255,255,.3);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;overflow:hidden;position:relative}.overlay-panel:before{content:"";position:absolute;top:0;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.7),transparent);z-index:1}.panel-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(180deg,#00ffff14,#00ffff05)}.panel-icon{font-size:16px;filter:drop-shadow(0 0 4px currentColor)}.panel-header .panel-title{font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.7);margin:0;border:none;padding:0}.empire-party-info{padding:16px;border-bottom:1px solid rgba(0,255,255,.1)}.empire-party-badge{display:flex;align-items:center;gap:14px;margin-bottom:12px}.empire-party-logo{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#0006;border:2px solid var(--party-color, rgba(255, 255, 255, .2));box-shadow:0 0 15px var(--party-color, rgba(0, 255, 255, .3)),inset 0 0 10px #0000004d;display:flex;align-items:center;justify-content:center}.empire-logo-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.empire-logo-img.hidden{display:none}.empire-party-logo .party-color-dot{width:32px;height:32px;border-radius:50%;background:var(--party-color, #6b7280);box-shadow:0 0 12px var(--party-color, #6b7280)}.empire-logo-img:not(.hidden)+.party-color-dot{display:none}.empire-party-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.empire-party-badge .party-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--party-color, #FFFFFF);text-shadow:0 0 10px var(--party-color, rgba(255, 255, 255, .5));line-height:1.3;word-wrap:break-word}.empire-party-info .empire-player{display:flex;align-items:center;gap:6px;margin-bottom:0;padding-left:0}.player-icon{font-size:12px;opacity:.7}.player-name{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.btn-change-party{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.4);border-radius:6px;color:#a5b4fc;font-family:var(--font-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-change-party:hover{background:#6366f140;border-color:#6366f199;color:#c7d2fe;box-shadow:0 0 15px #6366f14d}.btn-change-party .btn-icon{font-size:12px;padding:0;background:none;border:none}.empire-country{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(0,255,255,.1)}.country-flag{font-size:20px}.country-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:#fff}.hp-section{padding:12px 16px;border-bottom:1px solid rgba(0,255,255,.1)}.hp-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hp-icon{font-size:12px}.hp-label{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-transform:uppercase}.hp-value{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:#fff}.hp-bar{height:12px;background:linear-gradient(180deg,#0009,#0006);border-radius:6px;overflow:hidden;border:1px solid rgba(0,255,136,.4);box-shadow:inset 0 2px 4px #00000080}.hp-fill{height:100%;background:linear-gradient(180deg,#0f8,#0c6,#0a5);border-radius:5px;transition:width .3s ease;box-shadow:0 0 15px #0f89,inset 0 1px #ffffff4d;position:relative}.hp-fill:after{content:"";position:absolute;top:1px;left:2px;right:2px;height:4px;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:4px}.shield-section-overlay{padding:12px 16px;border-bottom:1px solid rgba(0,255,255,.1)}.shield-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shield-icon{font-size:12px}.shield-section-overlay .shield-label{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-transform:uppercase}.shield-section-overlay .shield-value{margin-left:auto;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-accent-primary);text-shadow:0 0 8px rgba(0,255,255,.5)}.shield-section-overlay .shield-bar{height:10px;background:linear-gradient(180deg,#0009,#0006);border-radius:5px;overflow:hidden;border:1px solid rgba(0,255,255,.4);box-shadow:inset 0 2px 4px #00000080}.shield-section-overlay .shield-fill{height:100%;background:linear-gradient(180deg,#0ff,#0cc,#0aa);border-radius:4px;transition:width .3s ease;box-shadow:0 0 15px #0ff9,inset 0 1px #ffffff4d;position:relative}.shield-section-overlay .shield-fill:after{content:"";position:absolute;top:1px;left:2px;right:2px;height:3px;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:3px}.conquered-summary{display:flex;align-items:center;gap:8px;padding:12px 16px}.conquered-icon{font-size:14px}.conquered-label{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.conquered-count{margin-left:auto;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-accent-primary);text-shadow:0 0 10px rgba(0,255,255,.6)}.conquered-panel{max-height:200px;overflow-y:auto}.conquered-list{padding:8px}.conquered-empty{padding:16px;text-align:center;font-size:12px;color:var(--color-text-secondary);font-style:italic}.conquered-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;margin-bottom:4px;background:#00ffff0d;border:1px solid rgba(0,255,255,.1);cursor:pointer;transition:all .2s ease}.conquered-item:hover{background:#00ffff26;border-color:#00ffff4d}.conquered-item .province-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.conquered-item .province-name{font-size:12px;color:#fff;font-family:var(--font-primary)}.conquered-item .province-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.conquered-item .hp-stat{font-family:var(--font-mono);font-size:11px;color:#fff}.conquered-item .shield-stat{font-family:var(--font-mono);font-size:10px;color:var(--color-accent-primary)}.target-panel{position:relative}.target-info-overlay{padding:0}.target-country{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(0,255,255,.1)}.territory-type{padding:4px 16px;font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);background:#0000004d;border-bottom:1px solid rgba(0,255,255,.1)}.territory-type.home{color:var(--color-accent-green);background:#00ff881a}.territory-type.enemy{color:#f44;background:#ff44441a}.health-section{padding:12px 16px;border-bottom:1px solid rgba(0,255,255,.1)}.health-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.health-label{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.health-value{font-family:var(--font-mono);font-size:13px;color:#fff;font-weight:500}.health-percent{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--color-accent-green);padding:3px 10px;background:#0f83;border-radius:4px;margin-left:auto;border:1px solid rgba(0,255,136,.3)}.health-bar{height:10px;background:#00000080;border-radius:5px;overflow:hidden;border:1px solid rgba(0,255,136,.3);margin-bottom:8px}.health-fill{height:100%;background:linear-gradient(90deg,#0f8,#0c6);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #00ff8880}.health-fill.low{background:linear-gradient(90deg,#f44,#f66);box-shadow:0 0 10px #ff444480}.health-fill.medium{background:linear-gradient(90deg,#fa0,#fc0);box-shadow:0 0 10px #ffaa0080}.health-status{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-align:center;padding:4px 8px;border-radius:4px;background:#00ff8826;color:var(--color-accent-green)}.health-status.critical{background:#ff444426;color:#f44}.health-status.warning{background:#ffaa0026;color:#fa0}.target-shield-section{padding:12px 16px}.target-shield-section .shield-header{margin-bottom:8px}.target-shield-section .shield-bar{height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,255,.3);margin-bottom:8px}.target-shield-section .shield-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),#00CCCC);border-radius:3px;box-shadow:0 0 8px #00ffff80}.shield-status{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-align:center;padding:4px 8px;border-radius:4px;background:#00ffff26;color:var(--color-accent-primary)}.shield-status.unprotected{background:#ff444426;color:#f44}.conquered-right-panel{max-height:180px}.conquered-list-compact{padding:8px;max-height:140px;overflow-y:auto}.conquered-list-compact .conquered-item{padding:6px 10px;font-size:11px}.war-status-panel{max-height:250px}.war-status-list{padding:8px;max-height:200px;overflow-y:auto}.war-status-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;margin-bottom:6px;background:#0000004d;border:1px solid rgba(0,255,255,.1)}.war-status-item:hover{background:#00ffff0d;border-color:#0ff3}.war-status-item .home-indicator{font-size:12px}.war-status-item .country-info{flex:1;display:flex;align-items:center;gap:8px}.war-status-item .country-flag{font-size:16px}.war-status-item .country-name{font-size:13px;color:var(--color-accent-primary)}.war-status-item .stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.war-status-item .hp-stat{font-family:var(--font-mono);font-size:12px;color:#fff}.war-status-item .hp-bar-mini{width:60px;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.war-status-item .hp-fill-mini{height:100%;background:var(--color-accent-green);border-radius:2px}.war-status-item .shield-stat{font-family:var(--font-mono);font-size:10px;color:var(--color-accent-primary)}.connection-status-overlay{position:fixed;top:20px;left:280px;z-index:100;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0f0f23e6;border:1px solid rgba(0,255,255,.2);border-radius:4px;font-family:var(--font-mono);font-size:11px}.connection-status-sidebar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:#0f0f23cc;border:1px solid rgba(0,255,255,.2);border-radius:6px;font-family:var(--font-mono);font-size:11px}.connection-status-sidebar .status-indicator{width:8px;height:8px;border-radius:50%;background:#6b7280;box-shadow:0 0 6px currentColor}.connection-status-sidebar .status-indicator.connected{background:#22c55e;box-shadow:0 0 8px #22c55e}.connection-status-sidebar .status-indicator.disconnected{background:#ef4444;box-shadow:0 0 8px #ef4444}.connection-status-sidebar .status-indicator.connecting{background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:pulse 1s ease-in-out infinite}.connection-status-sidebar .status-text{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-btn-overlay{position:fixed;top:20px;right:280px;z-index:100;padding:8px 12px;background:#0f0f23e6;border:1px solid rgba(0,255,255,.3);border-radius:6px;color:var(--color-text-secondary);font-size:18px;cursor:pointer;transition:all .2s ease}.settings-btn-overlay:hover{background:#00ffff1a;border-color:var(--color-accent-primary);color:var(--color-accent-primary);box-shadow:0 0 15px #00ffff4d}.game-timer-overlay{position:fixed;top:70px;right:280px;z-index:100;padding:8px 16px;background:#0f0f23e6;border:1px solid rgba(0,255,255,.3);border-radius:6px}.game-footer-overlay{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:10px;background:linear-gradient(to top,rgba(15,15,35,.95),transparent)}.game-footer-overlay .ad-container{max-width:728px;margin:0 auto;min-height:90px;background:#0f0f23d9;border:1px solid rgba(0,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center}.game-footer-overlay .ad-placeholder{font-family:var(--font-display);font-size:12px;color:#ffffff4d;text-transform:uppercase;letter-spacing:2px}.game-footer-overlay .ad-container:has(.adsbygoogle[data-ad-status=filled]) .ad-placeholder{display:none}@media (max-width: 1200px){.sidebar-left-overlay,.sidebar-right-overlay{width:260px}.connection-status-overlay{left:280px}.settings-btn-overlay,.game-timer-overlay{right:280px}}@media (max-width: 992px){.sidebar-left-overlay,.sidebar-right-overlay{width:240px}.game-header-overlay .logo-text{font-size:20px}.missiles-counter{min-width:140px;padding:8px 16px}.missiles-count{font-size:24px}.game-timer-inline{font-size:11px}.overlay-panel .panel-header{padding:8px 12px}.panel-header .panel-title{font-size:9px}}@media (max-width: 768px){.sidebar-left-overlay{left:0;width:220px;top:50%;transform:translateY(-50%) translate(calc(-100% + 28px));bottom:auto;max-height:70vh;transition:transform .3s ease;border-left:none;border-radius:0 8px 8px 0;padding-right:28px}.sidebar-left-overlay.open{transform:translateY(-50%) translate(0)}.sidebar-left-overlay.open .toggle-arrow{transform:rotate(180deg)}.sidebar-right-overlay{right:0;width:220px;top:50%;transform:translateY(-50%) translate(calc(100% - 28px));bottom:auto;max-height:70vh;transition:transform .3s ease;border-right:none;border-radius:8px 0 0 8px;padding-left:28px}.sidebar-right-overlay.open{transform:translateY(-50%) translate(0)}.sidebar-right-overlay.open .toggle-arrow{transform:rotate(180deg)}.sidebar-toggle{display:flex}.sidebar-toggle-left{right:0}.sidebar-toggle-right{left:0}.game-header-overlay{top:10px}.game-header-overlay .logo-text{font-size:16px;letter-spacing:2px}.missiles-counter{min-width:110px;padding:6px 12px}.missiles-count{font-size:20px}.missiles-label{font-size:8px;letter-spacing:1px}.game-timer-inline{font-size:10px}.connection-status-overlay,.settings-btn-overlay,.game-timer-overlay{display:none}.conquered-panel,.conquered-right-panel,.war-status-panel{display:block}}.map-container{position:relative;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:1rem;max-width:800px;margin:0 auto;box-shadow:0 0 20px #00ffff1a,0 0 40px #00ff880d,inset 0 0 60px #00000080;overflow:hidden}.map-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent)}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;background-image:linear-gradient(rgba(0,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:100px 100px,100px 100px,25px 25px,25px 25px}.grid-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 48%,rgba(124,58,237,.02) 49%,rgba(124,58,237,.02) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.02) 49%,rgba(0,255,255,.02) 51%,transparent 52%);background-size:60px 60px}.grid-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(15,15,35,.6) 100%)}.thailand-map{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:2}.thailand-map svg{width:100%!important;height:100%!important;display:block;filter:drop-shadow(0 0 10px rgba(0,255,136,.1))}.province{fill:#4b5563;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;cursor:pointer;transition:fill .3s ease,filter .2s ease,stroke-width .2s ease}.province:hover{filter:brightness(1.2) saturate(1.2);stroke-width:2.5;stroke:#fff}.province.clicked{animation:province-pulse .3s ease-out}.province.owned-player{fill:#ff6b00;filter:drop-shadow(0 0 6px rgba(255,107,0,.5))}.province.owned-enemy{fill:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.province.contested{fill:#f59e0b;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.province.neutral{fill:#6b7280}.province-label{font-family:Noto Sans Thai,Sarabun,sans-serif;font-size:8px;font-weight:600;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.8),1px -1px 2px rgba(0,0,0,.8),-1px 1px 2px rgba(0,0,0,.8)}.province-label.large{font-size:10px}.province-label.small{font-size:6px}.click-feedback{position:fixed;font-size:20px;font-weight:700;pointer-events:none;animation:float-up .8s ease-out forwards;z-index:1000;font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:1px}.click-feedback.defend{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.5),0 0 30px rgba(0,255,136,.3)}.click-feedback.attack{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.8),0 0 20px rgba(255,68,68,.5),0 0 30px rgba(255,68,68,.3)}.click-feedback.capture{color:gold;font-size:28px;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3);animation:float-up-capture 1s ease-out forwards}.click-number{position:fixed;font-size:18px;font-weight:700;pointer-events:none;animation:float-up .6s ease-out forwards;z-index:100;text-shadow:0 0 10px currentColor}.click-number.defend{color:#0f8}.click-number.attack{color:#f44}.click-number.capture{color:gold;font-size:24px}.province-tooltip{position:absolute;background:linear-gradient(180deg,#0f0f23fa,#0a0a19fa);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,255,255,.5);border-radius:10px;padding:16px 20px;z-index:1000;pointer-events:none;min-width:200px;box-shadow:0 0 30px #00ffff4d,0 0 60px #00ffff1a,inset 0 1px #ffffff1a}.province-tooltip:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.8),transparent)}.province-tooltip .tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,255,.2)}.province-tooltip .province-name{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);font-family:Orbitron,sans-serif;letter-spacing:1px}.province-tooltip .home-badge{background:linear-gradient(135deg,#0f83,#00ff881a);border:1px solid rgba(0,255,136,.5);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:1px}.province-tooltip .province-info{font-size:13px;color:#ffffffb3;line-height:1.6}.province-tooltip .tooltip-stat{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.province-tooltip .tooltip-stat-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff9}.province-tooltip .tooltip-stat-value{font-family:Fira Code,monospace;font-size:13px;font-weight:600;color:#fff}.province-tooltip .hp-bar-tooltip{height:8px;background:#00000080;border-radius:4px;overflow:hidden;margin-top:4px;border:1px solid rgba(0,255,136,.3)}.province-tooltip .hp-fill-tooltip{height:100%;background:linear-gradient(90deg,#0f8,#0c6);border-radius:3px;box-shadow:0 0 10px #00ff8880}.province-tooltip .province-owner{color:#0f8;font-weight:600;text-shadow:0 0 8px rgba(0,255,136,.5)}.province-tooltip .province-clicks{color:#fa0;font-weight:600;text-shadow:0 0 8px rgba(255,170,0,.5)}.province-tooltip .shield-stat{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.5)}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#00ffffb3;font-family:Orbitron,Rajdhani,sans-serif;gap:16px}.map-loading:before{content:"";width:50px;height:50px;border:3px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:loading-spin 1s linear infinite}.map-loading-text{font-size:14px;letter-spacing:2px;text-transform:uppercase;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes province-pulse{0%{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 15px rgba(0,255,255,.6))}to{filter:brightness(1)}}@keyframes province-glow{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor) drop-shadow(0 0 25px currentColor)}}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.3)}}@keyframes float-up-capture{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}50%{opacity:1;transform:translateY(-30px) scale(1.5) rotate(5deg)}to{opacity:0;transform:translateY(-60px) scale(1.8) rotate(-5deg)}}@keyframes capture-pulse{0%{filter:brightness(1)}25%{filter:brightness(2) drop-shadow(0 0 20px rgba(255,215,0,.8))}50%{filter:brightness(1.5) drop-shadow(0 0 30px rgba(255,215,0,.6))}75%{filter:brightness(2) drop-shadow(0 0 20px rgba(255,215,0,.8))}to{filter:brightness(1)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.5}50%{opacity:1}}.province.captured{animation:capture-pulse .6s ease-out}.map-wrapper{width:100%;max-width:800px;margin:0 auto;position:relative}@media (max-width: 768px){.map-container{max-width:100%;padding:.5rem;border-radius:4px}.grid-overlay{background-size:30px 30px}.click-feedback{font-size:16px}.click-feedback.capture{font-size:22px}.click-number{font-size:14px}.province-tooltip{min-width:120px;padding:8px 12px}.province-tooltip .province-name{font-size:14px}.province-tooltip .province-info{font-size:12px}.map-wrapper{max-width:100%;padding:0 var(--spacing-sm, 8px)}}@media (max-width: 480px){.grid-overlay{background-size:25px 25px}.map-container{border-radius:0;border-left:none;border-right:none}}.missile-line{filter:drop-shadow(0 0 4px currentColor)}@keyframes missileShoot{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%)}20%{opacity:1}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes ambientMissileShoot{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%)}30%{opacity:.6}to{opacity:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.ambient-missile{filter:drop-shadow(0 0 2px currentColor)}@keyframes crossScreenMissileShoot{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%)}10%{opacity:.7}30%{clip-path:polygon(0 0,30% 0,30% 100%,0 100%)}70%{opacity:.5;clip-path:polygon(70% 0,100% 0,100% 100%,70% 100%)}to{opacity:0;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}.cross-screen-missile{filter:drop-shadow(0 0 3px currentColor)}@keyframes impactPulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.hp-shield-overlay{background:linear-gradient(180deg,#0f0f23f2,#0a0a19f2);border:1px solid rgba(0,255,255,.4);border-radius:8px;padding:10px 14px;min-width:180px;box-shadow:0 0 20px #00000080,0 0 30px #00ffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hp-shield-overlay .overlay-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,255,.2)}.hp-shield-overlay .overlay-flag{font-size:16px}.hp-shield-overlay .overlay-name{font-family:Sarabun,sans-serif;font-size:14px;font-weight:600;color:#fff;flex:1}.hp-shield-overlay .overlay-status{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;padding:3px 6px;border-radius:4px;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.hp-shield-overlay .overlay-stat{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hp-shield-overlay .stat-icon{font-size:12px;width:18px;text-align:center}.hp-shield-overlay .stat-label{font-family:Orbitron,sans-serif;font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:1px;min-width:45px}.hp-shield-overlay .stat-value{font-family:Fira Code,monospace;font-size:12px;font-weight:600;color:#fff;margin-left:auto}.hp-shield-overlay .stat-value.shield-value{color:#0ff}.hp-shield-overlay .overlay-hp-bar{height:6px;background:#00000080;border-radius:3px;margin:6px 0 8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hp-shield-overlay .overlay-hp-fill{height:100%;border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px currentColor}@keyframes overlayFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes overlayFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.map-container.with-scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:3}:root{--dark-bg-primary: #0a0a0f;--dark-bg-secondary: #12121a;--dark-bg-tertiary: #1a1a25;--dark-surface: rgba(18, 18, 26, .95);--dark-surface-hover: rgba(26, 26, 37, .98);--cyber-cyan: #00ffff;--cyber-green: #00ff88;--cyber-pink: #ff0088;--cyber-purple: #8800ff;--cyber-yellow: #ffff00;--cyber-orange: #ff8800;--glow-cyan: 0 0 10px rgba(0, 255, 255, .5), 0 0 20px rgba(0, 255, 255, .3);--glow-green: 0 0 10px rgba(0, 255, 136, .5), 0 0 20px rgba(0, 255, 136, .3);--glow-pink: 0 0 10px rgba(255, 0, 136, .5), 0 0 20px rgba(255, 0, 136, .3);--border-cyan: rgba(0, 255, 255, .2);--border-green: rgba(0, 255, 136, .2);--border-highlight: rgba(0, 255, 136, .4);--text-primary: #e0e0e0;--text-secondary: #888899;--text-muted: #555566;--text-highlight: #00ffff}.sidebar,.left-sidebar,.right-sidebar{width:280px;background:var(--dark-surface);border:1px solid var(--border-green);border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyber-green) var(--dark-bg-tertiary)}.sidebar::-webkit-scrollbar,.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track,.left-sidebar::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:var(--dark-bg-tertiary);border-radius:3px}.sidebar::-webkit-scrollbar-thumb,.left-sidebar::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:var(--cyber-green);border-radius:3px}.sidebar-header,.section-header{text-transform:uppercase;font-family:Orbitron,Courier New,monospace;font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--cyber-cyan);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-cyan)}.panel-title{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--cyber-cyan);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}.sidebar-panel{background:#0f0f23cc;border:1px solid var(--border-cyan);border-radius:8px;padding:16px;margin-bottom:16px}.click-counter{display:flex;flex-direction:column;align-items:center;gap:4px}.click-label{font-family:Orbitron,sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary)}.click-count{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:var(--cyber-cyan);text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 30px rgba(0,255,255,.3);line-height:1}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,255,255,.1)}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{font-family:Fira Code,monospace;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-row .stat-value{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;color:var(--cyber-green);text-shadow:0 0 8px rgba(0,255,136,.5)}.shield-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-cyan)}.shield-section .shield-label{font-family:Fira Code,monospace;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block}.target-info .target-name{margin-bottom:12px}.target-info .province-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:var(--cyber-cyan);text-shadow:0 0 8px rgba(0,255,255,.5);display:block}.target-info .province-thai{font-size:12px;color:var(--text-secondary);display:block;margin-top:2px}.target-shield,.target-controller,.target-stats{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,255,255,.1)}.controller-label{font-family:Fira Code,monospace;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block}.controller-party{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.controller-party .party-badge{width:16px;height:16px;border-radius:3px;display:inline-block}.neutral-badge{color:var(--text-muted);font-style:italic}.panel-section{background:var(--dark-bg-tertiary);border:1px solid var(--border-green);border-radius:6px;padding:12px;margin-bottom:16px}.panel-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.panel-section-header .icon{font-size:16px;color:var(--cyber-cyan)}.panel-section-header .title{text-transform:uppercase;font-family:Courier New,monospace;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--cyber-cyan)}.province-tooltip{position:fixed;background:var(--dark-surface);border:1px solid var(--border-green);border-radius:8px;padding:16px;box-shadow:0 8px 32px #0009,var(--glow-green);z-index:1001;max-width:280px;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.province-tooltip.visible{opacity:1;transform:translateY(0)}.tooltip-header{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-cyan)}.tooltip-header h4{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.tooltip-english{font-size:12px;color:var(--text-secondary)}.tooltip-body{display:flex;flex-direction:column;gap:8px}.shield-info{display:flex;flex-direction:column;gap:4px}.shield-label{font-size:12px;color:var(--text-secondary);font-weight:500}.shield-bar{height:8px;background:var(--dark-bg-primary);border-radius:4px;overflow:hidden;border:1px solid var(--border-green)}.shield-fill{height:100%;background:linear-gradient(90deg,var(--cyber-green),#00cc66);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #0f86}.shield-fill.low{background:linear-gradient(90deg,#f44,#f66);box-shadow:0 0 8px #f446}.shield-fill.medium{background:linear-gradient(90deg,var(--cyber-orange),var(--cyber-yellow));box-shadow:0 0 8px #f806}.shield-value{font-size:11px;color:var(--cyber-green);font-family:Courier New,monospace;text-shadow:0 0 5px rgba(0,255,136,.5)}.party-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.party-badge{width:16px;height:16px;border-radius:3px;background:var(--party-color, #555566);flex-shrink:0;box-shadow:0 0 6px rgba(var(--party-color-rgb, 85, 85, 102),.5)}.party-name{font-weight:500}.party-info.neutral{color:var(--text-muted);font-style:italic}.attack-info{font-size:12px;color:var(--text-secondary);padding-top:4px;border-top:1px dashed var(--border-cyan)}.attack-info strong{color:var(--cyber-cyan)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1002;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:var(--dark-surface);border:1px solid var(--border-green);border-radius:12px;padding:32px;max-width:400px;width:90%;box-shadow:0 16px 48px #000000b3,var(--glow-green);transform:scale(.9);transition:transform .2s ease}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-title{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.modal-body{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.modal-actions{display:flex;gap:16px;justify-content:flex-end}.spinner{width:24px;height:24px;border:3px solid var(--dark-bg-tertiary);border-top-color:var(--cyber-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1003}.stat-card{background:var(--dark-bg-tertiary);border:1px solid var(--border-green);border-radius:8px;padding:16px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.stat-value.primary{color:var(--cyber-cyan);text-shadow:var(--glow-cyan)}.stat-value.highlight{color:var(--cyber-green);text-shadow:var(--glow-green)}.player-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.player-stats .stat-box{background:var(--dark-bg-primary);border:1px solid var(--border-cyan);border-radius:6px;padding:12px;text-align:center}.player-stats .stat-box .label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;margin-bottom:4px}.player-stats .stat-box .value{font-size:20px;font-weight:700;color:var(--cyber-green);font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,136,.5)}.player-stats .stat-box.important .value{font-size:24px;color:var(--cyber-cyan);text-shadow:var(--glow-cyan)}.leaderboard{background:var(--dark-bg-tertiary);border:1px solid var(--border-green);border-radius:8px;padding:16px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyber-green) var(--dark-bg-primary)}.leaderboard.leaderboard-overlay{position:absolute;bottom:20px;left:20px;z-index:100;max-width:320px;max-height:300px;background:#0f0f23eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,255,255,.3);box-shadow:0 8px 32px #00000080,0 0 20px #00ffff1a,inset 0 1px #ffffff0d}.leaderboard.leaderboard-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyber-cyan),transparent)}.leaderboard::-webkit-scrollbar{width:6px}.leaderboard::-webkit-scrollbar-track{background:var(--dark-bg-primary);border-radius:3px}.leaderboard::-webkit-scrollbar-thumb{background:var(--cyber-green);border-radius:3px}.leaderboard-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-cyan)}.leaderboard-header h3{font-size:11px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:1.5px;font-family:Courier New,monospace;color:var(--cyber-cyan)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:13px}.leaderboard-table th,.leaderboard-table td{padding:8px 4px;text-align:left}.leaderboard-table th{color:var(--text-muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace}.leaderboard-table tbody tr{border-bottom:1px solid var(--dark-bg-primary);transition:background-color .2s ease}.leaderboard-table tbody tr:hover{background-color:var(--dark-surface-hover)}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table .rank{font-weight:600;font-family:Courier New,monospace;color:var(--text-secondary);width:30px}.leaderboard-table .rank-1{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.leaderboard-table .rank-2{color:silver;text-shadow:0 0 8px rgba(192,192,192,.5)}.leaderboard-table .rank-3{color:#cd7f32;text-shadow:0 0 8px rgba(205,127,50,.5)}.leaderboard-party{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.leaderboard-party .party-badge{width:12px;height:12px;border-radius:2px;flex-shrink:0}.leaderboard-table .provinces,.leaderboard-table .clicks{text-align:right;font-family:Courier New,monospace;font-size:12px;color:var(--cyber-green)}.leaderboard-table .provinces{font-weight:700;font-size:14px}.province-info{background:var(--dark-bg-tertiary);border:1px solid var(--border-green);border-radius:8px;padding:16px}.province-info .province-name{margin-bottom:4px}.province-info .province-name-th{font-size:18px;font-weight:600;color:var(--text-primary)}.province-info .province-name-en{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.province-info .shield-container{margin-bottom:12px}.province-info .controller{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:var(--dark-bg-primary);border-radius:6px}.province-info .controller .party-badge{width:20px;height:20px}.province-info .controller .party-name{color:var(--text-primary);font-weight:500}.province-info .attack-breakdown{font-size:12px;color:var(--text-secondary)}.province-info .attack-breakdown .attack-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border-cyan)}.province-info .attack-breakdown .attack-row:last-child{border-bottom:none}.province-info .attack-breakdown .count{color:var(--cyber-cyan);font-family:Courier New,monospace}.timer-display{display:flex;gap:8px;align-items:center}.timer-segment{display:flex;flex-direction:column;align-items:center;min-width:40px}.timer-value{font-size:20px;font-weight:700;font-family:Courier New,monospace;color:var(--cyber-cyan);line-height:1;text-shadow:var(--glow-cyan)}.timer-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace}.timer-separator{font-size:18px;font-weight:700;color:var(--cyber-cyan);margin-top:-10px}.timer-expired{padding:8px 16px;background:linear-gradient(90deg,var(--cyber-pink),var(--cyber-orange));color:#fff;border-radius:8px;font-weight:600;animation:pulse-glow 1s ease-in-out infinite;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 10px #ff008880}50%{opacity:.8;box-shadow:0 0 20px #f08c}}.global-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.global-stats .stat-card{display:flex;flex-direction:column;text-align:center;background:var(--dark-bg-primary);border:1px solid var(--border-cyan)}.global-stats .stat-value{font-size:28px;font-weight:700;color:var(--cyber-cyan);font-family:Courier New,monospace;transition:transform .2s ease,text-shadow .2s ease;text-shadow:var(--glow-cyan)}.global-stats .stat-value.updating{transform:scale(1.1);text-shadow:0 0 20px rgba(0,255,255,.8)}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 8px;border-radius:4px;transition:opacity .3s ease;font-family:Courier New,monospace}.connection-status .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-status.connected .status-dot{background:var(--cyber-green);box-shadow:0 0 8px #0f89}.connection-status.disconnected .status-dot{background:#f44;box-shadow:0 0 8px #f449;animation:blink 1s infinite}.connection-status.reconnecting .status-dot{background:var(--cyber-orange);box-shadow:0 0 8px #f809;animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.connection-status .status-text{color:var(--text-secondary)}.connection-status.hidden{opacity:0;pointer-events:none}.party-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 30%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(0,255,255,.1) 0%,transparent 50%),#0f0f23fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.party-selector-modal{background:#0f0f23f2;border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:32px;max-width:900px;width:100%;box-shadow:0 20px 60px #0009,0 0 40px #00ffff1a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.party-selector-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyber-purple),var(--cyber-cyan),var(--cyber-purple))}.party-selector-modal:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent)}.party-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px}.party-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--dark-bg-tertiary);border:2px solid var(--border-green);border-radius:8px;cursor:pointer;transition:all .2s ease}.party-card:hover{background:var(--dark-surface-hover);border-color:var(--cyber-green);box-shadow:0 0 15px #00ff884d;transform:translateY(-2px)}.party-card.selected{border-color:var(--party-color, var(--cyber-cyan));box-shadow:0 0 20px rgba(var(--party-color-rgb, 0, 255, 255),.5),inset 0 0 20px rgba(var(--party-color-rgb, 0, 255, 255),.1);transform:scale(1.02)}.party-card .party-color{width:48px;height:48px;border-radius:6px;flex-shrink:0;box-shadow:0 0 10px rgba(var(--party-color-rgb, 100, 100, 100),.5)}.party-card .party-info h3{color:var(--text-primary);font-size:14px;margin-bottom:2px}.party-card .party-info p{color:var(--text-secondary);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--dark-bg-tertiary);border:1px solid var(--cyber-green);border-radius:6px;font-size:14px;font-weight:500;color:var(--cyber-green);cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:#00ff881a;box-shadow:0 0 15px #0f86;text-shadow:0 0 8px rgba(0,255,136,.6)}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#0f83,#0ff3);border-color:var(--cyber-cyan);color:var(--cyber-cyan)}.btn-primary:hover{background:linear-gradient(135deg,#00ff884d,#00ffff4d);box-shadow:0 0 20px #00ffff80,var(--glow-cyan)}.btn-secondary{background:transparent;border-color:var(--text-secondary);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary);box-shadow:0 0 10px #e0e0e033}.btn-danger{border-color:var(--cyber-pink);color:var(--cyber-pink)}.btn-danger:hover{background:#ff00881a;box-shadow:var(--glow-pink)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:disabled:hover{transform:none;background:var(--dark-bg-tertiary)}.btn-glow{background:linear-gradient(135deg,var(--cyber-green),var(--cyber-cyan));color:#0f0f23;border:none;font-weight:700;animation:glow-pulse 2s ease-in-out infinite}.btn-glow:hover{box-shadow:0 0 20px #0f89,0 0 40px #0ff6,0 0 60px #0f83;transform:translateY(-2px)}input,.input-field{width:100%;padding:12px 16px;background:var(--dark-bg-primary);border:1px solid var(--border-green);border-radius:6px;font-size:14px;color:var(--text-primary);transition:all .2s ease;font-family:inherit}input::placeholder,.input-field::placeholder{color:var(--text-muted)}input:focus,.input-field:focus{outline:none;border-color:var(--cyber-cyan);box-shadow:0 0 10px #00ffff4d}input:disabled,.input-field:disabled{opacity:.5;cursor:not-allowed}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px;max-width:320px;pointer-events:none}.toast{background:var(--dark-surface);border:1px solid var(--border-green);border-radius:8px;padding:16px;box-shadow:0 8px 32px #0009;display:flex;align-items:flex-start;gap:8px;pointer-events:auto;animation:toastSlideIn .3s ease-out;border-left:4px solid var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.closing{animation:toastSlideOut .3s ease-in forwards}.toast.success{border-left-color:var(--cyber-green);box-shadow:0 8px 32px #0009,0 0 15px #0f83}.toast.error{border-left-color:var(--cyber-pink);box-shadow:0 8px 32px #0009,0 0 15px #f083}.toast.warning{border-left-color:var(--cyber-orange);box-shadow:0 8px 32px #0009,0 0 15px #f803}.toast.info{border-left-color:var(--cyber-cyan);box-shadow:0 8px 32px #0009,0 0 15px #0ff3}.toast-icon{font-size:18px;flex-shrink:0;line-height:1}.toast-content{flex:1;font-size:14px;color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s ease,color .2s ease}.toast-close:hover{opacity:1;color:var(--text-primary)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.settings-panel{position:fixed;top:0;right:0;width:320px;height:100%;background:var(--dark-surface);border-left:1px solid var(--border-green);box-shadow:-8px 0 32px #00000080;z-index:1500;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-panel.open{transform:translate(0)}.settings-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1499;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.settings-panel-overlay.visible{opacity:1;visibility:visible}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-cyan)}.settings-header h3{font-size:11px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:1.5px;font-family:Courier New,monospace;color:var(--cyber-cyan)}.settings-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.settings-close:hover{color:var(--cyber-pink)}.settings-body{flex:1;padding:16px;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;color:var(--text-muted);margin-bottom:12px}.settings-option{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.settings-option-label{font-size:14px;color:var(--text-primary)}.language-toggle{display:flex;gap:2px;background:var(--dark-bg-primary);border:1px solid var(--border-green);border-radius:4px;padding:2px}.language-toggle button{padding:4px 8px;border:none;background:transparent;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.language-toggle button.active{background:var(--dark-bg-tertiary);color:var(--cyber-cyan);box-shadow:0 0 8px #00ffff4d}.language-toggle button:hover:not(.active){color:var(--text-primary)}.sound-toggle{display:flex;gap:2px;background:var(--dark-bg-primary);border:1px solid var(--border-green);border-radius:4px;padding:2px}.sound-toggle button{padding:4px 8px;border:none;background:transparent;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.sound-toggle button.active{background:var(--dark-bg-tertiary);color:var(--cyber-green);box-shadow:0 0 8px #00ff884d}.sound-toggle button:hover:not(.active){color:var(--text-primary)}@media (max-width: 768px){.sidebar,.left-sidebar,.right-sidebar{width:100%;border-radius:0}.province-tooltip{max-width:220px;padding:12px}.tooltip-header h4{font-size:14px}.modal-content{padding:24px}.timer-display{gap:4px}.timer-segment{min-width:32px}.timer-value{font-size:16px}.timer-label{font-size:8px}.global-stats .stat-value{font-size:22px}.leaderboard-table{font-size:12px}.toast-container{left:8px;right:8px;max-width:none}.settings-panel{width:100%}.party-selector{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px}.party-card{padding:12px;gap:12px}.party-card .party-color{width:40px;height:40px}.player-stats{grid-template-columns:1fr;gap:8px}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #00ff884d}50%{box-shadow:0 0 20px #0f89}}.glow-animate{animation:glow-pulse 2s ease-in-out infinite}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 5px rgba(0,255,255,.3)}50%{text-shadow:0 0 15px rgba(0,255,255,.7)}}.text-glow-animate{animation:text-glow-pulse 2s ease-in-out infinite}.scanlines:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}.expanding-targets{display:flex;flex-direction:column;gap:8px}.target-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.1);border-radius:4px;transition:all .2s ease}.target-row:hover{background:#00ffff1a;border-color:#00ffff4d}.target-province{font-size:13px;color:var(--text-primary, #E2E8F0)}.target-status{font-family:Fira Code,monospace;font-size:12px;color:var(--cyber-green, #00FF88);text-shadow:0 0 5px rgba(0,255,136,.5)}.target-status.attacking{color:#f44;text-shadow:0 0 5px rgba(255,68,68,.5)}.target-status.defending{color:var(--cyber-green, #00FF88)}.breakdown-stats{display:flex;flex-direction:column;gap:4px}.breakdown-stats .stat-row{padding:6px 0}.breakdown-stats .stat-value{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600}.map-status-stats{display:flex;flex-direction:column;gap:4px}.map-status-stats .stat-value.highlight{color:var(--cyber-cyan, #00FFFF);font-size:18px;text-shadow:0 0 10px rgba(0,255,255,.6)}.location-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px}.location-icon{font-size:14px}.location-name{font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;color:var(--cyber-cyan, #00FFFF);text-transform:uppercase;letter-spacing:1px}.section-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary, #E2E8F0);text-align:center;margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.header-center{display:flex;flex-direction:column;align-items:center;gap:8px}.game-header{position:relative}.game-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent)}