.background{border:1px dashed var(--primary-color-50);z-index:-100;border-radius:50%;width:100vmax;height:100vmax;margin:auto;position:fixed;inset:0;overflow:hidden}.background:before{content:"";border:1px dashed var(--primary-color-50);border-radius:50%;width:66%;height:66%;position:absolute;top:17%;left:17%}.background:after{content:"";border:1px dashed var(--primary-color-50);border-radius:50%;width:33%;height:33%;position:absolute;top:33%;left:33%}.background_radar{border-right:1px dashed var(--primary-color-50);transform-origin:100% 100%;background:linear-gradient(52deg, transparent 55%, var(--primary-color-100) 100%);width:50%;height:50%;animation:10s linear infinite radarAnimation;position:absolute;top:0;left:0}@keyframes radarAnimation{to{transform:rotate(360deg)}}.background_ship-first,.background_ship-second,.background_ship-third{border:1px solid var(--primary-color-50);border-radius:50%;width:60px;height:60px;animation:10s infinite shipFirstAnimation;position:absolute;top:45%;left:10%;overflow:hidden}.background_ship-first:before,.background_ship-second:before,.background_ship-third:before{content:"";border:1px solid var(--primary-color-50);border-radius:50%;width:66%;height:66%;position:absolute;top:calc(17% - .5px);left:calc(17% - .5px)}.background_ship-first:after,.background_ship-second:after,.background_ship-third:after{content:"";border:1px solid var(--primary-color-50);border-radius:50%;width:33%;height:33%;position:absolute;top:calc(33% - .5px);left:calc(33% - .5px)}@keyframes shipFirstAnimation{0%{opacity:0}75%{opacity:0;transform:scale(1)}85%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.background_ship-second{width:50px;height:50px;animation:10s infinite shipSecondAnimation;top:55%;left:70%}@keyframes shipSecondAnimation{0%{opacity:0}29%{opacity:0;transform:scale(1)}39%{opacity:1;transform:scale(2)}69%{opacity:0;transform:scale(1)}to{opacity:0}}.background_ship-third{width:70px;height:70px;animation:10s infinite shipThirdAnimation;top:30%;left:85%}@keyframes shipThirdAnimation{0%{opacity:0}17%{opacity:0;transform:scale(1)}27%{opacity:1;transform:scale(1.5)}57%{opacity:0;transform:scale(1)}to{opacity:0}}.header{background:linear-gradient(90deg, var(--background-color-100) 0%, var(--primary-color-50) 100%);border-bottom:1px dotted var(--primary-color-100);z-index:100}.header_content{justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:15px 40px;display:flex;position:relative}.header_logo{color:var(--text-color-100);text-transform:uppercase;background:linear-gradient(to right, var(--text-color-50) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--text-color-50) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--text-color-50) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--text-color-50) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--text-color-50) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--text-color-50) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--text-color-50) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--text-color-50) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:64px 12px;background-color:var(--primary-color-25);border-radius:4px;margin:16px 0;padding:6px 12px 4px;font-weight:100;transition:all .3s ease-in-out;position:relative;transform:rotate(-2deg)}.header_logo:hover{transform:scale(1.05)}.header_online{color:var(--primary-color-100);font-size:16px;position:absolute;bottom:-20px;left:0}.header_link{text-decoration:none}.header_burger{cursor:pointer;z-index:200;width:30px;height:20px;display:none;position:absolute;top:44px;right:40px}.header_burger:before,.header_burger:after{content:"";background-color:var(--primary-color-100);width:100%;height:2px;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.header_burger:after{top:100%}.header_burger.open{position:fixed}.header_burger.open:before{top:50%;transform:rotate(405deg)}.header_burger.open:after{top:50%;transform:rotate(-405deg)}.logo-image{margin-left:60px;position:relative}.logo-image:before{content:"";background-color:var(--text-color-100);width:52px;height:52px;transition:all 1s ease-in-out;animation:6s infinite logoAnimation;position:absolute;top:-8px;left:-57px;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2021.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='256px'%20height='256px'%20viewBox='0%200%20256%20256'%20style='enable-background:new%200%200%20256%20256;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M128,10C62.8,10,10,62.8,10,128s52.8,118,118,118s118-52.8,118-118S193.2,10,128,10z%20M128,236%20c-59.6,0-108-48.4-108-108S68.4,20,128,20s108,48.4,108,108S187.6,236,128,236z'/%3e%3crect%20x='122.9'%20class='st0'%20width='10.2'%20height='64'/%3e%3crect%20x='192'%20y='122.9'%20class='st0'%20width='64'%20height='10.2'/%3e%3crect%20y='122.9'%20class='st0'%20width='64'%20height='10.2'/%3e%3crect%20x='122.9'%20y='192'%20class='st0'%20width='10.2'%20height='64'/%3e%3cpath%20class='st0'%20d='M118,40.6V30.5C71.9,35.2,35.2,71.9,30.5,118h10.1C45.2,77.4,77.4,45.2,118,40.6z'/%3e%3cpath%20class='st0'%20d='M118,225.5v-10.1c-40.6-4.6-72.8-36.8-77.4-77.4H30.5C35.2,184.1,71.9,220.8,118,225.5z'/%3e%3cpath%20class='st0'%20d='M138,215.4v10.1c46.1-4.7,82.8-41.4,87.5-87.5h-10.1C210.8,178.6,178.6,210.8,138,215.4z'/%3e%3cpath%20class='st0'%20d='M138,30.5v10.1c40.6,4.6,72.8,36.8,77.4,77.4h10.1C220.8,71.9,184.1,35.2,138,30.5z'/%3e%3crect%20x='91.5'%20y='78.1'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-38.9605%2094.0589)'%20class='st0'%20width='5.1'%20height='32'/%3e%3crect%20x='145.9'%20y='91.5'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-19.0782%20142.0589)'%20class='st0'%20width='32'%20height='5.1'/%3e%3crect%20x='78.1'%20y='159.4'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-86.9605%20113.9411)'%20class='st0'%20width='32'%20height='5.1'/%3e%3crect%20x='159.4'%20y='145.9'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-67.0782%20161.9411)'%20class='st0'%20width='5.1'%20height='32'/%3e%3ccircle%20class='st0'%20cx='128'%20cy='128'%20r='5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2021.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='256px'%20height='256px'%20viewBox='0%200%20256%20256'%20style='enable-background:new%200%200%20256%20256;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M128,10C62.8,10,10,62.8,10,128s52.8,118,118,118s118-52.8,118-118S193.2,10,128,10z%20M128,236%20c-59.6,0-108-48.4-108-108S68.4,20,128,20s108,48.4,108,108S187.6,236,128,236z'/%3e%3crect%20x='122.9'%20class='st0'%20width='10.2'%20height='64'/%3e%3crect%20x='192'%20y='122.9'%20class='st0'%20width='64'%20height='10.2'/%3e%3crect%20y='122.9'%20class='st0'%20width='64'%20height='10.2'/%3e%3crect%20x='122.9'%20y='192'%20class='st0'%20width='10.2'%20height='64'/%3e%3cpath%20class='st0'%20d='M118,40.6V30.5C71.9,35.2,35.2,71.9,30.5,118h10.1C45.2,77.4,77.4,45.2,118,40.6z'/%3e%3cpath%20class='st0'%20d='M118,225.5v-10.1c-40.6-4.6-72.8-36.8-77.4-77.4H30.5C35.2,184.1,71.9,220.8,118,225.5z'/%3e%3cpath%20class='st0'%20d='M138,215.4v10.1c46.1-4.7,82.8-41.4,87.5-87.5h-10.1C210.8,178.6,178.6,210.8,138,215.4z'/%3e%3cpath%20class='st0'%20d='M138,30.5v10.1c40.6,4.6,72.8,36.8,77.4,77.4h10.1C220.8,71.9,184.1,35.2,138,30.5z'/%3e%3crect%20x='91.5'%20y='78.1'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-38.9605%2094.0589)'%20class='st0'%20width='5.1'%20height='32'/%3e%3crect%20x='145.9'%20y='91.5'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-19.0782%20142.0589)'%20class='st0'%20width='32'%20height='5.1'/%3e%3crect%20x='78.1'%20y='159.4'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-86.9605%20113.9411)'%20class='st0'%20width='32'%20height='5.1'/%3e%3crect%20x='159.4'%20y='145.9'%20transform='matrix(0.7071%20-0.7071%200.7071%200.7071%20-67.0782%20161.9411)'%20class='st0'%20width='5.1'%20height='32'/%3e%3ccircle%20class='st0'%20cx='128'%20cy='128'%20r='5'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.burger-icon{background-color:var(--primary-color-100);width:100%;height:2px;position:absolute;top:50%;left:0}.burger-icon.open{opacity:0}@keyframes logoAnimation{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.navigation_list{padding:0;list-style:none;display:flex}.navigation_item{color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);cursor:pointer;border-radius:4px;margin-left:40px;font-size:20px;transition:all .3s ease-in-out;position:relative}.navigation_item:hover{color:var(--text-color-100);background-size:100% 8px;background-color:var(--primary-color-50);transform:scale(1.2)}.navigation_item.item-dropdown:hover .navigation_dropdown{display:block}@media (width<=1280px){.navigation_item{margin-left:20px}}.navigation_link{color:var(--primary-color-100);padding:2px 10px;text-decoration:none;transition:all .3s ease-in-out}.navigation_link:hover,.navigation_link.active{color:var(--text-color-100)}.navigation_dropdown{border-left:2px dashed var(--primary-color-100);padding:10px 0 0;list-style:none;display:none;position:absolute;top:15px;left:0}.dropdown-item{white-space:nowrap;text-align:center;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);cursor:pointer;border-radius:4px;margin:10px;transition:all .3s ease-in-out}.dropdown-item:hover{color:var(--text-color-100);background-size:100% 8px;background-color:var(--primary-color-50)}@media (width<=1040px){.header_logo{transform:rotate(0)}.header_burger{display:block}.header_navigation{background-color:var(--background-color-100);z-index:100;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.header_navigation.visible{display:flex}.navigation_list{flex-direction:column;margin:100px auto}.navigation_item{text-align:center;margin:20px auto}.navigation_dropdown{border:none;padding:0;display:block;position:relative;top:0}}.link-login{color:var(--text-color-100);white-space:nowrap;text-overflow:ellipsis;width:100px;font-size:16px;position:absolute;bottom:-20px;left:0;overflow:hidden}@media (width<=480px){.header_content{padding:6px 20px}.header_logo{font-size:20px}.header_burger{width:24px;height:16px;top:30px;right:24px}.header_online{font-size:12px;position:absolute;bottom:-18px;left:0}.logo-image{margin-left:40px}.logo-image:before{width:36px;height:36px;top:-7px;left:-39px}}.footer{color:var(--primary-color-100);background:linear-gradient(90deg, var(--primary-color-50) 0%, var(--background-color-100) 100%);border-top:1px dotted var(--primary-color-100);margin-top:auto}.footer_authors{flex-direction:column;justify-content:space-around;align-items:center;width:360px;height:60px;margin:20px;display:flex}.footer_title{margin:0;font-weight:100}.footer_school{justify-content:center;align-items:center;width:300px;height:60px;display:flex}.footer_copyright{text-align:center;width:300px;font-weight:100}.footer_content{justify-content:space-between;align-items:center;width:100%;max-width:1440px;min-height:120px;margin:0 auto;padding:0 40px;display:flex}.authors-list{margin:0;padding:0;list-style:none;display:flex}.authors-list_item{margin:0 15px 0 22px;position:relative}.authors-list_item:before{content:"";background-color:var(--text-color-100);width:20px;height:20px;position:absolute;top:0;left:-22px;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%23fff'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%23fff'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.authors-list_item:nth-child(3){margin-right:0}.authors-list_link{color:var(--primary-color-100);transition:all .4s ease-in-out}.authors-list_link:hover{color:var(--text-color-100)}.school-logo{width:100px;height:36px;fill:var(--primary-color-100);transition:all .4s ease-in-out}.school-logo:hover{fill:var(--text-color-100);transform:scale(1.05)}.title-accent{color:var(--text-color-100)}.title-copyright{margin-left:25px;position:relative}.title-copyright:before{content:"copyright";color:var(--text-color-100);font-family:Material Symbols Outlined;font-size:22px;font-weight:400;position:absolute;top:-4px;left:-26px}@media (width<=1040px){.footer_content{flex-wrap:wrap;padding:20px 40px}.footer_copyright,.footer_school{width:50%}.footer_authors{order:1;width:100%}}@media (width<=560px){.footer_title{font-size:14px}.footer_copyright,.footer_school{width:100%}.footer_authors{margin:0}.authors-list{display:none}}.modal{opacity:0;pointer-events:none;z-index:300;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.modal.open{opacity:1;pointer-events:all}.modal_content{background:linear-gradient(to right, var(--primary-color-75) 4px, transparent 4px) 0 0, linear-gradient(to right, var(--primary-color-75) 4px, transparent 4px) 0 100%, linear-gradient(to left, var(--primary-color-75) 4px, transparent 4px) 100% 0, linear-gradient(to left, var(--primary-color-75) 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 4px, transparent 4px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 4px, transparent 4px) 100% 0, linear-gradient(to top, var(--primary-color-75) 4px, transparent 4px) 0 100%, linear-gradient(to top, var(--primary-color-75) 4px, transparent 4px) 100% 100%;background-repeat:no-repeat;background-size:40px 40px;background-color:var(--primary-color-50);border-radius:8px;width:720px;padding:20px 40px;transition:all .3s ease-in-out;transform:scale(.5)}.modal_content.open{transform:scale(1)}@media (width<=1040px){.modal_content{width:320px;padding:20px}}.settings{flex-direction:column;justify-content:center;align-items:center;display:flex}.settings_title{text-align:center;text-transform:uppercase;letter-spacing:5px;width:100%;color:var(--primary-color-100);border-bottom:2px dashed var(--primary-color-50);padding-bottom:20px;font-weight:100;line-height:1.4;position:relative}.settings_title:before,.settings_title:after{content:"settings";color:var(--primary-color-100);font-family:Material Symbols Outlined;font-size:52px;font-weight:100;animation:10s infinite settingsAnimation;position:absolute;top:-15px;left:25%}.settings_title:after{font-weight:200;top:-32px;left:65%}.settings_section{border:2px dotted var(--primary-color-25);justify-content:space-between;align-items:center;width:100%;margin:10px;padding:10px 20px;display:flex}.settings_subtitle{text-align:center;color:#fff;background-color:var(--primary-color-25);width:50%;padding:4px;font-size:20px;font-weight:100}.settings_options{justify-content:space-between;align-items:center;width:calc(50% - 20px);height:40px;display:flex}.settings_button{width:48%;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);cursor:pointer;border:none;border-radius:4px;padding:4px;font-family:Russo One,sans-serif;font-size:20px;transition:all .3s ease-in-out}.settings_button:hover,.settings_button.active{color:#fff;background-size:100% 8px;background-color:var(--primary-color-50)}@keyframes settingsAnimation{0%{transform:rotate(0)scale(1)}50%{transform:rotate(60deg)scale(1.1)}to{transform:rotate(0)scale(1)}}@media (width<=1040px){.settings_title:before{left:80%}.settings_title:after{left:0%}.settings_subtitle{margin:0 auto 10px}.settings_section{flex-direction:column;padding:10px}.settings_subtitle,.settings_options{width:100%}}.login{flex-direction:column;justify-content:center;align-items:center;display:flex}.login_title{text-align:center;text-transform:uppercase;letter-spacing:5px;border-bottom:2px dashed var(--primary-color-50);width:100%;font-weight:100;line-height:1.4}.login_input{color:#000;background-color:#ffffff80;border:none;border-radius:4px;outline:none;width:60%;margin:20px auto;padding:10px;font-family:Russo One,sans-serif;font-size:20px;font-weight:100;transition:all .3s ease-in-out}.login_input:hover,.login_input:focus{background-color:#fff}.login_button{text-transform:uppercase;letter-spacing:2px;width:240px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 10px;background-color:var(--primary-color-25);cursor:pointer;border:none;border-radius:4px;margin:20px auto;padding:10px;font-family:Russo One,sans-serif;font-weight:100;transition:all .5s ease-in-out}.login_button:hover{color:#fff;background-size:100% 10px;background-color:var(--primary-color-50)}.login_validation{color:#b00020;text-align:center;min-height:1.2em}.login_switch,.login_link{cursor:pointer;color:var(--primary-color-100);background:0 0;border:none;margin:8px 0 0;font-family:Russo One,sans-serif;text-decoration:underline}.login_hint{text-align:center;margin:8px 0}@media (width<=1040px){.login_input{width:100%}}.common_date{text-align:center}.message{width:fit-content;color:var(--text-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 30%;background-color:var(--primary-color-25);border-radius:4px;flex-direction:column;margin:10px 0;padding:10px 10px 4px;display:flex}.message.user{margin-left:auto}.message_caption{justify-content:space-between;align-items:center;width:100%;padding-bottom:5px;display:flex}.message_name{color:var(--text-color-100);white-space:nowrap;text-overflow:ellipsis;padding:0 32px;position:relative;overflow:hidden}.message_name:before{content:"contact_mail";color:var(--primary-color-100);font-family:Material Symbols Outlined;font-size:24px;font-weight:400;position:absolute;top:-4px;left:0}.message_date{color:var(--primary-color-100);padding-left:25px;font-size:14px;position:relative}.message_date:before{content:"schedule";color:var(--primary-color-100);font-family:Material Symbols Outlined;font-size:20px;font-weight:400;position:absolute;top:-5px;left:0}.message_text{text-align:center;letter-spacing:1px;border-top:1px dashed var(--primary-color-50);padding:0 1rem;line-height:1.6}@media (width<=480px){.message{width:90%;font-size:14px}.message_name{padding-left:26px}.message_name:before{font-size:20px}.message_date{padding-left:18px;font-size:12px}.message_date:before{font-size:16px;top:-3px}}.chat{background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:20% 20%;background-color:var(--primary-color-25);border-radius:4px;width:100%;padding:20px 40px;position:relative}.chat_auth-glass{z-index:2;background-color:color-mix(in srgb, var(--background-color-100) 60%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;border-radius:4px;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.chat_auth-glass_text{text-align:center;letter-spacing:1px;max-width:20rem;color:var(--text-color-100);margin:0;font-family:Russo One,sans-serif;font-size:20px;font-weight:100}.chat_button{letter-spacing:1px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);cursor:pointer;border:none;border-radius:4px;outline:none;margin:0 10px 10px 0;padding:2px 10px;font-family:Russo One,sans-serif;font-size:20px;font-weight:100;transition:all .3s ease-in-out}.chat_button:hover{color:var(--text-color-100);background-size:100% 8px;background-color:var(--primary-color-50)}.chat_button.active{color:var(--text-color-100)}.chat_button:disabled{opacity:.75;pointer-events:none}.chat_button .unread{color:var(--text-color-100)}.chat_wrapper{gap:1rem;display:flex}.chat_messages{border:1px solid var(--primary-color-50);background-color:var(--primary-color-25);border-radius:4px;width:100%;height:12rem;padding:10px;overflow-y:auto}.chat_messages::-webkit-scrollbar{background-color:var(--primary-color-50);width:6px}.chat_messages::-webkit-scrollbar-thumb{background-color:var(--primary-color-100);border-radius:4px}.chat_messages .unread_line{border-bottom:2px solid var(--text-color-100);padding:.5rem 0}.chat_online{border:1px solid var(--primary-color-50);background-color:var(--primary-color-25);border-radius:4px;width:30%;height:12rem;padding:10px;overflow-y:scroll}.chat_online::-webkit-scrollbar{background-color:var(--primary-color-50);width:6px}.chat_online::-webkit-scrollbar-thumb{background-color:var(--primary-color-100);border-radius:4px}.chat_online_header{margin:0}.chat_online_list{padding:.5rem 0 .5rem 1rem;overflow-y:auto}.chat_online_name{transition:all .2s}.chat_online_name--self{opacity:.7;cursor:default;pointer-events:none}.chat_online_name:not(.chat_online_name--self):hover{color:var(--primary-color-100)}.chat_write{color:#000;background-color:#ffffff80;border:none;border-radius:4px;outline:none;width:100%;margin:10px auto;padding:10px;font-family:Russo One,sans-serif;font-size:16px;font-weight:100;transition:all .3s ease-in-out}.chat_write:hover,.chat_write:focus{background-color:#fff}@media (width<=1040px){.chat_wrapper{flex-direction:column}.chat_messages{height:20rem}.chat_online{order:-1;width:100%;height:10rem}}@media (width<=480px){.chat{text-align:center;padding:20px}.chat_button{margin:0 5px 10px;font-size:14px}}.status{z-index:5;background-color:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status .status_value{color:var(--text-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);border-radius:4px;padding:2px 10px;font-size:20px}.status .home-button{color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);cursor:pointer;border-radius:4px;padding:2px 10px;font-size:20px;text-decoration:none;transition:all .3s ease-in-out}.status .home-button:hover{color:var(--text-color-100);background-size:100% 8px;background-color:var(--primary-color-50);transform:scale(1.2)}.lds-dual-ring{width:80px;height:80px;display:inline-block}.lds-dual-ring:after{content:" ";border:6px solid #fff;border-color:#fff #0000;border-radius:50%;width:40px;height:40px;margin:8px;animation:1.2s linear infinite lds-dual-ring;display:block}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game{flex-direction:column;justify-content:space-between;display:flex}.game .main{width:100%;max-width:1440px;margin:0 auto;position:relative}.game .chat{width:100%;max-width:1440px;margin:0 auto}.game_fields{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}.game_control{flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;display:flex}.game_select{text-transform:uppercase;letter-spacing:2px;width:280px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 10px;background-color:var(--primary-color-25);border:none;border-radius:4px;outline:none;padding:10px;font-family:Russo One,sans-serif;font-size:20px;font-weight:100}.field{background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 15%;background-color:var(--primary-color-25);border-radius:4px;flex-direction:column;width:calc(50% - 20px);margin-bottom:40px;padding:10px 0 32px;display:flex}.field_name{border-bottom:1px dashed var(--primary-color-100);text-align:center;width:100%;min-height:30px;margin:0 auto 20px;font-weight:100}.shoot{margin:1rem}.button-render{text-transform:uppercase;letter-spacing:2px;width:280px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 10px;background-color:var(--primary-color-25);cursor:pointer;border:none;border-radius:4px;margin:20px;padding:10px 40px;font-family:Russo One,sans-serif;font-size:20px;font-weight:100;text-decoration:none;transition:all .5s ease-in-out}.button-render:hover{color:var(--text-color-100);background-size:100% 10px;background-color:var(--primary-color-50);transform:scale(1.1)}.button-render:disabled{pointer-events:none;background-size:0}@media (width<=1040px){.game_fields{flex-direction:column}.field{width:100%}}@media (width<=640px){.game{--game-side-padding:16px;--board-cell-size:calc((100vw - (var(--game-side-padding) * 2) - 20px) / 10)}.game .main{padding:12px var(--game-side-padding)}.field{width:100%;margin-bottom:16px;padding:8px 0 44px}.field_name{margin-bottom:12px}}@media (width<=480px){.game{--game-side-padding:12px}.game .main{padding:10px var(--game-side-padding)}}.ship-wrapper{align-items:flex-start;display:inline-flex;position:relative}.ship{cursor:grab;flex-direction:column;width:40px;transition:all .2s;display:flex}.ship--touch{touch-action:none;cursor:grab}.ship--dragging-source{opacity:.35}.one-deck{height:42px}.two-deck{height:84px}.three-deck{height:126px}.four-deck{height:168px}.ship-cell{border:1px solid var(--primary-color-100);background-color:var(--primary-color-100);border-radius:4px;width:40px;height:40px;margin:1px}.horizontal{flex-direction:row;width:auto;height:auto}.red{background-color:red}.green{background-color:green}@media (width<=640px){.ship{width:var(--board-cell-size,30px)}.one-deck{height:var(--board-cell-size,30px)}.two-deck{height:calc(var(--board-cell-size,30px) * 2)}.three-deck{height:calc(var(--board-cell-size,30px) * 3)}.four-deck{height:calc(var(--board-cell-size,30px) * 4)}.ship-cell{width:calc(var(--board-cell-size,30px) - 2px);height:calc(var(--board-cell-size,30px) - 2px)}.horizontal{width:auto;height:auto}}.mobile-ship-drag-ghost{z-index:1000;pointer-events:none;opacity:.85;filter:drop-shadow(0 8px 16px #00000059);position:fixed;transform:translate(-50%,-50%)}.mobile-ship-drag-ghost__ship{cursor:grabbing}.cell{background:linear-gradient(to right, var(--primary-color-75) 1px, transparent 1px) 0 0, linear-gradient(to right, var(--primary-color-75) 1px, transparent 1px) 0 100%, linear-gradient(to left, var(--primary-color-75) 1px, transparent 1px) 100% 0, linear-gradient(to left, var(--primary-color-75) 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 1px, transparent 1px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 1px, transparent 1px) 100% 0, linear-gradient(to top, var(--primary-color-75) 1px, transparent 1px) 0 100%, linear-gradient(to top, var(--primary-color-75) 1px, transparent 1px) 100% 100%;background-repeat:no-repeat;background-size:33% 33%;background-color:var(--background-color-100);border-radius:2px;width:40px;height:40px;margin:1px}.cell.ship-cell{border:1px solid var(--primary-color-100);background:var(--primary-color-100);background-color:var(--primary-color-100);border-radius:4px}.cell.green{background:green}.cell.red{background:red}.hit{background-color:var(--background-color-100);position:relative;overflow:hidden}.hit:after,.hit:before{content:"";background-color:red;border-radius:50%;width:100%;height:4px;margin:auto;position:absolute;inset:0;transform:rotate(-45deg)}.hit:after{transform:rotate(45deg)}.destroyed{background:url(/assets/fire-Dn2iDcdh.png) 0 0/contain}.miss{position:relative}.miss:before{content:"";background:var(--text-color-100);border-radius:50%;width:4px;height:4px;margin:auto;position:absolute;inset:0}@media (width<=640px){.cell{width:calc(var(--board-cell-size,30px) - 2px);height:calc(var(--board-cell-size,30px) - 2px)}}.battle-row{display:flex}.field-board{flex-direction:column;align-items:center;display:flex;position:relative}.battleground{border-radius:10px;grid-template-columns:repeat(10,42px);margin:auto;transition:box-shadow .25s,opacity .25s,transform .25s;display:grid;position:relative}.battleground--placement-drag{touch-action:none}.inactive{opacity:.5}.turn-active{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color-100) 70%, transparent), 0 0 24px color-mix(in srgb, var(--primary-color-75) 55%, transparent);animation:1.8s ease-in-out infinite turnPulse}.turn-timer{border:1px solid color-mix(in srgb, var(--primary-color-100) 70%, transparent);background:color-mix(in srgb, var(--background-color-100) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;letter-spacing:1px;min-width:64px;color:var(--text-color-100);border-radius:999px;padding:6px 10px;font-size:14px;font-weight:400;box-shadow:0 10px 24px #00000040}.turn-timer--below{margin-top:12px}.connection{z-index:2;width:100%;height:100%;color:var(--text-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 25%;background-color:color-mix(in srgb, var(--background-color-100) 60%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px;justify-content:center;align-items:center;margin:0;font-weight:100;display:flex;position:absolute}.connection:before{content:"directions_boat";color:var(--primary-color-50);margin:auto;font-family:Material Symbols Outlined;font-size:160px;font-weight:100;animation:10s infinite connectionAnimation;position:absolute;top:0;left:calc(50% - 80px)}@keyframes connectionAnimation{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes turnPulse{0%{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color-100) 55%, transparent), 0 0 14px color-mix(in srgb, var(--primary-color-75) 35%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color-100) 80%, transparent), 0 0 28px color-mix(in srgb, var(--primary-color-75) 60%, transparent)}to{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color-100) 55%, transparent), 0 0 14px color-mix(in srgb, var(--primary-color-75) 35%, transparent)}}@media (width<=640px){.field-board{width:100%}.battleground{width:calc(var(--board-cell-size) * 10);grid-template-columns:repeat(10, var(--board-cell-size));max-width:100%;margin:0 auto}.turn-timer{min-width:58px;padding:5px 8px;font-size:12px}.turn-timer--below{margin-top:8px;position:absolute;top:100%;left:50%;transform:translate(-50%)}}@media (width<=480px){.turn-timer{letter-spacing:.5px;min-width:48px;padding:4px 6px;font-size:10px}}.ship-station{order:1;justify-content:space-between;gap:20px;width:100%;min-height:100px;margin-bottom:40px;display:flex}.ship-station_container,.ship-station_discription{justify-content:space-around;width:calc(50% - 20px);min-height:168px;display:flex}.ship-station_container{touch-action:pan-y;flex-wrap:wrap;align-items:flex-start;gap:16px;position:relative}.ship-station_columns{flex-direction:row;gap:10px;width:100%;display:flex}.ship-station_column{background:color-mix(in srgb, var(--primary-color-25) 70%, transparent);border-radius:4px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:8px 4px;display:flex}.ship-station_discription{text-align:center;flex-direction:column;gap:12px}.ship-station_button{text-transform:uppercase;letter-spacing:2px;width:160px;height:40px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 10px;background-color:var(--primary-color-25);cursor:pointer;border:none;border-radius:4px;margin:0 auto;font-family:Russo One,sans-serif;font-size:20px;font-weight:100;transition:all .5s ease-in-out}.ship-station_button:hover{color:var(--text-color-100);background-size:100% 10px;background-color:var(--primary-color-50);transform:scale(1.1)}@media (width<=1040px){.ship-station{flex-direction:column;order:0}.ship-station_container,.ship-station_discription{width:100%}}@media (width<=640px){.ship-station{gap:12px;margin-bottom:24px}.ship-station_container{gap:12px;min-height:auto}.ship-station_container--mobile{flex-direction:column;align-items:stretch;width:100%}.ship-station_columns{gap:8px}.ship-station_column{gap:8px;padding:8px 4px}.ship-station_discription{gap:10px;height:auto}}.ship-double-click-hint{z-index:50;background:color-mix(in srgb, var(--background-color-100) 85%, transparent);border:1px solid color-mix(in srgb, var(--primary-color-100) 35%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;width:min(420px,100% - 32px);margin-bottom:12px;padding:14px 16px 12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #00000047}.ship-double-click-hint:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid color-mix(in srgb, var(--background-color-100) 85%, transparent);width:0;height:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.ship-double-click-hint_text{color:var(--text-color-100);margin-bottom:12px;font-size:16px;font-weight:100;line-height:1.25}.ship-double-click-hint_ok{cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:110px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 10px;background-color:var(--primary-color-25);border:none;border-radius:8px;padding:8px 14px;font-family:Russo One,sans-serif;font-size:18px;font-weight:100;transition:all .25s ease-in-out}.ship-double-click-hint_ok:hover{color:var(--text-color-100);background-size:100% 10px;background-color:var(--primary-color-50);transform:scale(1.05)}.ship-double-click-hint_ok:disabled{pointer-events:none;opacity:.7}@media (width<=480px){.ship-double-click-hint{margin-bottom:8px;padding:12px 14px 10px}}.gameover{text-align:center;color:var(--primary-color-100);z-index:5;background-color:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gameover .winner{background:linear-gradient(to right, var(--primary-color-75) 4px, transparent 4px) 0 0, linear-gradient(to right, var(--primary-color-75) 4px, transparent 4px) 0 100%, linear-gradient(to left, var(--primary-color-75) 4px, transparent 4px) 100% 0, linear-gradient(to left, var(--primary-color-75) 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 4px, transparent 4px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 4px, transparent 4px) 100% 0, linear-gradient(to top, var(--primary-color-75) 4px, transparent 4px) 0 100%, linear-gradient(to top, var(--primary-color-75) 4px, transparent 4px) 100% 100%;background-repeat:no-repeat;background-size:40px 40px;background-color:var(--primary-color-50);border-radius:8px;padding:20px 40px;font-size:3rem;transition:all .3s ease-in-out;transform:scale(.5)}.gameover .home-button{color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:10px 8px;background-color:var(--primary-color-25);cursor:pointer;border-radius:4px;padding:2px 10px;font-size:20px;text-decoration:none;transition:all .3s ease-in-out}.gameover .home-button:hover{color:var(--text-color-100);background-size:100% 8px;background-color:var(--primary-color-50);transform:scale(1.2)}.gameover .gamers-table{flex-direction:column;align-items:center;display:flex}.gameover .users-result{flex-direction:column;margin:20px;display:flex}.gameover .winner-background{background-color:red}.gameover .looser-background{background-color:green}.home .main{width:100%;max-width:1440px;margin:0 auto}.section{background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:20px 20px;background-color:var(--primary-color-25);border-radius:4px;flex-direction:column;justify-content:space-between;width:calc(50% - 20px);margin-bottom:40px;padding:20px;display:flex}.section_title{text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color-75);border-bottom:2px dotted var(--primary-color-50);margin-top:0;font-weight:100;line-height:1.4}.section_paragraph{letter-spacing:1px;border-left:2px dotted var(--primary-color-50);padding-left:20px;line-height:1.6}.section_button{text-align:center;text-transform:uppercase;letter-spacing:2px;width:320px;color:var(--primary-color-100);background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 10px;background-color:var(--primary-color-25);cursor:pointer;border:none;border-radius:4px;margin:20px auto;padding:10px;font-family:Russo One,sans-serif;font-size:20px;font-weight:100;text-decoration:none;transition:all .5s ease-in-out}.section_button:hover{color:var(--text-color-100);background-size:100% 10px;background-color:var(--primary-color-50);transform:scale(1.1)}@media (width<=1040px){.section{width:100%}}@media (width<=480px){.section{margin-bottom:20px;padding:10px}.section_title{font-size:20px}.section_button{letter-spacing:1px;width:200px;margin:10px auto;font-size:14px}}.rules{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:40px;display:flex}.rules_title{letter-spacing:2px;text-align:center;text-transform:uppercase;width:100%;color:var(--primary-color-100);border-bottom:2px dotted var(--primary-color-50);margin:0 auto 40px;font-weight:100;line-height:1.4}.rules_subtitle{color:var(--primary-color-100);border-bottom:2px dotted var(--primary-color-50);font-weight:100}.rules_section{background:linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--primary-color-75) 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--primary-color-75) 2px, transparent 2px) 100% 0, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 0 100%, linear-gradient(to top, var(--primary-color-75) 2px, transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:25% 20%;background-color:var(--primary-color-25);border-radius:4px;flex-direction:column;justify-content:space-between;width:calc(50% - 20px);margin-bottom:20px;padding:20px 50px;display:flex}.rules_paragrath{border:1px dashed var(--primary-color-50);padding:20px;line-height:1.4}@media (width<=1040px){.rules_section{width:100%}}@media (width<=480px){.rules_section{padding:20px}.rules_subtitle{font-size:20px}.rules_paragrath{font-size:14px}}:root{--primary-color-100:#6c6;--primary-color-75:#66cc66bf;--primary-color-50:#66cc6680;--primary-color-25:#66cc6640;--text-color-100:#fff;--text-color-50:#ffffff80;--background-color-100:#000}*{box-sizing:border-box}html{scroll-behavior:smooth;letter-spacing:1px;font-family:Russo One,sans-serif;font-weight:100}body{color:var(--text-color-100);background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2021.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20enable-background='new%200%200%2032%2032'%20xml:space='preserve'%3e%3crect%20x='0'%20y='15.9'%20transform='matrix(1.122664e-11%20-1%201%201.122664e-11%20-1.791705e-10%2032)'%20fill='%2399FF99'%20width='32'%20height='0.3'/%3e%3crect%20y='15.9'%20fill='%2399FF99'%20width='32'%20height='0.3'/%3e%3c/svg%3e");background-color:var(--background-color-100);-webkit-user-select:none;user-select:none;margin:0 auto}body.mobile-ship-dragging{touch-action:none;overflow:hidden}.main{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:40px;display:flex}@media (width<=480px){.main{padding:20px}}.App,.app_chrome{flex-direction:column;min-height:100vh;display:flex}