@font-face{font-family:Quicksand;src:url(/Quicksand-Regular.otf)}@font-face{font-family:Quicksand-Light;src:url(/Quicksand-Light.otf)}@font-face{font-family:Quicksand-Bold;src:url(/Quicksand-Bold.otf)}*{font-family:Quicksand}.bold{font-family:Quicksand-Bold}.underline{text-decoration:underline}.text-left{text-align:left}html,body{background-color:var(--bg-dark);width:100%;height:100%;margin:0}.scrollable{overflow:scroll!important}h1,h2,h3,h4,p{color:var(--text-primary)}.relative{position:relative}.hidden{visibility:hidden!important}.center-tag,.center-tag *{text-align:center;margin-left:auto;margin-right:auto}.center{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}.center-vertical{position:absolute;top:50%;transform:translateY(-50%)}.center-horizontal{position:absolute;left:50%;transform:translate(-50%)}.fixed-center{position:fixed;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}.fixed-center-vertical{position:fixed;top:50%;transform:translateY(-50%)}.fixed-center-horizontal{position:fixed;left:50%;transform:translate(-50%)}.absolute-fill{position:absolute;top:0;left:0;right:0;bottom:0}.background{background-color:var(--parchment);box-shadow:2px 2px var(--marshal-gold)}.divider{height:1px;width:75%;background-color:#000;margin:5px}.break-word{word-wrap:break-word}a{color:var(--ivory);text-decoration:none}a:hover,a.underline{text-decoration:underline}a:hover{cursor:pointer}a.dark{color:#000;text-decoration:underline;transition:all .2s ease-in-out}a.dark:hover{background-color:#0000001a}a.anim-white:hover{background-color:#ffffff1a}button{background-color:transparent;color:var(--marshal-gold);font-family:Quicksand-Bold;padding:12px 32px;margin:5px;font-size:16px;border:2px solid var(--marshal-gold);border-radius:4px;outline:none!important;transition:all .2s ease-in-out;white-space:nowrap;cursor:pointer;box-shadow:none;text-transform:uppercase;letter-spacing:1px}button:focus{outline:0!important}button:hover{background-color:#c9a22726;box-shadow:0 0 15px #c9a2274d;transform:none}button.big{padding:14px 60px;font-size:18px;border-radius:5px}button.small{padding:8px 20px;font-size:13px}button.secondary{background-color:transparent;color:#c9a227b3;border:1px solid rgba(201,162,39,.5);box-shadow:none}button.secondary:hover{background-color:#c9a2271a;color:var(--marshal-gold);border-color:var(--marshal-gold);box-shadow:0 0 10px #c9a22733}button.inverted,button.accent{background-color:var(--marshal-gold);color:#fff;border-color:var(--marshal-gold)}button.inverted:hover,button.accent:hover{background-color:var(--accent-hover);box-shadow:0 0 20px #c9a22766}button.disabled{opacity:.3;cursor:default}button.disabled:hover{transform:none;background:transparent;box-shadow:none}button.simple{display:block;box-shadow:none;background:transparent;color:var(--text-secondary);border:none}button.simple:hover{background:#c9a2271a;color:var(--marshal-gold);transform:none}table.list{font-size:16px;text-align:center;border-collapse:separate;border-spacing:0;background:transparent;width:100%}table.list th{font-family:Quicksand-Bold;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--panel-border);padding:12px 20px;background:transparent}table.list td{border:none;border-bottom:1px solid rgba(201,162,39,.1);padding:10px 16px;overflow:hidden;max-width:250px;color:var(--text-primary)}table.list tbody tr{background:#1e3a5f4d;transition:all .2s ease-in-out}table.list tbody tr:nth-child(2n){background:#1e3a5f80}table.list tbody tr:hover{background:#c9a22726}table.list.selectable tbody tr{cursor:pointer}table.list.selectable tbody tr:hover{background:#c9a22733}.lightgray{color:#d3d3d3!important}input{padding:8px;outline:none;color:var(--imperial-blue)}input[type=text]{border:1px solid #c4b89e;transition:.2s all ease-in-out}textarea{outline:none;border:1px solid #c4b89e;transition:.2s all ease-in-out;font-size:13px}input[type=text]:focus,textarea:focus{border:1px solid var(--marshal-gold)}.unselectable,td{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.popup-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}.alert-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.alert-modal{background:#1e3a5f;border:1px solid var(--marshal-gold);box-shadow:0 0 50px #000000b3,0 0 30px #c9a22726;border-radius:12px;padding:40px 50px;min-width:320px;max-width:90%;text-align:center;position:relative;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}.alert-title{font-family:Quicksand-Bold;font-size:36px;margin:0 0 20px;color:var(--marshal-gold);text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.alert-body{font-size:18px;color:var(--text-secondary);margin-bottom:35px;line-height:1.6;font-weight:500}.alert-buttons{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;width:100%}.alert-buttons button{width:100%;max-width:280px;margin:0!important;text-transform:uppercase;letter-spacing:1.5px}.alert-buttons button.primary{font-size:16px;padding:16px 32px;background-color:var(--marshal-gold);border:none;color:#0d1117;font-family:Quicksand-Bold;box-shadow:0 4px 15px #c9a2274d}.alert-buttons button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a22780;background-color:var(--accent-hover)}.alert-buttons button.secondary{font-size:14px;padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-muted)}.alert-buttons button.secondary:hover{border-color:var(--marshal-gold);color:var(--marshal-gold);background:#c9a2271a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.username-tag{background-color:var(--btn-primary-bg);color:var(--ivory);padding:0 3px}.username-tag.inverted{background-color:var(--parchment);color:var(--imperial-blue)}.policy-body{margin-top:2em;margin-left:20%;width:60%;overflow:visible}.policy-body p{margin-top:0}.policy-body h3{margin-bottom:4px}.rank-list{display:flex;max-width:450px;margin:10px}.rank-item{flex:1}.rank-item h3{font-size:18px}.rank-item h2{font-size:24px}.rank-item p{font-size:14px}@media screen and (max-width:450px){.rank-item h3{font-size:16px}.rank-item h2{font-size:20px}.rank-item p{font-size:12px}}.error-message{background-color:#ff000040;padding:5px}.game-link{white-space:nowrap;margin:0;color:var(--imperial-blue);background:var(--parchment);padding:5px 10px}.game-link.inverted{color:var(--ivory);background:var(--btn-primary-bg)}.profile-header{background-color:var(--btn-primary-bg);margin:20px;padding:10px;position:relative}.profile-header h1{margin:0}.profile-header p{margin:5px;font-size:14px}@media screen and (max-width:450px){.profile-header h1{font-size:24px}.profile-header p{margin:5px;font-size:12px}}.inline-button{display:inline-block;text-align:center;font-size:14px;padding:8px 16px;color:#666;background-color:#f5f5f5;transition:all .15s ease-in-out;cursor:pointer}.inline-button:hover{background-color:#eee}.inline-button.inverted{background-color:var(--btn-accent-bg);color:#fff}.inline-button.inverted:hover{background-color:var(--btn-accent-hover)}.basic-header{width:100%;margin:0;padding:10px 0;background-color:var(--midnight);border-bottom:1px solid var(--panel-border)}.basic-header-logo{width:25px;height:25px}.basic-header-title{color:var(--marshal-gold);margin:0 0 0 10px;font-size:20px;display:inline-block;font-family:Quicksand-Bold;letter-spacing:1px}.basic-header-clickable{padding:3px;display:inline-flex;transition:all .2s ease-in-out}.basic-header-clickable:hover{cursor:pointer;background-color:#c9a2271a}.modal-close{position:absolute;top:10px;right:15px;font-size:24px;font-weight:700;color:var(--text-muted);cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--marshal-gold)}.discord-button{background-image:url(/discord-white.png);background-size:cover;background-position:center;width:25px;height:25px;transition:all .2s ease-in-out}.discord-button:hover{cursor:pointer;background-image:url(/discord-color.png)}.main-menu{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--bg-dark);background-image:radial-gradient(ellipse at center,rgba(201,162,39,.03) 0%,transparent 70%),linear-gradient(180deg,var(--bg-darker) 0%,var(--bg-dark) 50%,var(--bg-darker) 100%)}.main-menu-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:25px 35px;max-width:450px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.main-menu-card h1,.main-menu-card h2,.main-menu-card h3,.main-menu-card p{color:var(--text-primary)}.main-menu-bottom-links{padding:10px 15px;display:flex;flex-direction:row;gap:20px;position:fixed;left:0;bottom:0}.main-menu-bottom-links a{white-space:nowrap;font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.main-menu-bottom-links a:hover{color:var(--marshal-gold)}#main-menu-small-prints{margin-top:15px;padding:12px;background:#1019381a;border:1px solid rgba(201,198,39,.8);border-radius:6px}#main-menu-small-prints p{font-size:14px;margin:4px 0;color:var(--text-secondary);font-weight:400}.option-button{background-image:url(/options-white.png);background-size:75% 75%;background-repeat:no-repeat;background-position:center;width:35px;height:35px;margin:10px;padding:5px;transition:all .2s ease-in-out;opacity:.6}.option-button:hover{cursor:pointer;opacity:1;filter:sepia(1) saturate(3) hue-rotate(10deg) brightness(1.2)}.main-title{font-family:Quicksand-Bold;font-size:52px;margin:0 0 20px;text-align:center;color:var(--marshal-gold)!important;text-shadow:0 0 10px rgba(201,162,39,.5),0 0 20px rgba(201,162,39,.3),0 0 40px rgba(201,162,39,.2);letter-spacing:2px;transition:all .3s ease-in-out}.main-title:hover{text-shadow:0 0 15px rgba(201,162,39,.7),0 0 30px rgba(201,162,39,.5),0 0 60px rgba(201,162,39,.3)}#main-menu-username-input{text-align:center;font-size:16px;display:block;width:280px;margin:0 auto 15px;padding:12px 15px;border:1px solid var(--panel-border);border-radius:4px;background:#0000004d;color:var(--text-primary);font-family:Quicksand;transition:all .2s ease;box-sizing:border-box}#main-menu-username-input:focus{border-color:var(--marshal-gold);background:#00000080;outline:none;box-shadow:0 0 10px #c9a22733}#main-menu-username-input::placeholder{color:var(--text-muted)}.server-select{display:block;width:100%;max-width:280px;margin:0 auto 15px;padding:10px 12px;font-size:14px;border:1px solid var(--panel-border);border-radius:4px;background:#0000004d;color:var(--text-primary);font-family:Quicksand;cursor:pointer;transition:all .2s ease}.server-select:focus{border-color:var(--marshal-gold);outline:none}.server-select option{background:var(--midnight);color:var(--text-primary)}.play-button{width:100%;max-width:280px;padding:14px 20px;font-size:18px;margin:10px auto;display:block;background:transparent;border:2px solid var(--marshal-gold);color:var(--marshal-gold);border-radius:4px;font-weight:600;letter-spacing:1px;transition:all .2s ease;text-transform:uppercase}.play-button:hover{background:#c9a22726;box-shadow:0 0 15px #c9a2274d}.rank-section{margin-top:20px;padding-top:15px;width:100%}.rank-list{display:flex;justify-content:center;gap:20px;margin:10px 0 0;padding:0;max-width:none}.rank-item{position:relative;flex:1;max-width:120px;text-align:center;padding:18px 12px 14px;background:linear-gradient(180deg,#c9a2271f,#c9a2270a);border:1px solid rgba(201,162,39,.35);border-radius:8px;transition:all .25s ease}.rank-item:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:40%;height:3px;background:linear-gradient(90deg,transparent,var(--marshal-gold),transparent);border-radius:0 0 4px 4px}.rank-item:hover{background:linear-gradient(180deg,#c9a2272e,#c9a22714);border-color:#c9a22780;transform:translateY(-2px);box-shadow:0 4px 15px #c9a22726}.rank-item h3{font-size:10px;font-weight:700;margin:0 0 8px;color:#c9a227b3;text-transform:uppercase;letter-spacing:1.5px}.rank-item h2{font-size:22px;font-weight:700;margin:0;color:var(--marshal-gold);text-shadow:0 0 20px rgba(201,162,39,.4)}.rank-item p{font-size:11px;margin:6px 0 0;color:var(--text-secondary);font-weight:500}.game-description{font-size:13px;color:var(--text-muted);margin:15px 0 5px}.instructions-modal{text-align:left;max-width:450px}.instructions-modal h2{text-align:center;color:var(--marshal-gold);margin:0 0 20px;font-size:24px}.instructions-modal h3{color:var(--marshal-gold);font-size:16px;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid rgba(201,162,39,.3)}.instructions-section{margin-bottom:20px}.instructions-section p{margin:0;line-height:1.5}.instructions-table{width:100%;border-collapse:collapse}.instructions-table td{padding:8px 5px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-primary);background:transparent}.instructions-table td:first-child{width:45%;white-space:nowrap}.instructions-modal kbd{display:inline-block;background:#c9a22733;border:1px solid rgba(201,162,39,.4);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;color:var(--marshal-gold);margin:0 2px}.instructions-modal ul{margin:0;padding-left:20px}.instructions-modal li{color:var(--text-primary);margin-bottom:8px;line-height:1.4}.queue-title{white-space:nowrap}.queue-gong-message{font-size:14px;margin:5px}.queue-cancel-map-button{background-color:var(--btn-primary-bg);color:var(--ivory);right:5px;padding:2px 5px;transition:background-color .2s ease-in-out}.queue-cancel-map-button:hover{cursor:pointer;background-color:var(--btn-primary-hover)}.custom-queue-page-container{background-color:var(--panel-bg);margin:0 10px 10px;padding:10px}.custom-queue-page-container p{margin:5px 0;font-size:14px}.custom-queue-page-container h3{font-size:18px;margin:0 0 3px}.custom-team-container{display:inline-block;margin:5px;padding:5px 10px 10px;background-color:var(--midnight)}.custom-team-container h4{margin:2px;font-family:Quicksand-Bold;border-bottom:1px solid var(--marshal-gold);padding:2px}.custom-team-container p{display:inline;margin:2px}.custom-map-message{font-size:14px;margin:0;padding:5px}.custom-host-message{padding:3px;font-size:12px;margin:10px 0}@media screen and (max-width:400px){.custom-queue-page-container{padding:5px;margin:0;overflow:scroll}.custom-queue-page-container p{font-size:12px}.custom-queue-page-container h3{font-size:16px}.custom-team-container{margin:3px;padding:3px 5px 5px}.queue-gong-message,.custom-map-message{font-size:12px}.custom-host-message{font-size:11px;margin:5px 0}}#custom-queue-ad{position:fixed;bottom:0;right:0}@media screen and (max-width:900px){#custom-queue-ad{display:none}}#main-menu-alert{position:fixed;top:0;width:400px;text-align:center;left:50%;transform:translate(-50%);font-size:12px;background:#fff;padding:5px}#main-menu-alert p{color:#000}@media screen and (max-width:650px){#main-menu-alert{display:none}}.main-menu p{margin:1px;font-size:16px}.main-menu p.small{font-size:14px}#main-menu-username-input{text-align:center;font-size:24px;display:block;margin:10px;padding:5px 30px;border:none}#set-username-modal p,#set-username-modal h3{color:var(--text-primary)}#set-username-modal h3{margin:10px}#set-username-modal input{color:var(--imperial-blue);text-align:center;font-size:20px;display:block;margin:10px;padding:5px 25px;background-color:#e8dcc0;border:none}.checkmark-green{color:var(--success)}#main-menu-discord-button{position:fixed;top:22px;left:8px}#leaderboard-button,#profile-button{position:fixed;border-radius:50%;background:var(--card-bg);padding:12px;transition:all .2s ease-in-out;box-shadow:var(--card-shadow);cursor:pointer}#leaderboard-button:hover,#profile-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #0003}#leaderboard-button{top:5px;right:7px}#profile-button{top:80px;right:7px;padding:0}#leaderboard-button img{width:40px;height:40px}#profile-button img{width:60px;height:60px}#leaderboard{width:640px;max-width:85%;height:85%;padding:20px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}#leaderboard h2{color:var(--text-primary);margin:5px 0 15px}#leaderboard-table tr.highlighted{background:linear-gradient(90deg,#c9a22766,#c9a22733)!important;border-left:3px solid var(--marshal-gold)}#leaderboard-table tr.highlighted td{color:var(--marshal-gold);font-weight:600}#leaderboard-table td{max-width:185px}#leaderboard-table td:first-child{color:var(--text-muted);font-size:14px;font-weight:600;width:40px}#leaderboard-table tbody tr:nth-child(1) td:first-child,#leaderboard-table tbody tr:nth-child(2) td:first-child,#leaderboard-table tbody tr:nth-child(3) td:first-child{color:var(--marshal-gold);font-size:16px}#leaderboard h2{margin:5px}#public-customs{width:640px;max-width:85%;height:80%;padding:20px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}#public-customs-table td{max-width:185px}#public-customs-table tr{transition:all .2s ease-in-out}#public-customs-table tr:hover{cursor:pointer;background-color:#f5f5f5}#public-customs-table .public-custom-map{background-color:var(--btn-accent-bg);color:#fff!important}#public-customs-table .public-custom-map-title{font-size:16px}#public-customs-table td{padding:3px 5px}#public-customs-table .custom-game-mod{font-size:12px;padding:3px;background-color:#f0f0f0;margin:2px;transition:all .2s ease-in-out}#public-customs-table tr:hover .custom-game-mod{background-color:#e8e8e8}#options{width:1000px;max-width:85%;height:80%;padding:20px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}#options a{color:var(--btn-accent-bg)}@media screen and (max-width:450px){.main-title{font-size:40px}.main-menu-card{padding:20px;margin:10px}.queue-title{font-size:24px}#main-menu-username-input{font-size:16px;padding:8px 12px}.server-select{font-size:13px;padding:6px 10px}.rank-list{gap:12px}.rank-item{padding:14px 10px 12px}.rank-item h3{font-size:9px}.rank-item h2{font-size:18px}.game-description{font-size:13px}button{padding:10px 20px;font-size:14px}button.big{padding:12px 30px;font-size:18px}button.small{padding:6px 14px;font-size:12px}#leaderboard-button,#profile-button{padding:10px}#profile-button{top:60px}#leaderboard-button img,#profile-button img{width:28px;height:28px}#leaderboard-table td{padding:4px 6px;font-size:14px}#game-modes p{font-size:12px}#public-customs-table td{padding:1px}}#main-menu-leaderboard-ad{bottom:0}@media screen and (max-width:900px),screen and (max-height:650px){#main-menu-leaderboard-ad{display:none}.main-menu-bottom-links a{margin:2px;font-size:11px}}#game-modes{min-width:240px;padding:15px}#game-modes p{color:var(--text-primary);font-size:14px}.inline-color-block{display:inline-block;width:10px;height:10px;margin:0 2px}.home-map-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.home-map-background table{border-spacing:0;border-collapse:collapse;transform:scale(1.1) translate(var(--pan-x,0px),var(--pan-y,0px));opacity:.35;filter:blur(1px);transition:transform .1s ease-out}.home-map-background td{width:14px;height:14px;min-width:14px;min-height:14px;font-size:7px;text-align:center;padding:0;position:relative;transition:background-color .3s ease}.home-map-background td.fog{background-color:#1e283c99}.home-map-background td.mountain{background-color:#3c465acc}.home-map-background td.red{background-color:#c0392bb3}.home-map-background td.blue{background-color:#2980b9b3}.home-map-background td.green{background-color:#27ae60b3}.home-map-background td.purple{background-color:#8e44adb3}.home-map-background td.teal{background-color:#16a085b3}.home-map-background td.darkgreen{background-color:#228b22b3}.home-map-background td.orange{background-color:#e67e22b3}.home-map-background td.maroon{background-color:#800000b3}.home-map-background td.cyan{background-color:#00bcd4b3}.home-map-background td.pink{background-color:#e91e63b3}.home-map-background td.lime{background-color:#8bc34ab3}.home-map-background td.gold{background-color:#ffc107b3}.home-map-background td.navy{background-color:#3f51b5b3}.home-map-background td.coral{background-color:#ff5722b3}.home-map-background td.olive{background-color:#808000b3}.home-map-background td.crimson{background-color:#dc143cb3}.home-map-background td.village{border:1px solid rgba(255,255,255,.4)}.home-map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,15,30,.4) 50%,rgba(10,15,30,.8) 100%);pointer-events:none}.main-menu>*:not(.home-map-background):not(.alert-backdrop){position:relative;z-index:1}.main-menu-card{z-index:2}.main-menu .alert-backdrop{z-index:1000}@media screen and (max-width:600px){.home-map-background td{width:10px;height:10px;min-width:10px;min-height:10px;font-size:5px}}html,body{background-color:var(--midnight);width:100%;height:100%;overflow:hidden;margin:0}#game-leaderboard{position:fixed;top:0;right:0;z-index:25;background:var(--btn-accent-bg);border-radius:0 0 0 8px}#game-leaderboard:hover{cursor:pointer}#game-leaderboard tr.dead{opacity:.4}#game-leaderboard tr.afk{opacity:.7;background-color:red}#game-leaderboard td{background:var(--parchment);padding:5px;color:var(--midnight);text-align:center;font-size:16px}#game-leaderboard tr.afk td{background:#ffffffbf}#game-leaderboard td.leaderboard-name{color:var(--ivory);max-width:350px}#game-leaderboard td.leaderboard-name.red,#game-leaderboard td.leaderboard-name.blue,#game-leaderboard td.leaderboard-name.green,#game-leaderboard td.leaderboard-name.purple,#game-leaderboard td.leaderboard-name.teal,#game-leaderboard td.leaderboard-name.darkgreen,#game-leaderboard td.leaderboard-name.orange,#game-leaderboard td.leaderboard-name.brown,#game-leaderboard td.leaderboard-name.maroon,#game-leaderboard td.leaderboard-name.cyan,#game-leaderboard td.leaderboard-name.pink,#game-leaderboard td.leaderboard-name.navy,#game-leaderboard td.leaderboard-name.coral,#game-leaderboard td.leaderboard-name.olive,#game-leaderboard td.leaderboard-name.crimson{color:var(--midnight)!important;text-shadow:none;font-weight:600}#in-game-chat{z-index:25}#turn-counter{position:fixed;top:0;left:0;padding:8px 12px;font-size:16px;background:var(--card-bg);color:var(--text-primary);border-radius:0 0 8px;box-shadow:var(--shadow-soft);text-align:center;min-width:84px;z-index:25}@media screen and (max-width:400px),screen and (max-height:600px){#turn-counter{padding:3px;font-size:14px;min-width:60px}#game-leaderboard td{padding:0 2px;font-size:12px}#game-leaderboard td.leaderboard-name{max-width:180px}}#replay-top-left{position:fixed;top:50px;left:10px;z-index:25;display:flex;flex-direction:column;gap:10px;background:var(--panel-bg);padding:15px;border-radius:8px;border:1px solid var(--panel-border);box-shadow:var(--shadow-dark)}#replay-top-left button{width:100%;margin:0!important}#replay-top{top:5px}#replay-map-title{padding:8px;font-size:12px}#replay-turn-jump{font-size:14px;padding:5px;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:10px}#replay-turn-jump-input{display:inline-block;padding:8px;font-size:14px;width:50px;margin:0;border:1px solid var(--panel-border);border-radius:4px;background:var(--midnight);color:var(--text-primary);text-align:center;height:36px;box-sizing:border-box}#replay-turn-jump-button{padding:0 10px;font-size:18px;display:flex;align-items:center;justify-content:center;height:36px;box-sizing:border-box;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);border-radius:4px;cursor:pointer;width:40px}#replay-turn-jump-button:hover{background:var(--btn-secondary-hover)}@media screen and (max-width:450px){#replay-turn-jump{font-size:12px;padding:2px 8px 2px 15px}#replay-turn-jump-input{padding:2px;font-size:12px;width:32px;margin:0 3px}#replay-turn-jump-button{padding:3px;font-size:14px}}#share-replay-button{font-family:Quicksand-Bold}#replay-bottom{bottom:0;padding:0;margin:0;z-index:25}#replay-controls-bar{display:flex;align-items:center;justify-content:center;background-color:var(--panel-bg);padding:10px;border-radius:8px 8px 0 0;gap:20px;flex-wrap:wrap;border:1px solid var(--panel-border);border-bottom:none}.replay-nav-buttons{display:flex;gap:10px}.nav-btn{padding:8px 16px;background-color:transparent;border:1px solid var(--panel-border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.nav-btn:hover{background-color:#c9a22726;border-color:var(--marshal-gold);color:var(--marshal-gold)}.nav-btn .bold{font-weight:700}@media screen and (max-width:728px){#replay-ad-container{display:none}}#tutorial{position:fixed;top:120px;width:700px;max-width:90%;box-shadow:var(--card-shadow);background-color:var(--card-bg);border-radius:var(--card-radius);padding:12px 16px;z-index:25;left:50%;transform:translate(-50%)}#tutorial p{margin:0;color:var(--text-primary);font-size:18px;text-align:center}@media screen and (max-width:600px){#tutorial{max-width:100%;top:initial;bottom:0;left:0;right:0;box-shadow:none;padding:5px 0;transform:initial}#tutorial p{font-size:16px}#replay-bottom-bar div{padding:8px;font-size:16px}}@media screen and (max-width:400px){.nav-btn{padding:6px 12px;font-size:13px}}.ping{text-shadow:0 1px 1px black}.red{background-color:#ff9aa2!important}.blue{background-color:#a2d2ff!important}.green{background-color:#b9fbc0!important}.purple{background-color:#cdb4db!important}.teal{background-color:#9bf6ff!important}.darkgreen{background-color:#98f5e1!important}.orange{background-color:#ffc8a2!important;text-shadow:#000 1px 1px 1px!important}.brown{background-color:#e2f0cb!important}.maroon{background-color:#ffb7b2!important}.cyan{background-color:#a0e7e5!important}.pink{background-color:#ffdac1!important}.lime{background-color:#fcf6bd!important}.gold{background-color:#ffe5b4!important}.navy{background-color:#a0c4ff!important}.coral{background-color:#ffade0!important}.olive{background-color:#d4e09b!important}.crimson{background-color:#ff758f!important}#map{table-layout:fixed}#map td{position:relative;border:1px solid #3d2c1a;box-shadow:inset 0 0 2px #0000004d;width:50px;height:50px;max-width:50px;max-height:50px;min-width:50px;min-height:50px;background:#dcdcdc;text-align:center;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px black;font-family:Verdana,sans-serif;font-weight:700;opacity:1;padding:0;text-overflow:ellipsis;white-space:nowrap;font-size:16px;background-size:40px 40px}#map td.small{width:40px;height:40px;max-width:40px;max-height:40px;min-width:40px;min-height:40px;font-size:14px;background-size:32px 32px}#map td.large{width:60px;height:60px;max-width:60px;max-height:60px;min-width:60px;min-height:60px;font-size:18px;background-size:48px 48px}#map td.tiny{width:32px;height:32px;max-width:32px;max-height:32px;min-width:32px;min-height:32px;font-size:12px;background-size:25px 25px}#map td.tiny2{width:28px;height:28px;max-width:28px;max-height:28px;min-width:28px;min-height:28px;font-size:11px;background-size:20px 20px}#map td.selectable,#map td.attackable{position:relative;z-index:20}#map td.selectable:hover,#map td.attackable:hover{cursor:pointer}#map.pingmode td.selectable,#map.pingmode td.selectable:hover,#map.pingmode td.attackable:hover{cursor:crosshair}#map td.selected{border:1px solid white}#map td.attackable{opacity:.5}#map td.village,#map td.neutral,#map td.marshal,#map td.mountain,#map td.obstacle{background-blend-mode:multiply;background-position:center;background-repeat:no-repeat}#map td.village,#map td.neutral{background-color:gray;background-image:url(/town.png)}#map td.neutral{background-color:gray}#map td.marshal{background-image:url(/marshal.svg);background-blend-mode:normal}#map td.mountain{background-image:url(/mountain.png);background-color:#bbb}#map td.obstacle{background-image:url(/obstacle.png)}#map td.fog{border:1px solid transparent;background-color:#ffffff1a}#map td.fog.selected{border:1px solid white}.game-scroll{position:fixed;width:100%;height:100%;top:0;left:0}.move-arrow{color:#ccc!important;font-size:13px;font-weight:700;pointer-events:none;z-index:100;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px black;opacity:.8}#map td.small .move-arrow{font-size:12px}#map td.large .move-arrow{font-size:20px}#map td.tiny .move-arrow{font-size:10px}#map td.tiny2 .move-arrow{font-size:8px}.channel-arrow{color:#ccc!important;font-size:18px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px black;font-weight:700;z-index:100;pointer-events:none;opacity:.8}.channel-arrow.next-channel{color:gold;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 8px orange}#map td.small .channel-arrow{font-size:14px}#map td.large .channel-arrow{font-size:22px}#map td.tiny .channel-arrow{font-size:12px}#map td.tiny2 .channel-arrow{font-size:9px}.channel-arrow.pending-channel{opacity:.8;color:#ddd;text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444}.turn-move-arrow{font-size:13px;font-weight:700;z-index:5;pointer-events:none;opacity:.8;color:#ccc!important;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;paint-order:stroke fill}#map td.small .turn-move-arrow{font-size:15px}#map td.large .turn-move-arrow{font-size:22px}#map td.tiny .turn-move-arrow{font-size:12px}#map td.tiny2 .turn-move-arrow{font-size:10px}.turn-move-arrow.player-0{color:#ff4757}.turn-move-arrow.player-1{color:#1e90ff}.turn-move-arrow.player-2{color:#2ed573}.turn-move-arrow.player-3{color:#a55eea}.turn-move-arrow.player-4{color:#1abc9c}.turn-move-arrow.player-5{color:#16a085}.turn-move-arrow.player-6{color:#ffa502}.turn-move-arrow.player-7{color:#eb4d4b}.arrow-right{transform:translate(50%,-50%)!important}.arrow-left,.arrow-up{transform:translate(-50%,-50%)!important}.arrow-down{transform:translate(-50%,50%)!important}.chat-message{margin:5px;text-align:left;font-size:14px;word-wrap:break-word}.server-chat-message{font-family:Quicksand-Bold}#in-game-chat,#custom-queue-chat{position:fixed;bottom:0;left:0;background:#0d1117b3}#chatroom-input{width:100%;border:2px solid transparent}#chatroom-input:focus{border:2px solid var(--marshal-gold)}.chat-messages-container{width:400px;max-height:240px;overflow-y:scroll;cursor:pointer;transition:all .2s ease-in-out}.minimized{opacity:.5}.chat-messages-container.minimized{width:280px;max-height:48px}@media screen and (max-width:1000px){.chat-messages-container{width:320px}}@media screen and (max-height:600px),screen and (max-width:600px){.chat-messages-container{max-height:180px}.chat-message{font-size:13px}}@media screen and (max-height:400px),screen and (max-width:375px){.chat-messages-container{max-height:100px}}.username{font-family:Quicksand-Bold}.options-controls-row{position:relative;height:50px}.options-controls-row p{color:var(--text-primary);display:inline-block;right:50%;margin-right:25px}.options-controls-row div{left:50%;white-space:nowrap}#account-options{padding:10px}#main-menu #account-options p,#main-menu #notif-options p{color:var(--text-primary);margin:5px;max-width:60%}#main-menu #account-options input{padding:5px 8px;font-size:16px;display:block;width:300px;max-width:90%;text-align:center}@media screen and (max-width:800px){#main-menu #account-options p,#main-menu #notif-options p{max-width:75%}}@media screen and (max-width:450px){#main-menu #account-options p,#main-menu #notif-options p{max-width:90%}}.page-enter{opacity:0}.page-enter.page-enter-active{opacity:1;transition:opacity .2s ease-out .2s}.page-leave{opacity:1}.page-leave.page-leave-active{opacity:0;transition:opacity .2s ease-out}.tutorial-enter{opacity:0}.tutorial-enter.tutorial-enter-active{opacity:1;transition:opacity .4s ease-out .4s}.tutorial-leave{opacity:1}.tutorial-leave.tutorial-leave-active{opacity:0;transition:opacity .4s ease-out}:root{--imperial-blue:#1e3a5f;--midnight:#0d1117;--marshal-gold:#c9a227;--baton-velvet:#2c4a6e;--parchment:#f0ead6;--blood-red:#8b0000;--bronze-star:#b8860b;--ivory:#fafaf5;--success:#4caf50;--warning:#f9a825;--error:#c62828;--muted:#9e9e9e;--panel-bg:rgba(19,42,73,.9);--panel-border:rgba(201,162,39,.4);--text-primary:var(--ivory);--text-secondary:#f5f4f4;--text-muted:rgba(255,255,255,.5);--accent:var(--marshal-gold);--accent-hover:#ddb830;--bg-dark:var(--midnight);--bg-darker:#060a10;--btn-primary-bg:transparent;--btn-primary-border:var(--marshal-gold);--btn-primary-hover:rgba(201,162,39,.15);--btn-primary-text:var(--marshal-gold);--btn-secondary-bg:transparent;--btn-secondary-border:rgba(201,162,39,.6);--btn-secondary-hover:rgba(201,162,39,.1);--btn-secondary-text:rgba(201,162,39,.8);--btn-accent-bg:var(--marshal-gold);--btn-accent-hover:#ddb830;--btn-accent-text:white;--card-bg:rgb(30,58,95);--card-border:var(--panel-border);--card-shadow:0 0 20px rgba(201,162,39,.1);--card-radius:8px;--shadow-glow:0 0 15px rgba(201,162,39,.2);--shadow-dark:0 4px 12px rgba(0,0,0,.5);--shadow-soft:0 2px 10px rgba(0,0,0,.3)}.slider-container{position:relative;background-color:var(--panel-bg);border:1px solid transparent;padding:30px 20px 25px;width:50%;min-width:300px;border-radius:3px;transition:all .2s ease-in-out}.slider-container:hover{border:1px solid var(--marshal-gold)}.slider-container input[type=range]{margin:0;background-color:transparent;width:100%}.slider-container p{margin:0;font-size:14px}.slider-container .slider-value{top:5px;font-weight:600;font-size:20px}.slider-container .slider-min{position:absolute;left:5px;bottom:5px}.slider-container .slider-max{position:absolute;right:5px;bottom:5px}@media screen and (max-width:600px){.slider-container{min-width:200px;max-width:250px;padding:25px 15px 20px}.slider-container .slider-value{font-weight:400;font-size:16px}.slider-container p{font-size:12px}}input[type=range]{-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:#ddd;border-radius:8px}input[type=range]::-webkit-slider-thumb{border:1px solid var(--marshal-gold);height:18px;width:12px;border-radius:4px;background:var(--parchment);cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#ddd}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:#ddd;border-radius:8px}input[type=range]::-moz-range-thumb{border:1px solid var(--marshal-gold);height:18px;width:12px;border-radius:4px;background:var(--parchment);cursor:pointer}input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#ddd;border-radius:16px}input[type=range]::-ms-fill-upper{background:#ddd;border-radius:16px}input[type=range]::-ms-thumb{border:1px solid var(--marshal-gold);height:18px;width:12px;border-radius:4px;background:var(--parchment);cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#ddd}input[type=range]:focus::-ms-fill-upper{background:#ddd}.tabs{margin:5px;white-space:nowrap;display:inline-flex;border-radius:0;overflow:visible;border:none;background:transparent;padding:0;gap:12px}.tabs div{min-width:45px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:10px 20px;background:var(--panel-bg);color:var(--text-muted);border-radius:4px;border:1px solid var(--panel-border);transition:all .2s ease;cursor:pointer}.tabs div:hover{background:#c9a22726;color:var(--marshal-gold)}.tabs div.selected,.tabs div.inverted{background:linear-gradient(135deg,var(--marshal-gold) 0%,#a88620 100%);color:#fff;box-shadow:0 2px 8px #c9a22766}.tabs div.selected:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#c9a227 100%)}.tabs-short-wide{display:flex;justify-content:center;width:100%;max-width:280px;margin:0 auto 10px;border-radius:0;overflow:visible;border:none;background:transparent;gap:12px}.tabs-short-wide div{background-color:var(--panel-bg);color:var(--text-muted);flex-grow:0;padding:10px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:1;transition:all .15s ease-in-out;cursor:pointer;border:1px solid var(--panel-border);border-radius:4px}.tabs-short-wide div:hover:not(.selected){background-color:#c9a2271a;color:var(--marshal-gold);border-color:var(--marshal-gold)}.tabs-short-wide div.selected{background:linear-gradient(135deg,var(--marshal-gold) 0%,#a88620 100%);color:#fff;border-color:var(--marshal-gold);box-shadow:0 2px 8px #c9a22766}.tabs-short-wide div.selected:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#c9a227 100%)}@media screen and (max-width:600px){.tabs div{min-width:30px;font-size:13px;padding:6px 12px}.tabs-short-wide div{font-size:12px;padding:6px 10px}}@media screen and (max-width:400px){.tabs{margin:3px}.tabs div{min-width:15px;font-size:14px;padding:8px}.tabs-short-wide div{font-size:13px}}.map-result{position:relative;background:var(--parchment);width:450px;transition:background .2s ease-in-out;padding:2px 5px;margin:5px;overflow:hidden}.map-result:hover{cursor:pointer;background:#e8dcc0}.map-result p{font-size:12px;margin:2px}.map-result .rank{color:gray;position:absolute;top:3px;left:3px}.upvote-container{position:absolute;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;top:3px;right:5px;padding:0 2px;transition:all .2s ease-in-out}.upvote-container:not(.upvoted):hover{cursor:pointer}.upvote-container:not(.upvoted):not(.white):hover{background-color:#fff}.upvote-container .upvote{margin:0;color:var(--marshal-gold);opacity:.25;transition:opacity .2s ease-in-out}.upvote-container.upvoted .upvote{opacity:1}.upvote-container:not(.upvoted):hover .upvote{cursor:pointer;opacity:1}.upvote-container.white .upvote{color:var(--ivory)}.upvote-container .counter{color:gray;margin-right:1px}.upvote-container:not(.upvoted):hover .counter{cursor:pointer}.upvote-container.white .counter{color:var(--ivory)}.map-result .title{margin:5px 40px;color:var(--imperial-blue);white-space:nowrap;font-size:20px;font-family:Quicksand-Bold;overflow:hidden}.map-result .description{color:var(--midnight);white-space:pre-line;word-wrap:break-word;font-size:14px;margin:5px;max-height:120px;overflow-y:scroll}.map-result .preview{background-color:var(--btn-primary-bg);margin:5px 20px;padding:5px;color:var(--ivory);font-size:12px;transition:all .2s ease-in-out}.map-result .preview:hover{cursor:pointer;background-color:var(--btn-primary-hover);margin:5px 10px}.map-result .divider{background-color:#d3d3d3;height:1px;margin:5px 0 2px}.map-result .footer{display:flex;flex-direction:row}.map-result .footer p{color:gray;flex-grow:1}.map-result .creator .username{font-family:Quicksand-Bold}.maps-browser-results-container{height:500px;overflow:scroll;background:var(--panel-bg);border:1px solid var(--panel-bg)}.map-preview-container{padding:10px;overflow:hidden;background-color:var(--midnight)}input.map-search{border:none;background-color:#e8dcc0;text-align:center;width:100%;font-size:13px;padding:5px 10px;margin:0 0 5px}.scroll-modal-container{background:#0f1e32f2;position:absolute;top:50px;left:0;right:0;bottom:65px;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border)}.scroll-modal-container::-webkit-scrollbar{width:10px}.scroll-modal-container::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.scroll-modal-container::-webkit-scrollbar-thumb{background:#c9a22780;border-radius:5px;border:2px solid transparent;background-clip:padding-box}.scroll-modal-container::-webkit-scrollbar-thumb:hover{background:#c9a227b3;background-clip:padding-box}.scroll-modal-title{font-family:Quicksand-Bold;top:0;margin:5px;color:var(--marshal-gold)!important;text-shadow:1px 1px var(--midnight);white-space:nowrap}.scroll-modal-button{position:absolute;bottom:8px;left:50%;transform:translate(-50%);transition:background-color .2s ease,box-shadow .2s ease}.scroll-modal-button:hover{transform:translate(-50%)}@media screen and (max-height:600px){.maps-browser-results-container{height:360px}}@media screen and (max-width:450px){.map-result{background:var(--parchment);width:280px}.map-result .title{margin:5px 30px;font-size:16px}.map-result .description{font-size:13px}.map-result p,.map-result .preview{font-size:11px}input.map-search{font-size:12px}.scroll-modal-container{bottom:55px}.upvote-container{top:0}}.key-hint{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;height:20px;background:var(--midnight);color:var(--text-primary);border:1px solid var(--panel-border);border-bottom:2px solid var(--panel-border);border-radius:4px;font-family:sans-serif;font-weight:700;font-size:14px;margin:0 4px;min-width:18px;box-shadow:0 2px 4px #0003;vertical-align:middle}.mapprofile-render-container{margin:20px 50px;padding:15px;max-height:100%;overflow:hidden;border:solid 1px white;background-color:#000}@media screen and (max-width:600px){.mapprofile-render-container{margin:20px}}