@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-primary: #0077FF;--color-primary-hover: #0066DD;--color-primary-active: #0055BB;--color-accent: #F4B62F;--color-accent-hover: #E5A622;--color-accent-active: #D4981E;--color-success: #10A77C;--color-success-hover: #0E926C;--color-success-active: #0B7D5B;--color-error: #A71010;--color-error-hover: #8F0D0D;--color-error-active: #7A0B0B;--color-text-primary: #222222;--color-text-secondary: #4A4A4A;--color-text-inverse: #FFFFFF;--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-overlay: rgba(49, 48, 48, .5);--color-modal-background: #07070B;--color-overlay-translucent: #07070B40;--color-overlay-dark: rgba(0, 0, 0, .6);--color-overlay-light: rgba(255, 255, 255, .6);--color-gray-100: #F5F5F5;--color-gray-200: #E0E0E0;--color-gray-300: #CFCFCF;--color-gray-400: #9E9E9E;--color-gray-500: #757575;--color-gray-600: #616161;--color-gray-700: #424242;--color-gray-800: #212121;--color-base-dark: #1A1A1A;--color-focus: #005FCC;--color-border-default: #DCDCDC;--color-border-muted: #EAEAEA;--text-xs: .75rem;--text-sm: .875rem;--text-md: 16px;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 5.25rem;--font-body: "Intel One Mono", monospace;--radius-sm: .325rem;--radius-md: .625rem;--spacing-sm: 8px;--spacing-md: 14px;--spacing-lg: 20px;--size-sm: 320px;--size-md: 420px;--size-lg: 750px;--ship-selector-color-overlay: #07070BCC;--ship-selector-color-hover-overlay: #07070B33;--healthbar-width: 100%;--healthbar-height: 80px;--healthbar-color-healthy: var(--color-success);--healthbar-color-critical: var(--color-error);--warship-max-width: 100px;--projectile-height: 40px;--explosion-base-width: 40px;--explosion-max-width: 80px}body,html{font-size:var(--text-md);height:100%;font-family:var(--font-body);color:var(--color-text-secondary)}*{box-sizing:border-box}body{height:100vh;overflow:hidden}.background{z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.background__item{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/pattern.png),url(/assets/background.png);background-size:cover;background-repeat:no-repeat}.background__item:nth-child(2){top:100%;margin-top:-1px}.background__item--animate{animation:bgSlideDown 90s linear infinite}.background__item--game-animate{animation:bgSlideDown 8s linear infinite}@keyframes bgSlideDown{0%{transform:translateY(0)}to{transform:translateY(-99%)}}.toastify{background-image:unset!important}.toastify.error{background-color:var(--color-error)!important}.toastify.info{background-color:var(--color-primary)!important}.btn{background-color:var(--color-background);background-image:url(/assets/btn-pattern.png);background-repeat:repeat;background-size:80rem;background-blend-mode:difference;outline:none;border:.25rem solid var(--color-surface-overlay);border-radius:var(--radius-md);min-height:40px;padding:.2rem 1rem;line-height:0;cursor:pointer;font-size:var(--text-medium);transition:all .2s ease-in}.btn:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-surface-overlay)}.btn--primary:hover{background-color:var(--color-primary-hover)}.coin-indicator{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:.125rem solid var(--color-accent);background-color:var(--color-base-dark);color:var(--color-accent);width:fit-content;display:block}.coin-indicator--floating{position:absolute;right:0;top:0;margin:1rem}.input-container{display:flex;flex-direction:column;color:var(--color-text-inverse)}.input-container__label{font-weight:700;text-transform:uppercase;font-size:var(--text-medium);color:var(--color-gray-300)}.input-container__input{padding:.5rem .2rem;background:none;outline:none;border:.2rem solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--text-md)}.link{color:var(--color-text-inverse);text-decoration:none;border-bottom:.2rem solid var(--color-primary);display:inline;width:fit-content;padding:0 0 .3rem;transition:color .2s ease-in-out}.link:hover{color:var(--color-primary-hover)}.logo{width:90vw;max-width:50rem}.modal{background-color:var(--color-modal-background);width:var(--size-lg);min-height:var(--size-md);max-width:calc(100vw - 4rem);max-height:min(var(--size-md),calc(100vh - 4rem));border-radius:var(--radius-md);border:.225rem solid var(--color-surface-overlay);margin:auto;padding:1rem;display:flex;flex-direction:column;height:100%}.modal__header{align-items:center;justify-content:space-between;color:var(--color-text-inverse);display:none}.modal__header--active{display:flex}.modal__title{font-size:var(--text-lg);text-transform:uppercase;font-weight:700}.modal__close-btn{background:none;outline:none;cursor:pointer;border:none;color:var(--color-text-inverse);font-size:2rem;width:44px;height:44px;border-radius:100rem;text-align:center;line-height:0;transition:background-color .3s ease}.modal__close-btn:hover{background-color:var(--color-base-dark)}.overlay{background-color:var(--color-overlay-translucent);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1001;display:none;align-items:center;justify-content:center}.overlay--active{display:flex}.screen{width:100%;height:100%;display:none;gap:1rem}.screen--active{display:grid}.screen--minimal{grid-template-rows:1fr 2fr}.screen__header{display:flex;align-items:center;justify-content:center}.screen__content{display:none;align-items:flex-start;justify-content:center}.home-screen--active,.login-screen--active,.register-screen--active,.dashboard-screen--active{display:flex}.screen__menu{display:flex;gap:.5rem;flex-direction:column}.screen__menu-btn{width:30rem;max-width:calc(100vw - 2rem)}.screen__form{display:flex;flex-direction:column;gap:1rem}.loading{color:var(--color-surface);font-size:var(--text-5xl);position:absolute;left:0;top:0;margin:var(--spacing-lg) var(--spacing-lg);animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;opacity:0;transition:opacity 1s;z-index:5000}.loading--active{opacity:1}@keyframes spin{0%{transform:rotate(0);color:var(--color-primary-active)}50%{color:var(--color-primary)}to{transform:rotate(360deg);color:var(--color-primary-active)}}.gameover{color:var(--color-text-inverse);display:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%}.gameover--active{display:flex}.gameover__title{text-transform:uppercase;font-weight:700;font-size:var(--text-lg)}.gameover__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.gameover__btn{min-width:80px;max-width:450px;width:90%;text-transform:uppercase}.leaderboard{margin-top:1rem;display:none;overflow-y:auto;padding-right:var(--spacing-lg);height:100%}.leaderboard--active{display:block}.leaderboard__table{width:100%;font-size:var(--text-md);color:var(--color-text-inverse);border-collapse:separate;border-spacing:0 1rem;min-height:100px}.leaderboard__thead{font-weight:700;text-transform:uppercase}.leaderboard__td{background-color:var(--color-surface-overlay);padding:.8rem}.leaderboard__td:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.leaderboard__td:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.leaderboard__tr--active{background-color:var(--color-primary-active)}.play-menu{display:none;flex-direction:column;gap:2rem;justify-content:center;align-items:center;height:100%}.play-menu--active{display:flex}.play-menu__ship-selector{display:flex;gap:2rem;align-items:center;max-width:100%;overflow-x:auto;padding:2rem}.ship-selector-item__img{width:fit-content;max-width:175px;max-height:135px;transform:rotate(180deg)}.ship-selector-item{display:flex;flex-direction:column;align-items:center;gap:.565rem;cursor:pointer}.ship-selector-item:not(.ship-selector-item--selected){position:relative}.ship-selector-item:not(.ship-selector-item--selected):before{content:"";width:100%;height:100%;position:absolute;background-color:var(--ship-selector-color-overlay);z-index:10000;transition:background-color .3s ease-in}.ship-selector-item:hover:not(.ship-selector-item--selected):before{content:"";width:100%;height:100%;position:absolute;background-color:var(--ship-selector-color-hover-overlay);z-index:10000}.play-menu__play-btn{min-width:80px;max-width:450px;width:90%}.ship-selector-item--owned .coin-indicator{opacity:.5;color:var(--color-success);border-color:var(--color-success)}.ship-selector-item .coin-indicator{z-index:20000;cursor:pointer}.warship{max-width:var(--warship-max-width)}.warship--player{z-index:5000}.warship__img{max-width:100%;width:100%;height:auto}.warship__img--player{transform:rotate(180deg)}.laser-projectile{position:absolute}.laser-projectile__img{max-width:100%;height:var(--projectile-height);width:auto}.explosion{width:100%;padding:1rem}.explosion__img{max-width:100%;width:100%;height:auto;animation:explode 1s ease-out forwards;transition:transform .3s ease-out}@keyframes explode{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.5) rotate(45deg);opacity:.8}60%{transform:scale(2.5) rotate(120deg);opacity:.4}to{transform:scale(4) rotate(360deg);opacity:0}}.game__score{padding:.5rem .8rem;border-radius:var(--radius-sm);border:.125rem solid var(--color-border-muted);background-color:var(--color-base-dark);color:var(--color-border-muted);width:fit-content;display:none}.game__score--active{display:block}.game__score--floating{position:absolute;right:0;top:0;margin:1rem;z-index:3000}.game__healthbar{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--healthbar-color-healthy);background-image:linear-gradient(to right,var(--healthbar-color-healthy) 0%,var(--healthbar-color-healthy) 100%,var(--color-base-dark) 0%,var(--color-base-dark) 0%);color:var(--color-border-muted);width:100%;text-align:center;font-weight:700;display:none}.game__healthbar--active{display:block}.game__healthbar--floating{position:absolute;bottom:0;left:0}.game__title{font-size:var(--text-8xl);font-weight:bolder;color:var(--color-gray-500);text-align:center;width:100%;overflow:hidden}.game__title--animate{animation:pulseTitle 4s ease-in-out forwards}@keyframes pulseTitle{0%{font-size:4em;opacity:.7;filter:brightness(1)}12.5%{font-size:5em;opacity:1}25%{font-size:4em;opacity:.7}37.5%{font-size:5em;opacity:1}50%{font-size:4em;opacity:.7}62.5%{font-size:5em;opacity:1}75%{font-size:4em;opacity:.7}87.5%{font-size:4.5em;opacity:1}to{font-size:4.5em;opacity:1;filter:brightness(4)}}.game__logo{animation:gameLogoFadeOut 5s ease-in forwards}@keyframes gameLogoFadeOut{0%{opacity:1}to{opacity:0;transform:scale(.4)}}.game__countdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);width:fit-content;position:absolute;top:40%;left:50%;transform:translate(-50%);will-change:transform,opacity;display:none}.game__countdown--animate{animation:gameCountdownSlideUp 6s ease-in-out forwards}.game__countdown--active{display:block}@keyframes gameCountdownSlideUp{0%{transform:translate(-50%);opacity:1}80%{transform:translate(-50%,-24vh);opacity:1}95%{transform:translate(-50%,-24vh);opacity:0}to{transform:translate(-50%,-24vh);opacity:0}}.game{display:none;flex-direction:column;width:100%;max-width:100%}.game--active{display:flex}.d-none{display:none!important}.invisible{opacity:0!important}.sizing-large{width:30rem;max-width:calc(100vw - 2rem)}.floating{position:absolute;top:0;left:0}.pulsing{animation:pulse 1s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}