@font-face{font-family:Nunito;src:url(/commanders/game/fonts/Nunito-Variable.woff2)format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}@font-face{font-family:Moon Display;src:url(/commanders/game/fonts/TitanOne-Regular.woff2)format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Entry Fredoka;src:url(/commanders/game/fonts/Fredoka-Variable.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Entry Moon Display;src:url(/commanders/game/fonts/Fredoka-Variable.woff2)format("woff2");font-style:normal;font-weight:600 700;font-display:swap}.commanders-entry{--entry-copy:"Nunito","Trebuchet MS",sans-serif;--entry-display:"Moon Display","Nunito",sans-serif;--entry-safe-left:max(28px,env(safe-area-inset-left));--entry-safe-right:max(28px,env(safe-area-inset-right));isolation:isolate;color:#f3f1fa;font:400 16px/1.5 var(--entry-copy);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#04060d;position:fixed;inset:0;overflow:hidden}.commanders-entry :is(input,textarea,.entry-dialog){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.commanders-entry *{box-sizing:border-box;font-family:var(--entry-copy);font-style:normal}.commanders-entry{--entry-copy:"Entry Fredoka",sans-serif;--entry-display:"Entry Moon Display",sans-serif}.commanders-site .commanders-entry :is(h1,h2,h3){font-family:var(--entry-display);letter-spacing:.01em;font-weight:600}.commanders-entry :is(button,input){font-family:var(--entry-copy);touch-action:manipulation}.entry-world{height:100%;padding:max(18px,env(safe-area-inset-top)) var(--entry-safe-right) max(14px,env(safe-area-inset-bottom)) var(--entry-safe-left);isolation:isolate;transform-origin:50%;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.entry-scene{z-index:-2;background:#101728 url(/commanders/game/img/battle-moon-3.webp) 30% 40%/cover no-repeat;animation:32s ease-in-out infinite alternate entry-camera;position:absolute;inset:0;transform:scale(1.025)}.entry-world:before{content:"";z-index:-1;opacity:.5;background:#050814;position:absolute;inset:0}@keyframes entry-camera{0%{transform:scale(1.025)translate(-.6%,.3%)}to{transform:scale(1.045)translate(.6%,-.3%)}}.commanders-entry:has(.entry-access[open]) .entry-scene{animation-play-state:paused}.commanders-entry:has(.entry-access[open]) .entry-world>:not(.entry-scene){visibility:hidden}.entry-header,.entry-footer{z-index:2;color:#e2e5f2;text-shadow:0 1px 2px #000;justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex;position:relative}.entry-header>span:first-child{letter-spacing:.06em;font-weight:500}.entry-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3.4vh,32px);width:min(1500px,100%);min-height:0;margin:0 auto;display:flex}.entry-title{flex-direction:column;align-items:center;gap:10px;min-width:0;animation:.9s cubic-bezier(.16,1,.3,1) .15s both entry-rise;display:flex}@keyframes entry-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.commanders-site .commanders-entry :is(.entry-title h1,.entry-title h1 span,.entry-panel h2,.entry-start>span){font-family:var(--entry-display);color:#fff;text-shadow:0 2px 10px #050919;letter-spacing:.015em;font-weight:600}.commanders-site .commanders-entry .entry-title h1{text-align:center;margin:0;font-size:clamp(46px,min(7.4vw,15vh),124px);line-height:.92}.entry-title h1 span{display:block}.entry-title h1 span+span{margin-top:.06em;font-size:.7em}.commanders-site .commanders-entry :is(.entry-title h1,.entry-title h1 span,.entry-start>span){-webkit-text-stroke:.065em #101728;paint-order:stroke fill;text-shadow:0 .065em #101728,0 3px 12px #050919;font-family:Moon Display,sans-serif;font-weight:400}.entry-panel{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(380px,100%);animation:.7s cubic-bezier(.16,1,.3,1) .3s both entry-rise;display:flex}.commanders-site .commanders-entry .entry-panel h2{overflow-wrap:anywhere;margin:0 0 2px;font-size:clamp(15px,1.4vw,19px);line-height:1.2}.entry-who{flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex}.entry-who p{color:#dfe5f6;letter-spacing:.06em;text-shadow:0 1px 2px #000;margin:0;font-size:12px;font-weight:800}.commanders-site .commanders-entry .entry-who h2{margin:0;font-size:clamp(18px,1.7vw,24px);line-height:1.15}.entry-signin{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:clamp(4px,1.2vh,12px);display:flex}.entry-panel .entry-eyebrow{color:#dfe5f6;text-shadow:0 1px 2px #000;margin:0 0 -4px;font-weight:700}.entry-start{min-width:140px;min-height:60px;box-shadow:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:4px 24px;transition:translate .1s,scale .15s;display:inline-flex;position:relative}.entry-start>span{letter-spacing:.04em;font-size:clamp(38px,3.6vw,52px);line-height:1;animation:2.6s ease-in-out infinite entry-breathe;display:inline-block}@keyframes entry-breathe{0%,to{opacity:.84;transform:none}50%{opacity:1;transform:scale(1.05)}}.entry-start:active{translate:0 3px}@media (hover:hover) and (pointer:fine){.entry-start:hover{scale:1.06}}.entry-opening{color:#fff;text-shadow:0 1px 2px #000;cursor:default;min-height:60px;font-size:18px;font-weight:700}.entry-providers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.entry-providers button{color:#fff;min-width:0;min-height:44px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:15px;font-weight:600;transition:transform .1s,opacity .15s;display:flex}.entry-providers button:active{transform:translateY(1px)}.entry-providers button:disabled{opacity:.55;cursor:wait}@media (hover:hover) and (pointer:fine){.entry-providers button:hover{opacity:.8}}.entry-providers svg{flex:none;width:18px;height:18px}.entry-link{color:#fff;text-underline-offset:3px;text-shadow:0 1px 2px #000;cursor:pointer;background:0 0;border:0;min-height:44px;padding:6px 10px;font-size:14px;font-weight:700;text-decoration:underline}.entry-panel-note{color:#d3dbf0;text-shadow:0 1px 2px #000;margin:2px 0 0;font-size:13px;font-weight:600}.entry-panel-error{color:#ffd3de;text-shadow:0 1px 2px #000;margin:2px 0 0;font-size:14px;font-weight:700}.entry-impact{z-index:3;pointer-events:none;background:radial-gradient(circle,#f6f4fc80 0,#0000 65%);border:2px solid #f6f4fc;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.45s cubic-bezier(.2,.7,.2,1) forwards entry-impact;position:absolute}@keyframes entry-impact{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(5)}}.entry-point{z-index:4;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0,#efeaff 45%,#c8b7ef00 72%);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.commanders-entry[data-leaving] .entry-world{pointer-events:none;animation:.56s cubic-bezier(.55,0,.85,.2) forwards entry-implode}.commanders-entry[data-leaving] .entry-point{animation:.56s ease-out forwards entry-point-in,1.1s ease-in-out .56s infinite alternate entry-point}@keyframes entry-implode{0%{transform:none}12%{transform:scale(1.025)}72%{opacity:1}to{opacity:0;transform:scale(.015)rotate(-14deg)}}@keyframes entry-point-in{0%,55%{opacity:0;transform:scale(0)}85%{opacity:1;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}@keyframes entry-point{0%{opacity:.75;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.commanders-entry .entry-footer{pointer-events:none;background:0 0;border:0;justify-content:flex-start;margin:0;padding:0}.commanders-entry .entry-footer>*{pointer-events:auto}.entry-footer button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:14px}.entry-footer span{margin-left:auto}.entry-dialog{box-sizing:border-box;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));width:min(480px,calc(100vw - var(--entry-safe-left) - var(--entry-safe-right)));overscroll-behavior:contain;color:#f3f1fa;max-width:none;font:400 15px/1.5 var(--entry-copy);background:#11192b;border:1px solid #687390;border-radius:12px;margin:auto;padding:30px 32px 24px;position:fixed;inset:0;overflow:auto;box-shadow:0 16px 64px #060a18a0}.entry-dialog::backdrop{background:#080d20a6}.entry-dialog:not([open]){display:none}.entry-close{color:#e7e5f5;width:44px;min-height:44px;font:400 28px/1 var(--entry-copy);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:10px}.entry-close:hover{background:#ffffff0c}.entry-eyebrow{letter-spacing:.08em;color:#b8c7ed;margin:0 48px 12px 0;font-size:12px}.entry-access h2{overflow-wrap:anywhere;margin:0 0 12px;font-size:28px;line-height:1.15}.entry-access>p:not(.entry-eyebrow){color:#c7cee2;margin:0 0 20px}.entry-actions,.entry-access form{gap:12px;display:grid}.entry-primary,.entry-secondary{box-sizing:border-box;min-height:48px;font:600 15px/1.4 var(--entry-copy,"Nunito",sans-serif);text-align:center;cursor:pointer;border:1px solid #ecebf4;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;text-decoration:none;transition:transform .12s,opacity .12s;display:flex}.entry-primary{color:#101827;background:#ecebf4}.entry-secondary{color:#ecebf4;background:0 0;border-color:#737d9c}.entry-primary:active,.entry-secondary:active{transform:translateY(1px)}.entry-primary:disabled,.entry-secondary:disabled{opacity:.55;cursor:wait}.entry-back{color:#bdc9ed;text-align:left;min-height:44px;font:500 14px var(--entry-copy);cursor:pointer;background:0 0;border:0;padding:8px 0}.entry-access input{box-sizing:border-box;color:#fff;width:100%;height:48px;font:400 16px var(--entry-copy);background:#0b1120;border:1px solid #687390;border-radius:6px;padding:10px 14px}.commanders-entry :is(a,button,input):focus-visible{outline-offset:3px;outline:2px solid #c6d5ff}.entry-access .entry-error{color:#f7aebe;border-left:2px solid #f7aebe;padding-left:12px}.entry-access .entry-save-note{color:#bac3db;margin:20px 0 0;font-size:13px}.entry-note{color:#c7cee2;margin:0}.entry-access{--entry-copy:var(--ms-sans,"Exo 2",sans-serif);--entry-display:var(--ms-display,"Exo 2",sans-serif);--auth-ink:#eceaf2;--auth-muted:#acabba;--auth-faint:#acabba;--auth-field:#0b0c11;--auth-line:#343642;--auth-line-strong:#687390;width:min(440px,calc(100vw - var(--entry-safe-left) - var(--entry-safe-right)));background:#101218;border-color:#343642}.entry-access .auth-card{box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;margin:0;padding:0}.entry-access .auth-brand{display:none}.commanders-site .commanders-entry .entry-access :is(h2,.auth-title){font:600 30px/1.2 var(--entry-copy);letter-spacing:-.02em;color:#eceaf2;margin:0}.entry-access .auth-title{padding-right:36px}.entry-access .entry-eyebrow{letter-spacing:.06em;color:#b8c7ed;margin:0 44px 6px 0;font-size:12px}.entry-access .auth-lead{color:var(--auth-muted);margin:6px 0 0;font-size:14px}.entry-access .auth-form{gap:14px;margin-top:20px}.entry-access .auth-label-row{align-items:center;min-height:22px}.entry-access .auth-label-row:has(.auth-link){min-height:44px;margin-top:-8px;margin-bottom:-6px}.entry-access .auth-field input{font:400 16px var(--entry-copy);border-color:var(--auth-line);background:var(--auth-field);border-radius:8px;transition:none}.entry-access .auth-field input:focus{border-color:var(--auth-focus)}.entry-access .auth-field input[aria-invalid=true]{border-color:#ff8d9d}.entry-access .auth-primary{font:600 15px var(--entry-copy);min-height:48px;margin-top:2px;transition:transform .16s}.entry-access .auth-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-access .auth-social button{min-width:0;height:auto;min-height:44px;font:500 13px/1.3 var(--entry-copy);padding:10px 8px;transition:transform .16s}.entry-access .auth-social button svg{flex:none}.entry-access .auth-social button:active{transform:translateY(1px)}.entry-access .auth-social button:disabled{transform:none}.entry-access .auth-social button:only-child{grid-column:1/-1}.entry-access .auth-password button{width:44px;height:44px;top:2px;right:2px}.entry-access .auth-password input{padding-right:50px}.entry-access .auth-link{min-height:44px;font-family:var(--entry-copy);align-items:center;display:inline-flex}.entry-access .auth-browser{color:var(--auth-muted);margin-top:4px;display:flex}.entry-access .auth-switch{-moz-column-gap:4px;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px;margin:12px 0 0;padding-top:8px;font-size:13px;display:flex}.entry-access .auth-divider{margin:18px 0 12px}.entry-access .auth-fineprint{color:var(--auth-muted)}.entry-access .auth-fineprint .auth-link{vertical-align:middle;font-size:inherit}.entry-guest-option{color:#acabba;margin-top:8px;padding-top:4px;font-size:12px;line-height:1.5}.entry-guest-option small{font-size:inherit}.entry-policy{width:min(720px,calc(100vw - var(--entry-safe-left) - var(--entry-safe-right)));padding:0;overflow:hidden}.entry-policy[open]{flex-direction:column;display:flex}.entry-policy>header{border-bottom:1px solid #39445f;flex:none;padding:20px 68px 18px 24px;position:relative}.entry-policy h2{margin:0;font-size:24px;line-height:1.2}.entry-policy-copy{color:#d1d8e9;min-height:0;padding:8px 24px 20px;font-size:15px;line-height:1.65;overflow:auto}.entry-policy-copy :is(h2,h3){margin:20px 0 8px;font-size:18px}.entry-policy-copy p{margin:12px 0}.entry-policy-copy ul{padding-left:20px}.entry-policy-copy li{margin:10px 0}.entry-policy-copy a{color:#bdcffa;text-decoration:underline}.entry-policy-notice{border-left:2px solid #b7c8ef;padding-left:12px}.entry-policy>.entry-primary{flex:none;align-self:flex-end;min-width:170px;margin:0 24px 20px}.commanders-auth-complete{color:#f3f1fa;text-align:center;background:#11192b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;font:400 16px/1.5 Nunito,sans-serif;display:flex}.commanders-auth-complete h1{font:600 28px/1.2 Moon Display,Nunito,sans-serif}.commanders-auth-complete p{margin:0 0 8px}@media (orientation:landscape) and (max-height:540px){.commanders-entry{--entry-safe-left:max(44px,env(safe-area-inset-left));--entry-safe-right:max(44px,env(safe-area-inset-right))}.entry-world{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(21px,env(safe-area-inset-bottom))}.entry-main{gap:8px}.commanders-site .commanders-entry .entry-title h1{font-size:min(60px,7vw,14vh)}.entry-panel{gap:6px}.entry-signin{gap:4px;margin-top:0}.entry-start{min-height:48px}.entry-start>span{font-size:36px}.commanders-site .commanders-entry .entry-who h2{font-size:18px}.entry-providers button{min-height:40px;font-size:13px}.entry-header,.entry-footer,.entry-access .auth-label-row .auth-link{font-size:12px}.entry-access .auth-divider{margin:8px 0}.entry-access .auth-switch{margin-top:4px;padding-top:0}.entry-access .auth-lead{display:none}.entry-guest-option{margin-top:4px;padding-top:0}.entry-policy>header{padding-top:14px;padding-bottom:12px}.entry-policy-copy{font-size:14px}.entry-policy>.entry-primary{min-height:44px;margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.commanders-entry *{transition:none!important;animation:none!important}}.entry-access{padding:0;overflow:hidden}.entry-access[open]{flex-direction:column;display:flex}.entry-access-scroll{overscroll-behavior:contain;min-height:0;padding:28px 24px 20px;overflow:auto}.entry-access>.entry-close{z-index:2;background:#101218}@media (orientation:landscape) and (max-height:540px){.entry-access-scroll{padding:20px 28px 16px}.entry-access:has(.auth-form[data-auth-mode=login]) .entry-access-scroll{padding-top:14px;padding-bottom:8px}.entry-access:has(.auth-form[data-auth-mode=login]) .entry-eyebrow{display:none}}@media (max-width:680px){.entry-header{align-items:flex-start;gap:12px}.entry-header>span:first-child{max-width:160px}.entry-header>span:last-child{text-align:right}.entry-footer{gap:16px;font-size:12px}.entry-footer>span{text-align:right;max-width:124px}.entry-main{gap:20px}.entry-access-scroll{padding:28px 22px 20px}}@media (max-width:560px){.entry-access{width:calc(100vw - 24px)}.entry-access .auth-social{grid-template-columns:1fr}.entry-access .auth-social button,.entry-access .auth-switch{font-size:14px}}.entry-access .auth-check,.entry-access .auth-check svg{transition:none}.commanders-entry .entry-access{background:#101218;border:1px solid #43485e;border-radius:16px;box-shadow:0 20px 80px #03061099}.commanders-entry .entry-access::backdrop{background:#050814b3}.commanders-entry .entry-access>.entry-close{background:0 0}.commanders-entry .entry-access .auth-card{font-family:var(--entry-copy);background:0 0}.commanders-entry .entry-access .auth-game-brand{justify-content:center;align-items:center;margin:0 0 8px;display:flex}.commanders-entry .entry-access .auth-game-logo{-o-object-fit:contain;object-fit:contain;flex:none;width:56px;height:56px;display:block}.commanders-entry .entry-access .auth-title{font:600 30px/1.15 var(--entry-copy);letter-spacing:0;text-align:center;padding-right:0}.commanders-entry .entry-access .auth-form{grid-template-columns:1fr;gap:12px;margin-top:16px}.commanders-entry .entry-access .auth-field{gap:4px}.commanders-entry .entry-access input{height:44px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #a1abc2;border-radius:0;padding:8px 0}.commanders-entry .entry-access input:focus{box-shadow:none;border-color:#eef1ff}.commanders-entry .entry-access input[aria-invalid=true]{border-color:#ff9dab}.commanders-entry .entry-access .auth-password input{padding-right:48px}.commanders-entry .entry-access .auth-label-row{min-height:22px}.commanders-entry .entry-access :is(.auth-primary,.auth-social button){color:#f4f1fa;height:auto;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;transition:opacity .15s,transform .15s}.commanders-entry .entry-access .auth-primary{font-size:20px;font-weight:600}.commanders-entry .entry-access :is(.auth-primary,.auth-social button):hover{opacity:.8;background:0 0}.commanders-entry .entry-access .auth-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.commanders-entry .entry-access .auth-social button{white-space:nowrap;gap:8px;padding:8px 4px;font-size:13px}.commanders-entry .entry-access .auth-recovery{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 16px;margin-top:8px;font-size:13px;display:flex}.commanders-entry .entry-access .entry-guest-option:empty{display:none}.commanders-entry .entry-access .auth-alert{color:#ffcad1;background:0 0;border:0;border-radius:0;padding:0}.commanders-entry .entry-access .auth-switch{border:0;padding-top:0}@media (max-width:560px){.commanders-entry .entry-access .auth-social button{gap:6px;font-size:12px}}@media (orientation:landscape) and (max-height:540px){.commanders-entry .entry-access .auth-game-brand{margin-bottom:4px}.commanders-entry .entry-access .auth-game-logo{width:44px;height:44px}.commanders-entry .entry-access .auth-title{font-size:26px}.commanders-entry .entry-access .auth-form[data-auth-mode=login]{gap:8px;margin-top:12px}.commanders-entry .entry-access .auth-form[data-auth-mode=login] .auth-field{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:0 12px}.commanders-entry .entry-access .auth-form[data-auth-mode=login] .auth-label-row{min-height:44px}.commanders-entry .entry-access .auth-form[data-auth-mode=login] .auth-field-error{grid-column:2}.commanders-entry .entry-access .auth-social{margin-top:8px}.commanders-entry .entry-access .auth-recovery{margin-top:4px}}
