@media (prefers-color-scheme: dark){:root{--base-color: hsl(0, 0%, 3%);--primary-bg-color: hsl(0, 0%, 10%);--secondary-bg-color: hsl(0, 0%, 18%);--box-shadow-color: hsl(0, 0%, 15%);--primary-text-color: hsl(0, 0%, 90%);--secondary-text-color: hsl(0, 0%, 82%);--error-bg-color: hsl(0, 70%, 30%);--warning-bg-color: hsl(20, 70%, 50%);--success-bg-color: hsl(100, 70%, 30%);--info-bg-color: hsl(290, 70%, 35%)}}@media (prefers-color-scheme: light){:root{--base-color: hsl(0, 0%, 100%);--primary-bg-color: hsl(0, 0%, 90%);--secondary-bg-color: hsl(0, 0%, 82%);--box-shadow-color: hsl(0, 0%, 85%);--primary-text-color: hsl(0, 0%, 5%);--secondary-text-color: hsl(0, 0%, 13%);--error-bg-color: hsl(0, 40%, 45%);--warning-bg-color: hsl(20, 50%, 50%);--success-bg-color: hsl(100, 50%, 50%);--info-bg-color: hsl(290, 50%, 50%)}}body{background-color:var(--base-color);height:100%;width:100%}body,html{margin:0}.control-btn{font-family:Zalando,sans-serif;padding:.5rem;border:none;border-radius:1rem;color:var(--primary-text-color);background-color:var(--primary-bg-color);transition:all .3s ease-in-out}.control-btn:hover{cursor:pointer;background-color:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow-color)}.control-btn:focus{outline:none;background-color:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow-color)}@font-face{font-family:Zalando;src:url(/assets/ZalandoSans-Ba9e6dal.ttf) format("truetype")}:focus{outline:none}main.svelte-y95gre{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:1rem;color:var(--primary-text-color)}h1.svelte-y95gre,p.svelte-y95gre{font-family:Zalando,sans-serif}p.svelte-y95gre{font-size:.9rem;margin:0}h1.svelte-y95gre{font-size:4rem;margin-top:3vh;margin-bottom:3vh}.forms.svelte-y95gre{width:100%;flex:1 1 auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:1rem}.create-room-form.svelte-y95gre{flex:0 1 500px;min-width:300px;height:100%;display:grid;grid-template-rows:1fr 2.5fr 2.5fr;grid-template-columns:2fr .5fr;gap:.5rem}.join-room-form.svelte-y95gre{flex:0 1 500px;min-width:300px;height:100%;display:grid;grid-template-rows:1fr 2.5fr 2.5fr;gap:.5rem}.text-input.svelte-y95gre{box-sizing:border-box;width:100%;height:auto;font-size:1rem;font-family:Zalando,sans-serif;padding:.5rem;border-style:none;border-radius:1rem;color:var(--secondary-text-color);background-color:var(--primary-bg-color);transition:all .3s ease-in-out}.text-input.svelte-y95gre:focus{background-color:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow-color)}.control-btn.svelte-y95gre{width:100%;height:100%;font-size:1rem}.create-room-form.svelte-y95gre>.control-btn:where(.svelte-y95gre){grid-row:2 / span 2}@media (max-width: 690px){.forms.svelte-y95gre{flex-direction:column;gap:1.5rem}.create-room-form.svelte-y95gre{flex:0 1 165px;width:90%;display:grid;grid-template-rows:15px 1fr 1fr 1fr;grid-template-columns:1fr;gap:.5rem}.join-room-form.svelte-y95gre{flex:0 1 115px;width:90%;grid-template-rows:15px 1fr 1fr}.create-room-form.svelte-y95gre>button:where(.svelte-y95gre){grid-row:unset}.join-room-form.svelte-y95gre>button:where(.svelte-y95gre){grid-row:unset}p.svelte-y95gre{font-size:.7rem}h1.svelte-y95gre{font-size:3rem}}.container.svelte-16xx9tg{position:relative;flex:0 0 100px;width:100%;color:var(--primary-text-color);font-family:Zalando,sans-serif;font-size:1.3rem;letter-spacing:3px}.player.svelte-16xx9tg>p:where(.svelte-16xx9tg){flex:0 0 auto;margin:0 0 0 4%}.host-icon.svelte-16xx9tg{position:absolute;top:-20px;left:-20px;transform:rotate(-45deg);fill:#e4b007}.player.svelte-16xx9tg{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;background-color:var(--primary-bg-color);border-radius:1rem}.player.svelte-16xx9tg>input:where(.svelte-16xx9tg){flex:1 0 auto;background-color:transparent;margin:0 0 0 4%;height:90%;font-size:1.3rem;letter-spacing:3px;border:none;border-radius:1rem;color:var(--primary-text-color)}input.svelte-16xx9tg:focus{outline:none}button.svelte-16xx9tg{height:50%;aspect-ratio:1 / 1;background-color:transparent;border:none}button.svelte-16xx9tg:hover{cursor:pointer}svg.svelte-16xx9tg{fill:var(--primary-text-color)}div.svelte-uuubnq{flex:0 1 auto;max-width:80%}p.svelte-uuubnq{color:var(--primary-text-color);font-family:Zalando,sans-serif;letter-spacing:.2rem;font-size:1rem;text-align:center}span.svelte-uuubnq{color:#70b5e9;text-decoration:underline}span.svelte-uuubnq:hover{cursor:pointer}@media (max-width: 690px){p.svelte-uuubnq{font-size:.8rem}}main.svelte-h4rg8d{height:calc(100vh - 2rem);display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:.2rem}p.svelte-h4rg8d{color:var(--primary-text-color);font-family:Zalando,sans-serif;font-size:1.2rem;letter-spacing:.2rem}.top-elements.svelte-h4rg8d{position:relative;width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:1fr auto 1fr;justify-items:start}.exit-btn.svelte-h4rg8d{position:relative;left:0;border:none;background:none}.exit-btn.svelte-h4rg8d:hover{cursor:pointer}.room-name.svelte-h4rg8d{font-size:2rem;margin:0;align-self:center;overflow:hidden}.players-container.svelte-h4rg8d{width:70%;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;padding:.5rem;gap:.5rem;border-radius:1rem}.control-btn.svelte-h4rg8d{width:70%;flex:0 1 auto;font-size:1.2rem}svg.svelte-h4rg8d{fill:var(--primary-text-color);height:2.2rem;aspect-ratio:1 / 1}@media (max-width: 690px){.top-elements.svelte-h4rg8d{grid-template-columns:1fr auto}.room-name.svelte-h4rg8d{font-size:1.5rem;padding-right:1rem}.players-container.svelte-h4rg8d{width:90%}.exit-btn.svelte-h4rg8d>svg:where(.svelte-h4rg8d){font-size:1.8rem}}@media (max-width: 450px){.room-name.svelte-h4rg8d{font-size:1.2rem}.exit-btn.svelte-h4rg8d>svg:where(.svelte-h4rg8d){font-size:1.2rem}}button.svelte-1uj8ofy{transition:background-color .4s ease-out;border:none;cursor:pointer}div.svelte-1uj8ofy{transition:background-color .4s ease-out;border:none}.ship-btn-container.svelte-apy2v{flex:1 1 auto;position:relative;height:20%}button.svelte-apy2v{position:absolute;align-self:center;width:100%;height:100%;background-color:transparent;border-style:none}.progress.svelte-apy2v{position:absolute;height:100%;width:100%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.progress.svelte-apy2v>div:where(.svelte-apy2v){position:absolute;top:0;left:0;height:100%;transition:width .4s ease-in-out}button.svelte-apy2v:hover{cursor:pointer}.ship-container.svelte-1qswql5{flex:1 1 auto;position:relative;height:20%}.progress.svelte-1qswql5{background-color:var(--primary-bg-color);position:absolute;height:100%;width:100%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.progress.svelte-1qswql5>div:where(.svelte-1qswql5){position:absolute;top:0;left:0;height:100%;transition:width .2s ease-in-out}main.svelte-60diq{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:1rem;margin:1rem}.prep-board.svelte-60diq{flex:0 0 auto;height:calc(100vh - 2rem);aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:2px}.controls-container.svelte-60diq{min-width:300px;flex:1;height:calc(100vh - 2rem);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1.5rem}.controls.svelte-60diq{flex:0 0 50px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;border-radius:1rem;gap:.2rem}.control-btn.svelte-60diq{height:100%;width:100%;font-size:1.5rem}.ship-container.svelte-60diq{width:100%;flex-grow:1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.ships.svelte-60diq{max-width:300px;flex:1 0 150px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around}.right-ship-wrap.svelte-60diq{max-width:320px;flex:1 0 170px;display:flex;flex-direction:row}.opponent-state-text.svelte-60diq{flex:0 0 20px;writing-mode:vertical-lr;text-align:center;transform:rotate(180deg);margin:0;padding:.2rem;font-family:Zalando,sans-serif;font-size:1.2rem;color:var(--primary-text-color);letter-spacing:.15rem}@media (max-aspect-ratio: 1.58){main.svelte-60diq{flex-direction:column}.prep-board.svelte-60diq{margin:auto;height:calc(100vw - 2rem);max-width:50vh;max-height:50vh}.controls-container.svelte-60diq{min-width:unset}.opponent-state-text.svelte-60diq{font-size:.8rem;letter-spacing:.1rem}}.container.svelte-19bj0lv{position:fixed;bottom:3%;width:100%;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:1rem}.info-container.svelte-19bj0lv{width:100%;flex:0 0 30px;display:flex;justify-content:center;align-items:center}.message-elements.svelte-19bj0lv{width:80%;height:100%;flex:0 1 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.15rem;z-index:1;color:var(--secondary-text-color)}button.svelte-19bj0lv{min-width:50px;height:100%;flex:0 1 70px;border:none;text-align:center;font-family:Zalando,sans-serif;font-size:1.2rem;border-bottom-right-radius:10px;border-top-right-radius:10px;color:var(--secondary-text-color)}p.svelte-19bj0lv{width:100%;height:100%;text-align:center;align-content:center;font-family:Zalando,sans-serif;font-size:1rem;letter-spacing:.08rem;border-bottom-left-radius:10px;border-top-left-radius:10px;margin:0}button.svelte-19bj0lv:hover{cursor:pointer;background-color:#dcdcdc!important}div.svelte-7natxq{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;font-size:20vmin}p.svelte-7natxq{color:var(--primary-text-color);font-family:Zalando,serif;font-size:inherit;letter-spacing:.2rem;transition:opacity 1s ease}button.svelte-bf7j8z{border:none;cursor:pointer;background-color:var(--primary-bg-color)}div.svelte-bf7j8z{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ship-container.svelte-i1igdd{flex:1 1 auto;position:relative;height:20%}.progress.svelte-i1igdd{background-color:var(--primary-bg-color);position:absolute;width:100%;height:100%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.progress.svelte-i1igdd>div:where(.svelte-i1igdd){position:absolute;top:0;left:0;height:100%;transition:width .2s ease-in-out}.ship-container.svelte-skp5q{flex:1 1 auto;position:relative;height:20%}.progress.svelte-skp5q{position:absolute;height:100%;width:100%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--primary-bg-color)}.progress.svelte-skp5q>div:where(.svelte-skp5q){position:absolute;top:0;left:0;height:100%;transition:width 1s ease-in-out;background-color:#6b2525}div.svelte-8j7j14{width:100%;height:100%;display:flex;justify-content:center;align-items:center}main.svelte-k327h5{height:calc(100vh - 2rem);width:calc(100vw - 2rem);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:.5rem;margin:1rem}p.svelte-k327h5{color:var(--primary-text-color);font-family:Zalando,sans-serif}.small-board.svelte-k327h5{flex:0 2 50vmin;min-width:200px}.small-board.svelte-k327h5>p:where(.svelte-k327h5){font-size:.8rem}.large-board.svelte-k327h5{flex:0 2 90vmin;min-width:400px}.large-board.svelte-k327h5>p:where(.svelte-k327h5){font-size:1.2rem}.board-container.svelte-k327h5{height:100%;display:flex;flex-direction:column;justify-content:center;transition:height 1s ease-in-out}.board-container.svelte-k327h5>p:where(.svelte-k327h5){flex:0 1 auto;margin:0}.board.svelte-k327h5{display:grid;aspect-ratio:1 / 1;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:2px}.ship-display.svelte-k327h5{height:80%;flex:0 1 25%;min-width:200px}.container.svelte-utzy4y{flex:0 0 100px;width:100%;display:flex;flex-direction:row;gap:1rem;align-items:center;background-color:var(--primary-bg-color);border-radius:1rem}.wins.svelte-utzy4y{height:100%;display:flex;flex-direction:row;gap:.1rem;align-items:center}p.svelte-utzy4y{flex:0 0 auto;font-family:Zalando,sans-serif;font-size:1.3rem;color:var(--primary-text-color);letter-spacing:3px;margin:0 0 0 4%}svg.svelte-utzy4y{height:40%;aspect-ratio:1 / 1;fill:#e4b007}@media (max-width: 690px){p.svelte-utzy4y{font-size:1.1rem;letter-spacing:2px;margin:0 0 0 3%}}main.svelte-wdvaal{height:calc(100vh - 2rem);width:calc(100vw - 2rem);display:flex;flex-direction:column;justify-content:space-around;align-items:center}.controls.svelte-wdvaal{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.control-btn.svelte-wdvaal{flex:1 1 auto;height:100%;font-size:1rem}.players-container.svelte-wdvaal{width:70%;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;padding:.5rem;gap:.5rem;border-radius:1rem}@media (max-width: 690px){.players-container.svelte-wdvaal,.controls.svelte-wdvaal{width:90%}}button.svelte-11cyj2p{flex:0 1 200px;min-width:100px;height:50px;background:var(--primary-bg-color);padding:.5rem;color:var(--primary-text-color);box-sizing:border-box;transition:.3s all;border-radius:25px;font-family:Zalando,sans-serif;font-size:1.2rem}button.svelte-11cyj2p:hover{cursor:pointer;background:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow)}button.svelte-11cyj2p:focus{outline:none;background:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow)}.selected.svelte-11cyj2p{outline:none;background:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow)}main.svelte-14zzlky{width:calc(100vw - 2rem);height:calc(100vh - 2rem);display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:auto;font-family:Zalando,sans-serif;font-size:1.2rem}p.svelte-14zzlky{margin:0;text-align:center;color:var(--primary-text-color);font-size:1.5rem}.difficulty-buttons.svelte-14zzlky{width:100%;margin-left:2rem;margin-right:2rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}button.svelte-14zzlky{color:var(--primary-text-color);font-family:Zalando,sans-serif;padding:.5rem 2rem;border:none;background:var(--primary-bg-color);font-size:1.2rem;transition:all .3s;border-radius:1rem}button.svelte-14zzlky:hover{cursor:pointer;background:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow-color)}button.svelte-14zzlky:focus{outline:none;background:var(--secondary-bg-color);box-shadow:1px 4px var(--box-shadow-color)}