@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);
@-webkit-keyframes shot{75%{width:5rem;background-color:#fefefe;border-color:#fefefe}100%{width:30%;background-color:rgba(255,0,0,.85);border-color:rgba(255,0,0,.5);transform:rotate(-315deg)}}@keyframes shot{75%{width:5rem;background-color:#fefefe;border-color:#fefefe}100%{width:30%;background-color:rgba(255,0,0,.85);border-color:rgba(255,0,0,.5);transform:rotate(-315deg)}}@-webkit-keyframes miss{75%{width:5rem;background-color:#fefefe;border-color:#fefefe}100%{width:30%;background-color:rgba(0,153,255,.85);border-color:rgba(0,153,255,.5);transform:rotate(-315deg)}}@keyframes miss{75%{width:5rem;background-color:#fefefe;border-color:#fefefe}100%{width:30%;background-color:rgba(0,153,255,.85);border-color:rgba(0,153,255,.5);transform:rotate(-315deg)}}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:0}50%{transform:scale(1.25);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:0}50%{transform:scale(1.25);opacity:1}100%{transform:scale(0);opacity:0}}@-webkit-keyframes bleep{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes bleep{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@-webkit-keyframes scaleDrop{0%{opacity:0;visibility:hidden;transform:scale(0)}80%{opacity:1;visibility:visible;transform:scale(1.2)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes scaleDrop{0%{opacity:0;visibility:hidden;transform:scale(0)}80%{opacity:1;visibility:visible;transform:scale(1.2)}100%{opacity:1;visibility:visible;transform:scale(1)}}@-webkit-keyframes typewriter{0%{max-width:0;color:#fff}100%{max-width:100%;color:#fff}}@keyframes typewriter{0%{max-width:0;color:#fff}100%{max-width:100%;color:#fff}}@-webkit-keyframes blink{0%{background-color:#fff}50%{background-color:rgba(0,0,0,0)}100%{background-color:#fff}}@keyframes blink{0%{background-color:#fff}50%{background-color:rgba(0,0,0,0)}100%{background-color:#fff}}@-webkit-keyframes sweep{to{transform:rotate(360deg)}}@keyframes sweep{to{transform:rotate(360deg)}}@-webkit-keyframes enemyTurn{0%{transform:scale(1)}50%{transform:scale(1.0125)}100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}@keyframes enemyTurn{0%{transform:scale(1)}50%{transform:scale(1.0125)}100%{transform:scale(1)}}@-webkit-keyframes seepAgent{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes seepAgent{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@-webkit-keyframes seepEnemy{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes seepEnemy{0%{transform:translateX(100%)}100%{transform:translateX(-50%)}}@-webkit-keyframes pop{0%{opacity:.25;transform:scale(0) translate(-50%, -50%)}80%{opacity:1;transform:scale(1.1) translate(-50%, -50%)}100%{opacity:1;transform:scale(1) translate(-50%, -50%)}}@keyframes pop{0%{opacity:.25;transform:scale(0) translate(-50%, -50%)}80%{opacity:1;transform:scale(1.1) translate(-50%, -50%)}100%{opacity:1;transform:scale(1) translate(-50%, -50%)}}@-webkit-keyframes grow{0%{width:12.5rem}100%{width:100%}}@keyframes grow{0%{width:12.5rem}100%{width:100%}}@-webkit-keyframes shrink{0%{width:100%}100%{width:12.5rem}}@keyframes shrink{0%{width:100%}100%{width:12.5rem}}@-webkit-keyframes opacityShow{0%{opacity:0}100%{opacity:1}}@keyframes opacityShow{0%{opacity:0}100%{opacity:1}}.play-now-button,.github-button{will-change:transform}.play-now-button{display:flex;justify-content:center;align-items:center;mask-size:100%;-webkit-mask-size:100%;position:relative;width:100%;min-width:0;aspect-ratio:4/1;margin:0 auto;border:none;background-color:rgba(0,0,0,0);cursor:crosshair;mask:url(../img/battleshipXd56e5a89beb359219e25.svg) no-repeat 50% 50%;-webkit-mask:url(../img/battleshipXd56e5a89beb359219e25.svg) no-repeat 50% 50%}.play-now-button:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;transition:all ease;transition-duration:.3s}.play-now-button:hover:after,.play-now-button:focus:after{transition-duration:2s;box-shadow:0px 1.25rem .9375rem 1.375rem rgba(0,0,0,.3019607843)}.play-now-button .text-play-button{position:absolute;left:50%;bottom:0;width:100%;line-height:2.5;font-size:min(.5rem + .5vw,.95rem);letter-spacing:.1875rem;text-align:center;color:#fff;transform:translate(-50%);transition:color .8s ease;padding:0;margin:0}.play-now-button:hover .text-play-button,.play-now-button:focus .text-play-button{color:#000}.play-now-button:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;height:100%;width:0;background-color:#fff;transform:translate(-50%, -50%);transition:width .8s ease}.play-now-button:hover:before,.play-now-button:focus:before{width:100%}.github-button{display:flex;flex-direction:column;justify-content:center;background-color:rgba(0,0,0,.75);position:relative;z-index:1;padding:1em 1.5em;margin-top:1rem;outline:none;border:none;border-radius:.625em;font-size:min(.5rem + .5vw,.95rem);letter-spacing:.1875rem;color:#fff;overflow:hidden;transition:color .5s;cursor:pointer}.github-button:hover,.github-button:focus{color:rgba(0,0,0,0)}.github-button:before{content:"";background:#fff url(../img/github1c7781e217325ebdc890.svg) center center/contain no-repeat;position:absolute;z-index:2;left:-20%;right:-20%;top:0;bottom:0;transform:scale(0);transition:all .5s}.github-button:after{content:"";background:#fff;position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(0) scale(0, 1);transition:all .5s}.github-button:hover::before,.github-button:hover:after,.github-button:focus::before,.github-button:focus:after{transition:all .5s}.github-button:hover::before,.github-button:focus::before{transform:scale(0.6)}.github-button:hover:after,.github-button:focus:after{transform:skewX(-45deg) scale(1, 1)}.name-form{margin:0 auto;position:relative;max-width:80%}.name-form .name-input{position:relative;width:100%;padding-inline:.5em;padding-block:.7em;border:none;border-bottom:.1rem solid rgba(255,255,255,.6509803922);font-size:min(.6rem + .6vw,1rem);color:#fff;background-color:rgba(0,0,0,0)}.name-form .name-input::-webkit-input-placeholder{color:rgba(255,255,255,.6509803922)}.name-form .name-input::-moz-placeholder{color:rgba(255,255,255,.6509803922)}.name-form .name-input:-ms-input-placeholder{color:rgba(255,255,255,.6509803922)}.name-form .name-input::-ms-input-placeholder{color:rgba(255,255,255,.6509803922)}.name-form .name-input::placeholder{color:rgba(255,255,255,.6509803922)}.name-form .name-input:hover,.name-form .name-input:focus{outline:none;background:rgba(0,0,0,.2)}.name-form .name-input:focus~.input-border{width:100%}.name-form .input-border{position:absolute;background:#fff;width:0%;height:.125rem;bottom:0;left:0;transition:.3s}.pregame-card{background-color:rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:28.125rem;padding:min(10%,3rem) min(10%,3rem);border:.125rem solid rgba(0,0,0,0);border-radius:1rem;box-shadow:0 0 30px .0625rem rgba(0,0,0,.3019607843);text-align:center;transition:border-color .5s;aspect-ratio:10/8}.pregame-card:hover{border:.125rem solid #000}.pregame-card h1{position:relative;line-height:1;font-family:"Anton",sans-serif;font-size:5rem;letter-spacing:.1rem;color:rgba(0,0,0,0)}.pregame-card h1::before{content:"";position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;background:url(../img/title1e4edb1207f9e23ac4f3.svg) no-repeat center;background-size:contain;pointer-events:none}.pregame-card .name-form{position:relative;top:5%}@media screen and (max-width: 30rem){.pregame-card h1{font-size:3rem}}button{outline:none}button:focus,.ship-card:focus{outline:.125rem solid skyblue;outline-offset:.125rem}button:focus:not(:focus-visible),.ship-card:focus:not(:focus-visible){outline:none}.enemy-win+.new-game-button:focus{outline-color:#f3a640}.axis-button-container{display:flex;justify-content:center;align-items:center;grid-column:1/3;gap:min(10%,2rem)}.axis-button,.reset-button,.continue-button,.new-game-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;min-width:0;margin:0;padding:.75em 3em;border:.0625rem solid #fff;border-radius:.5rem;font-family:inherit;font-size:min(.5rem + 1vw,1rem);text-align:center;color:#fff;background-color:rgba(0,0,0,0);transition:all 300ms cubic-bezier(0.23, 1, 0.32, 1);cursor:pointer}.continue-button.disabled{border-color:rgba(255,255,255,.6509803922);color:rgba(255,255,255,.6509803922);pointer-events:all;cursor:not-allowed}.continue-button.disabled:active{pointer-events:none;background-color:rgba(207,64,64,.5019607843)}.axis-button:hover,.reset-button:hover,.continue-button.enabled:hover,.new-game-button:hover{box-shadow:rgba(0,0,0,.25) 0 .5rem .9375rem;transform:translateY(-0.125rem)}.axis-button:active,.reset-button:active,.continue-button.active:active,.new-game-button:active,.axis-button.selected{color:#000;background-color:#fff}.board.friendly .map-title{color:skyblue}.board.enemy .map-title{color:#f3a640}.board{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;max-width:600px;border-radius:.5rem}.board .map-title-container .map-title{text-align:right;font-size:min(.5rem + 1vw,1.25rem);margin-bottom:.5rem;padding-right:.5rem}.board .axis-button-container{order:1;grid-column:1/3;margin-bottom:1rem}.board .letter-container,.board .number-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:min(.2rem + 1.25vw,.85rem)}.board .letter-container{display:flex;justify-content:space-around;order:2;grid-column:2/3;margin-bottom:.5rem}.board .number-container{display:flex;flex-direction:column;justify-content:space-around;order:3;grid-column:1/2;margin-right:.5rem}.board .field-container{order:4;position:relative;z-index:0;grid-column:2/3;display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:repeat(10, 1fr);aspect-ratio:1/1;border-collapse:collapse;background-repeat:no-repeat;overflow:hidden;background-image:url(../img/gridcc5276b8bdcda775337c.svg),radial-gradient(circle, rgba(2, 0, 36, 0) 15%, rgba(112, 205, 241, 0.1012780112) 60%, rgba(112, 205, 241, 0.249737395) 85%, rgba(112, 205, 241, 0.4037990196) 100%)}.board .field-container::before{content:"";position:absolute;z-index:1;display:block;top:50%;left:50%;height:min(1rem + 1vw,2.25rem);width:min(1rem + 1vw,2.25rem);border-radius:100%;transform-origin:top left;background:url(../img/cross640f2e18a69b8f2bf893.svg) center/cover no-repeat;transform:rotate(45deg) translate(-50%, -50%);-webkit-filter:invert(67%) sepia(88%) saturate(286%) hue-rotate(164deg) brightness(96%) contrast(97%);filter:invert(67%) sepia(88%) saturate(286%) hue-rotate(164deg) brightness(96%) contrast(97%)}.board .field-container::after{display:block;content:"";position:absolute;z-index:-1;box-sizing:border-box;inset:unset;top:-50%;left:-50%;margin:0 auto;border-right:solid .0625rem rgba(80,125,143,.3137254902);width:100%;height:100%;border-radius:100% 0 0 0;transform-origin:100% 100%;background:linear-gradient(50deg, rgba(34, 34, 34, 0) 56%, #70cdf1);-webkit-animation:sweep 3.5s infinite linear;animation:sweep 3.5s infinite linear;pointer-events:none}.board .field-container img{-webkit-filter:invert(67%) sepia(88%) saturate(286%) hue-rotate(164deg) brightness(96%) contrast(97%);filter:invert(67%) sepia(88%) saturate(286%) hue-rotate(164deg) brightness(96%) contrast(97%)}.board .field-container .field{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;position:relative}.board .field-container .field.no-drop,.board .field-container .field.no-drop *{pointer-events:none}.board .field-container .field.hovering{background-color:rgba(135,207,235,.5019607843)}.board .field-container .field.hovering.red{background-color:rgba(207,64,64,.5019607843)}.board .field-container .field:hover{background-color:rgba(255,255,255,.25)}.board .field-container .ship-image-container{position:relative;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform-origin:center}.board .field-container .ship-image-container.bleep{animation:bleep 3.5s infinite linear;-webkit-animation:bleep 3.5s infinite linear}.board .field-container .ship-image-container img{position:relative;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;animation:scaleDrop .25s linear forwards;-webkit-animation:scaleDrop .25s linear forwards}.disabled{pointer-events:none}@media screen and (max-width: 30rem){.board .field-container{border-width:.0625rem 0 0 .0625rem}.board .field-container .field{border-width:0 .0625rem .0625rem 0}}.fleet-setup{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;border-radius:.5rem}.ship-card{display:flex;justify-content:center;align-items:center;flex:1;position:relative;max-width:9.375rem;min-width:6.25rem;margin:calc(.25rem + .5vw);padding:.25rem;border:.125rem solid #fff;border-radius:.5rem;background:rgba(0,0,0,0);font-family:inherit;color:#fff;background:#000;box-shadow:skyblue 0px 0px 10px 0px;transition:all .05s linear,visibility .01s linear;-webkit-filter:brightness(0.5);filter:brightness(0.5)}.ship-card:focus{box-shadow:none;-webkit-filter:brightness(1);filter:brightness(1)}.ship-card:focus .ship-content{position:relative;z-index:1;pointer-events:none}.ship-card:focus .ship-content .ship-image{position:relative;z-index:2;-webkit-filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(8deg) brightness(100%) contrast(104%);filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(8deg) brightness(100%) contrast(104%)}.ship-card.hidden{background-color:rgba(0,0,0,.75);box-shadow:none;pointer-events:none;opacity:.5;-webkit-filter:brightness(0.5);filter:brightness(0.5)}.ship-card.hidden::before,.ship-card.hidden::after{background:rgba(0,0,0,0)}.ship-card.hidden .ship-content{visibility:hidden}.ship-card .ship-content img{height:min(1rem + 1.5vw,2rem);max-width:100%;-webkit-filter:invert(100%) sepia(8%) saturate(37%) hue-rotate(328deg) brightness(105%) contrast(100%);filter:invert(100%) sepia(8%) saturate(37%) hue-rotate(328deg) brightness(105%) contrast(100%);pointer-events:none;position:relative;z-index:3}.ship-card .ship-content .ship-name{position:relative;z-index:3;font-size:.85rem}.ship-card[data-ship-name=carrier]{order:1}.ship-card[data-ship-name=carrier] img{aspect-ratio:4/1}.ship-card[data-ship-name=battleship]{order:2}.ship-card[data-ship-name=battleship] img{aspect-ratio:3.5/1}.ship-card[data-ship-name=cruiser]{order:3}.ship-card[data-ship-name=cruiser] img{aspect-ratio:3/1}.ship-card[data-ship-name=submarine]{order:4}.ship-card[data-ship-name=submarine] img{aspect-ratio:3/1}.ship-card[data-ship-name=destroyer]{order:5}.ship-card[data-ship-name=destroyer] img{aspect-ratio:2/1}.ship-card:before,.ship-card:after{content:"";position:absolute;z-index:-1;background:#000;transition:all .2s linear,visibility .01s linear}.ship-card:before{width:calc(100% + .375rem);height:calc(100% - 1rem);top:.5rem;left:-0.1875rem}.ship-card:after{width:calc(100% - 1rem);height:calc(100% + .375rem);top:-0.1875rem;left:.5rem}.ship-card:hover:before,.ship-card:focus:before{height:calc(100% - 2rem);top:1rem}.ship-card:hover:after,.ship-card:focus:after{width:calc(100% - 2rem);left:1rem}.ship-card:active{transform:scale(0.95)}.ship-card:hover{cursor:-webkit-grab;cursor:grab}@media screen and (max-width: 30rem){.ship-card[data-ship-name=carrier]{order:5}.ship-card[data-ship-name=battleship]{order:4}.ship-card[data-ship-name=cruiser]{order:3}.ship-card[data-ship-name=submarine]{order:2}.ship-card[data-ship-name=destroyer]{order:1}}.setup-wrapper{width:100%}.setup-wrapper>*{border-radius:.5rem}.message.setup,.reset-continue-section{background-color:rgba(0,0,0,.75)}.message.setup{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;max-width:46.875rem;margin:0 auto .5rem auto;padding:1rem;font-size:min(.5rem + 1vw,1rem)}.message.setup .message-image{height:min(1.25rem + 2vw,2.75rem)}.message.setup .message-container{display:inline;text-align:start}.message.setup .message-container .message-agent{display:inline;color:skyblue}.message.setup .message-container .typed-cursor{position:relative;left:.0625rem;bottom:-0.1875rem;display:inline-block;width:.5rem;height:1rem;color:rgba(0,0,0,0);background-color:skyblue;overflow:hidden;-webkit-animation-duration:1.5s;animation-duration:1.5s}.setup-container{background-color:rgba(0,0,0,.75);max-width:46.875rem;margin:0 auto;padding:1rem}.board-fleet-container{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.reset-continue-section{display:flex;justify-content:center;align-items:center;gap:min(10%,2rem);max-width:46.875rem;margin:.5rem auto 0 auto;padding:1rem}@media screen and (max-width: 30rem){.app.setup .setup-container .board-fleet-container{display:flex;flex-direction:column}.app.setup .setup-container .board-fleet-container .fleet-setup{flex-direction:row}}.battle-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:1rem;margin:0 auto;max-width:75rem}.battle-wrapper .board.friendly,.battle-wrapper .board.enemy{background-color:rgba(0,0,0,.75);padding:1rem}.battle-wrapper .board.friendly .map-title-container,.battle-wrapper .board.enemy .map-title-container{order:1;grid-column:2/3}.battle-wrapper .field-container.field-container-enemy{background:url(../img/gridcc5276b8bdcda775337c.svg),radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgba(243, 166, 64, 0.1544992997) 60%, rgba(243, 166, 64, 0.2525385154) 85%, rgba(243, 166, 64, 0.3981967787) 100%)}.battle-wrapper .field-container.field-container-enemy::before{-webkit-filter:invert(87%) sepia(18%) saturate(3703%) hue-rotate(325deg) brightness(96%) contrast(98%) !important;filter:invert(87%) sepia(18%) saturate(3703%) hue-rotate(325deg) brightness(96%) contrast(98%) !important}.battle-wrapper .field-container.field-container-enemy img{-webkit-filter:invert(63%) sepia(99%) saturate(360%) hue-rotate(343deg) brightness(98%) contrast(94%);filter:invert(63%) sepia(99%) saturate(360%) hue-rotate(343deg) brightness(98%) contrast(94%)}.battle-wrapper .field-container::after{display:none}.battle-wrapper .field-container .map-title-container .map-title{font-size:min(.5rem + 1vw,1.125rem);color:#f3a640}.battle-wrapper .field-container .field{position:relative;cursor:crosshair}.battle-wrapper .field-container .field::before{content:"";position:absolute;z-index:1;transform:translate(-37.5rem, -40.625rem) rotate(-315deg);height:30%;width:12.5rem;border:.1875rem solid #fefefe;border-radius:1rem;background-color:#fefefe;opacity:1;transition:all .15s cubic-bezier(0.7, 0.03, 0.85, 0.43)}.battle-wrapper .field-container .field::after{content:"";position:absolute;z-index:1;height:100%;width:100%;border-radius:100%;opacity:0}.battle-wrapper .field-container .field.hit::before{animation:shot .35s .175s 1;-webkit-animation:shot .35s .175s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.battle-wrapper .field-container .field.hit::after{background-color:rgba(255,0,0,.5);animation:ripple .5s .2s 1;-webkit-animation:ripple .5s .2s 1;animation-delay:.35s;-webkit-animation-delay:.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.battle-wrapper .field-container .field.miss::before{animation:miss .35s .175s 1;-webkit-animation:miss .35s .175s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.battle-wrapper .field-container .field.miss::after{background-color:rgba(0,153,255,.5);animation:ripple .5s .2s 1;-webkit-animation:ripple .5s .2s 1;animation-delay:.35s;-webkit-animation-delay:.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.battle-wrapper .message.battle{display:flex;justify-content:flex-start;align-items:center;background-color:rgba(0,0,0,.75);width:100%;grid-column:1/3;gap:.5rem;padding:1rem;border-radius:.5rem;font-size:min(.5rem + 1vw,1rem);transition:all .6s}.battle-wrapper .message.battle.agent .message-container .message-agent{color:skyblue}.battle-wrapper .message.battle.agent .message-container .typed-cursor{background-color:skyblue}.battle-wrapper .message.battle.enemy{justify-content:end}.battle-wrapper .message.battle.enemy .message-image{order:2}.battle-wrapper .message.battle.enemy .message-container{order:1}.battle-wrapper .message.battle.enemy .message-container .message-enemy{color:#f3a640}.battle-wrapper .message.battle.enemy .message-container .typed-cursor{background-color:#f3a640}.battle-wrapper .message.battle .message-image{height:min(1.25rem + 2vw,2.75rem)}.battle-wrapper .message.battle .message-container{display:inline;text-align:start}.battle-wrapper .message.battle .message-container .message-agent,.battle-wrapper .message.battle .message-container .message-enemy{display:inline}.battle-wrapper .message.battle .message-container .typed-cursor{position:relative;left:.0625rem;bottom:-0.1875rem;display:inline-block;width:.5rem;height:1rem;color:rgba(0,0,0,0);overflow:hidden;-webkit-animation-duration:1.5s;animation-duration:1.5s}.message.battle.on-turn{-webkit-animation:enemyTurn .6s ease forwards;animation:enemyTurn .6s ease forwards}.message.battle.on-turn.agent .message-container .message-agent,.message.battle.on-turn.agent .message-container .message-enemy,.message.battle.on-turn.enemy .message-container .message-agent,.message.battle.on-turn.enemy .message-container .message-enemy{color:#000}.message.battle.on-turn.agent .message-container .typed-cursor,.message.battle.on-turn.enemy .message-container .typed-cursor{background-color:#000}.message.battle.agent{position:relative;overflow:hidden}.message.battle.agent::after{content:"";position:absolute;z-index:-1;height:100%;width:100%;inset:0;width:200%;background-position:left;background:skyblue;background:linear-gradient(90deg, rgb(135, 206, 235) 0%, rgba(135, 206, 235, 0.8029586835) 20%, rgba(135, 206, 235, 0.6040791317) 40%, rgba(135, 206, 235, 0.4023984594) 60%, rgba(135, 206, 235, 0.1951155462) 80%, rgba(135, 206, 235, 0) 100%);transform:translateX(-100%)}.message.battle.enemy{position:relative;overflow:hidden}.message.battle.enemy::after{content:"";position:absolute;z-index:-1;height:100%;width:100%;inset:0;width:200%;background-position:left;background:#f3a640;background:linear-gradient(90deg, rgba(243, 166, 64, 0) 0%, rgba(243, 166, 64, 0.2021183473) 20%, rgba(243, 166, 64, 0.4037990196) 40%, rgba(243, 166, 64, 0.6026785714) 60%, rgba(243, 166, 64, 0.7987570028) 80%, rgb(243, 166, 64) 100%);transform:translateX(100%)}.message.battle.enemy .message-container{text-align:end}.message.battle.agent.on-turn::after{-webkit-animation:seepAgent 1s 1 forwards;animation:seepAgent 1s 1 forwards}.message.battle.enemy.on-turn::after{-webkit-animation:seepEnemy 1s 1 forwards;animation:seepEnemy 1s 1 forwards}@media screen and (max-width: 48rem){.battle-wrapper{display:grid;grid-template-rows:auto;align-items:center;justify-items:start}.battle-wrapper .board.enemy{margin-left:auto}.battle-wrapper .board{max-width:25rem;grid-column:1/3}}@media screen and (max-width: 30rem){.battle-wrapper{gap:.5rem}.battle-wrapper .board.friendly{width:12.5rem;margin-right:auto}.battle-wrapper .board.friendly.off-turn{-webkit-animation:grow 1.5s 1 forwards;animation:grow 1.5s 1 forwards}.battle-wrapper .board.friendly.on-turn{-webkit-animation:shrink 1.5s 1 forwards;animation:shrink 1.5s 1 forwards}.battle-wrapper .board.enemy.off-turn{-webkit-animation:grow 1.5s 1 forwards;animation:grow 1.5s 1 forwards}.battle-wrapper .board.enemy.on-turn{-webkit-animation:shrink 1.5s 1 forwards;animation:shrink 1.5s 1 forwards}}.win-modal-container{display:flex;flex-direction:column;justify-content:center;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;z-index:10;top:50%;left:50%;align-items:center;width:min(30rem,80%);aspect-ratio:1/1;gap:1rem;padding:2rem;transform:translate(-50%, -50%);border-radius:2rem !important;transform-origin:top left;-webkit-animation:pop .5s 1 forwards;animation:pop .5s 1 forwards}.win-modal-container .title-agent-win,.win-modal-container .title-enemy-win{font-size:2rem;font-style:italic;font-weight:400;text-align:center}.win-modal-container .title-agent-win{color:skyblue}.win-modal-container .title-enemy-win{color:#f3a640}.win-modal-container .message.battle.enemy-win,.win-modal-container .message.battle.agent-win{max-width:18.75rem}.win-modal-container .message.battle.enemy-win img,.win-modal-container .message.battle.agent-win img{height:3rem;margin-bottom:1rem}.win-modal-container .message.battle.enemy-win .typed-cursor,.win-modal-container .message.battle.agent-win .typed-cursor{position:relative;left:1px;bottom:-3px;display:inline-block;width:.5rem;height:1rem;color:rgba(0,0,0,0);overflow:hidden;-webkit-animation-duration:1.5s;animation-duration:1.5s}.win-modal-container .message.battle{display:flex;flex-direction:column;align-items:center}.win-modal-container .message.battle .message-container{text-align:center}.win-modal-container .message.battle .message-container .message-agent-win,.win-modal-container .message.battle .message-container .message-enemy-win{display:inline;width:100%;font-size:min(.5rem + 1vw,1.125rem);color:#f3a640}.win-modal-container .message.battle .message-container .message-agent-win{color:skyblue}.win-modal-container .message.battle .message-container .message-agent-win+.typed-cursor{font-size:min(.5rem + 1vw,1rem);background-color:skyblue}.win-modal-container .message.battle .message-container .message-enemy-win{color:#f3a640}.win-modal-container .message.battle .message-container .message-enemy-win+.typed-cursor{font-size:min(.5rem + 1vw,1rem);background-color:#f3a640}.win-modal-container.enemy{box-shadow:#f3a640 0 0 2rem}.win-modal-container.player{box-shadow:skyblue 0 0 2rem}.win-overlay{height:100%;width:100%;background-color:rgba(0,0,0,.75);position:absolute;z-index:5;-webkit-animation:opacityShow .5s 1 forwards;animation:opacityShow .5s 1 forwards}:root{color-scheme:light dark;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#03254c}body{background:url(../img/worldMap86acb71de180e9befa87.svg) bottom/cover no-repeat;overflow-x:hidden}h1,button,a,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}.app{display:flex;justify-content:center;align-items:center;position:relative;text-align:center;padding:1rem}.app.pregame{display:flex;flex-direction:column;justify-content:center;min-height:100vh;max-height:100vh;padding:2rem}.app.setup,.app.battle{position:relative;min-height:100vh;max-height:100%;width:100%;margin:0 auto}.app.setup>*,.app.battle>*{border-radius:.5rem}