:root{letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{border-radius:4px;display:inline-flex}code{padding:4px 8px;font-size:15px;line-height:135%}body{background-color:#fff}:root{--text-color:#445672;--marine-color:#4f6179;--blue-color:#7a8da8;--helper-color:#939fb1;--light-gray-color:#91959c;--input-placeholder-color:#c7cdd6;--light-blue-color:#a7b8d1;--dot-red-color:#e42e2e;--dot-green-color:#44c47c}input{color:var(--marine-color)}input:focus{border-color:var(--blue-color)}input::placeholder{color:var(--input-placeholder-color)}input:focus-visible{outline:none}h1{color:var(--text-color);margin-block:.1em;font-family:Rowdies,sans-serif;font-size:50px;font-style:normal;font-weight:700;line-height:100%}h2{color:var(--text-color);font-family:Rowdies,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:100%}h3{color:var(--text-color);white-space:nowrap;margin-block:.1em;margin-inline:auto;font-family:Rowdies,sans-serif;font-size:28px;font-weight:400}h5{color:var(--text-color);margin-top:0;margin-bottom:.6em;font-family:Rowdies,sans-serif;font-size:20px;font-weight:300}h6{color:var(--text-color);margin-block:auto;font-family:Rowdies,sans-serif;font-size:15px;font-weight:500}hr{background-color:var(--marine-color);border:none;height:2px}button{cursor:pointer;background-color:#0000;border:none;padding:0}.back-button{width:32px;height:32px;position:relative;top:40px;left:40px}.back-helper{position:absolute}.torn-container{filter:drop-shadow(15px 20px 20px #0000004d);display:inline-block;position:relative}.torn-content{box-sizing:border-box;text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.torn-border-layer{border:8px solid var(--marine-color);z-index:-1;pointer-events:none;filter:url(#heavy-tear-filter);background-color:#fff;position:absolute;inset:0}.home-container{flex-direction:column;flex-grow:1;display:flex}.home-subcontainer{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;width:100%;display:flex}.home-soon-helper{position:relative}.home-soon-container{background-color:#869dbe;border-radius:8px;position:absolute;bottom:20px;right:-15px;rotate:-30deg}.home-soon{color:#fff;margin:12px;font-family:Rowdies,sans-serif;font-size:28px;font-weight:500;display:inline-block}.home-disabled:after{content:"";background-color:#80808080;width:100%;height:100%;position:absolute;top:0;left:0}.home-description{color:var(--helper-color)}.grid-app{color:#e2e8f0;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px;font-family:Rowdies,sans-serif;display:flex}.grid-app__title{text-align:center}.grid-app__title h1{letter-spacing:.08em;color:#f8fafc;margin:0;font-size:22px;font-weight:600}.grid-app__title p{color:#64748b;letter-spacing:.05em;margin:6px 0 0;font-size:12px}.palette{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.block-face{-webkit-user-select:none;user-select:none;cursor:grab;border-style:solid;border-width:2px;border-color:var(--block-color);background-color:color-mix(in srgb, var(--block-color) 73%, transparent);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.grid-wrapper{flex-direction:column;gap:0;display:flex}.grid-col-labels{margin-bottom:4px;display:flex}.grid-col-label{text-align:center;color:var(--text-color);letter-spacing:.08em;font-size:18px;font-weight:600}.grid-row-and-board{gap:0;display:flex}.grid-row-labels{flex-direction:column;width:14px;margin-right:6px;display:flex}.grid-row-label{letter-spacing:.08em;color:var(--text-color);align-items:center;font-size:18px;font-weight:600;display:flex}.grid-board{border:3px solid #a6d9ea;padding:0;display:grid;position:relative}.cell{background:#fff;border:3px solid #a6d9ea;transition:background .15s,border-color .15s}.cell--halo{background:#ef44441a;border-color:#ef444440}.cell--occupied{background:0 0;border-color:#0000}.drop-ghost{pointer-events:none;z-index:10;border-radius:8px;transition:left 40ms,top 40ms;position:absolute}.drop-ghost--valid{background:#6366f140;border:2px dashed #6366f1}.drop-ghost--invalid{background:#ef444440;border:2px dashed #ef4444}.short-hr{width:200px}.join-description{white-space:pre-wrap;color:var(--helper-color);font-family:Rowdies,sans-serif;font-weight:300}.join-subcontainer{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;width:100%;padding-top:100px;padding-bottom:300px;display:flex}.join-code-error{color:var(--blue-color);opacity:0;white-space:wrap;width:300px;font-family:Rowdies,sans-serif;font-weight:300;transition:opacity .4s ease-out;position:absolute;transform:translate(-50%,-50%)}.code-container{justify-content:center;gap:6px;margin:20px 0;display:flex}.code-input{text-align:center;width:48px;height:56px;color:var(--text-color);border:2px solid #e2e8f0;border-radius:8px;outline:none;font-family:Rowdies,sans-serif;font-size:24px;font-weight:600;transition:all .15s ease-in-out}.code-input:focus{border-color:var(--marine-color);box-shadow:0 0 0 3px #3b82f626}.code-input:disabled{background-color:#fff}.create-share-link{color:var(--light-gray-color);cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px;font-family:Rowdies,sans-serif;font-size:18px;font-weight:300}.create-share-button{background-color:var(--marine-color);color:#fff;cursor:pointer;padding:12px;border:none;border-radius:8px;width:100%;padding-inline:30px;font-family:Rowdies,sans-serif;font-size:20px;font-weight:400;display:inline-block}.create-button-container{flex-direction:column;flex-grow:1;justify-content:space-around;width:min-content;max-height:200px;display:flex}.create-link-copied-container{position:relative}.create-link-copied{color:var(--blue-color);opacity:0;font-family:Rowdies,sans-serif;font-weight:300;transition:opacity .4s ease-out;position:absolute;transform:translate(-50%,-50%)}.create-link-copied-blink{animation:.3s ease-in-out blinkEffect}@keyframes blinkEffect{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.create-link-copied-animated{opacity:1}.create-subcontainer{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;width:100%;padding-top:100px;padding-bottom:200px;display:flex}.place-button{background-color:var(--marine-color);color:#fff;cursor:pointer;padding:12px;border:none;border-radius:8px;width:200px;margin-bottom:20px;padding-inline:30px;font-family:Rowdies,sans-serif;font-size:20px;font-weight:400;display:inline-block}.place-helper{letter-spacing:.05em;white-space:pre-wrap;color:#939fb1;margin:6px 0 0;font-family:Rowdies,sans-serif;font-size:14px;font-weight:300}.wait-icon{margin-inline:80px}.wait-container{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;padding-top:100px;padding-bottom:200px;display:flex}.name-container{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;width:100%;padding-top:50px;padding-bottom:200px;display:flex}.name-card-container{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;padding-block:10px;display:flex}.name-card-title{font-size:48px;font-weight:400}.name-card-text{color:var(--helper-color);font-weight:300}.name-input{color:var(--light-gray-color);cursor:pointer;box-sizing:border-box;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;width:200px;padding:12px;font-family:Rowdies,sans-serif;font-size:18px;font-weight:300}.name-button{background-color:var(--marine-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:200px;padding:12px;padding-inline:30px;font-family:Rowdies,sans-serif;font-size:20px;font-weight:400;display:inline-block}.block-face-static{-webkit-user-select:none;user-select:none;cursor:grab;border-style:solid;border-width:2px;border-color:var(--block-color);background-color:color-mix(in srgb, var(--block-color) 73%, transparent);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.block-face:hover{box-shadow:0 0 20px color-mix(in srgb, var(--block-color) 40%, transparent);transform:scale(1.04)}.block-face--on-grid{cursor:not-allowed;opacity:.4;background-color:#ffffff0a;border-color:#ffffff1a;background-image:none!important}.block-face--on-grid:hover{box-shadow:none;transform:none}.block-face--placed{z-index:5;cursor:grab;box-shadow:0 4px 20px color-mix(in srgb, var(--block-color) 27%, transparent);position:absolute}.block-face__label{letter-spacing:.1em;color:#ffffffe6;text-shadow:0 1px 4px #00000080;pointer-events:none;z-index:1;font-size:10px;font-weight:800;position:relative}.block-face--on-grid .block-face__label{color:#fff3;text-shadow:none}.block-face__rotate-hint{color:#fff6;pointer-events:none;font-size:9px;position:absolute;bottom:4px;right:6px}.drop-ghost-static{z-index:10;border-radius:8px;transition:left 40ms,top 40ms;position:absolute}.drop-ghost-static-sight:before{content:"";opacity:.5;background-image:url(/assets/sight-BUSejiae.svg);background-position:50%;background-repeat:no-repeat;background-size:70% 70%;width:100%;height:100%;position:absolute;top:0;left:0}.drop-ghost-static-bomb:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3csvg%20width='29'%20height='37'%20viewBox='0%200%2029%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21.2834%200.0621549C20.0884%200.227841%2018.9513%200.656484%2016.4542%201.88268C13.2447%203.45861%2012.1714%203.88089%2010.9559%204.04564C9.74815%204.20944%208.73913%203.90714%207.72607%203.07806C7.26601%202.70156%206.88451%202.51548%206.57452%202.51642C6.06475%202.51794%205.4834%202.917%205.25934%203.41934C4.88281%204.26347%205.29613%204.97958%206.70284%205.92026C7.92321%206.73632%209.05374%207.04079%2010.6308%206.97823C12.4595%206.90569%2014.0721%206.35273%2017.3934%204.65942C20.278%203.18871%2021.5999%202.77649%2022.8871%202.94615C24.6744%203.18177%2025.8324%203.7497%2026.0794%204.51182C26.2748%205.11482%2026.0648%206.15211%2025.5099%207.3253C25.2266%207.92433%2024.4649%209.16947%2024.3819%209.16947C24.3559%209.16947%2023.9996%208.82428%2023.5902%208.40237C22.7947%207.58261%2022.4571%207.36558%2021.9736%207.36305C21.4467%207.3603%2021.1975%207.53206%2020.0588%208.68297L18.9717%209.78181L18.2811%209.54901C16.7001%209.01615%2015.4612%208.80787%2013.8735%208.80787C10.1213%208.80787%206.70569%2010.2447%204.06511%2012.9337C2.344%2014.6864%201.08961%2016.875%200.475451%2019.1972C-0.136934%2021.5125%20-0.158168%2023.9847%200.414163%2026.3456C1.36743%2030.2779%204.08819%2033.7022%207.73338%2035.5574C10.6443%2037.0389%2014.1503%2037.3995%2017.3419%2036.5456C22.2606%2035.2296%2026.1492%2031.1934%2027.3082%2026.2009C27.7994%2024.0851%2027.8331%2022.1461%2027.4153%2020.0537C27.2513%2019.2328%2026.8284%2017.8943%2026.5126%2017.197L26.2998%2016.727L27.251%2015.7506C27.8169%2015.1698%2028.2464%2014.6654%2028.3114%2014.5054C28.4528%2014.1574%2028.4509%2013.6353%2028.307%2013.3424C28.2445%2013.2151%2027.797%2012.7036%2027.3126%2012.2057L26.4318%2011.3005L26.7917%2010.7976C27.5527%209.73473%2028.308%208.29403%2028.6313%207.28914C29.1329%205.72984%2029.1225%204.28046%2028.6013%203.1182C27.9988%201.7747%2026.5753%200.758312%2024.6628%200.306019C23.42%200.0121092%2022.2522%20-0.0721442%2021.2834%200.0621549Z'%20fill='%236366F1'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:70% 70%;width:100%;height:100%;position:absolute;top:0;left:0}.drop-ghost-static--valid{background:#6366f140;border:2px dashed #6366f1}.drop-ghost-static--invalid{background:#ef444440;border:2px dashed #ef4444}.cell--marked{position:relative}.cell--marked:after{content:"";z-index:10;box-sizing:border-box;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:44px;height:44px;position:absolute;top:0;left:0}.cell--shot-empty:after{background-image:url(/assets/shot-empty-cfKLYo3-.svg)}.cell--shot-ship:after{background-image:url("data:image/svg+xml,%3csvg%20width='39'%20height='43'%20viewBox='0%200%2039%2043'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.8335%2043L4.3335%200L37.3335%2033L28.8335%2043Z'%20fill='%23E42E2E'/%3e%3cpath%20d='M38.8335%2011.5L0%2038.3782L33%205.37817L38.8335%2011.5Z'%20fill='%23E42E2E'/%3e%3c/svg%3e")}.cell--tried:after{background-image:url("data:image/svg+xml,%3csvg%20width='37'%20height='35'%20viewBox='0%200%2037%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2001_310)'%3e%3cpath%20d='M17.2141%2025.056L15.1661%2023.008L18.7501%2019.616C19.3688%2018.9973%2019.8701%2018.3573%2020.2541%2017.696C20.6595%2017.0347%2020.8621%2016.3413%2020.8621%2015.616C20.8621%2014.0373%2019.8061%2013.248%2017.6941%2013.248L13.2781%2014.624L11.6781%2011.264C12.0195%2010.9867%2012.5101%2010.6773%2013.1501%2010.336C13.7901%209.99467%2014.5368%209.696%2015.3901%209.44C16.2648%209.16267%2017.1928%209.024%2018.1741%209.024C20.6701%209.024%2022.4835%209.57867%2023.6141%2010.688C24.7448%2011.7973%2025.3101%2013.216%2025.3101%2014.944C25.3101%2016.0533%2025.0755%2017.0453%2024.6061%2017.92C24.1368%2018.7733%2023.5928%2019.5093%2022.9741%2020.128C22.3555%2020.7253%2021.8221%2021.216%2021.3741%2021.6L17.2141%2025.056ZM17.2141%2032.32L14.3341%2029.44L17.2141%2026.56L20.0941%2029.44L17.2141%2032.32Z'%20fill='%23475562'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2001_310'%3e%3crect%20width='37'%20height='35'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.grid-app-static{color:#e2e8f0;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:0 32px;font-family:Rowdies,sans-serif;display:flex}.timer{width:90px;height:45px;color:var(--text-color);border:4px solid var(--text-color);text-align:center;border-radius:12px;justify-content:center;align-items:center;font-family:Rowdies,sans-serif;font-size:32px;font-weight:400;display:inline-flex}.bullets-container{border:4px solid var(--text-color);border-radius:12px;justify-content:space-evenly;align-items:center;width:100px;height:45px;display:inline-flex}.bullet{box-sizing:border-box;background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='42'%20viewBox='0%200%2017%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.5%2042H16.9954V38.8041V35.6082H16.3011H15.6068V32.781V29.9538H16.3034H17L16.9736%2021.9026L16.9471%2013.8513L16.6511%2012.6221C15.7563%208.90696%2014.3221%204.68277%2013.1534%202.32082C12.5942%201.19077%2012.3093%200.756862%2011.8571%200.346964L11.5244%200.0454842C11.5244%200.0454842%2011.5244%200.0454842%208.41831%201.8701e-06C3.72337%208.38168e-05%205.47571%201.8701e-06%205.47571%201.8701e-06V0.0454017L5.143%200.346964C4.6907%200.756862%204.40578%201.19077%203.84663%202.32082C2.67794%204.68277%201.24368%208.90696%200.348884%2012.6221L0.0528516%2013.8513L0.0263847%2021.9026L0%2029.9538H0.696625H1.39325V32.781L1.39325%2035.6082H0.698912H0.00457444L0.00457444%2038.8041L0.00457444%2042H8.5ZM8.5%2041.9605C13.1949%2041.9605%2015.1156%2041.9507%2012.7681%2041.9385C10.4206%2041.9265%206.5793%2041.9265%204.23187%2041.9385C1.88435%2041.9507%203.80505%2041.9605%208.5%2041.9605Z'%20fill='%23445671'/%3e%3c/svg%3e");background-size:100% 100%;width:18px;height:40px;padding:1px}.bullet-empty{box-sizing:border-box;background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='42'%20viewBox='0%200%2017%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.5%2042H16.9954V38.8041V35.6082H16.3011H15.6068V32.781V29.9538H16.3034H17L16.9736%2021.9026L16.9471%2013.8513L16.6511%2012.6221C15.7563%208.90696%2014.3221%204.68277%2013.1534%202.32082C12.5942%201.19077%2012.3093%200.756862%2011.8571%200.346964L11.5244%200.0454842C11.5244%200.0454842%2011.5244%200.0454842%208.41831%201.8701e-06C3.72337%208.38168e-05%205.47571%201.8701e-06%205.47571%201.8701e-06V0.0454017L5.143%200.346964C4.6907%200.756862%204.40578%201.19077%203.84663%202.32082C2.67794%204.68277%201.24368%208.90696%200.348884%2012.6221L0.0528516%2013.8513L0.0263847%2021.9026L0%2029.9538H0.696625H1.39325V32.781L1.39325%2035.6082H0.698912H0.00457444L0.00457444%2038.8041L0.00457444%2042H8.5ZM8.5%2041.9605C13.1949%2041.9605%2015.1156%2041.9507%2012.7681%2041.9385C10.4206%2041.9265%206.5793%2041.9265%204.23187%2041.9385C1.88435%2041.9507%203.80505%2041.9605%208.5%2041.9605Z'%20fill='%23A3A3A3'/%3e%3c/svg%3e");background-size:100% 100%;width:18px;height:40px;padding:1px}.game-indicators{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.very-short-hr{width:96px}.game-notification-card{margin:10px}.game-notification-message{text-align:center;color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-family:Rowdies,sans-serif;font-size:14px;font-weight:300;overflow:hidden}.game-notification-dot{border-radius:50%;width:9px;height:9px;margin-bottom:1px;margin-right:6px;display:inline-block}.game-notification-dot-red{background-color:#e42e2e}.game-notification-dot-green{background-color:var(--dot-green-color)}.game-notification-dot-gray{background-color:#b3b3b3}.game-notification-dot-marine{background-color:var(--marine-color)}.game-button{background-color:var(--marine-color);color:#fff;cursor:pointer;white-space:pre-wrap;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:160px;height:100px;padding-inline:10px;font-family:Rowdies,sans-serif;font-size:20px;font-weight:300;display:inline-flex}.game-button:active{background-color:#374455}.game-buttons-container{flex-direction:row;justify-content:center;gap:10px;width:100%;display:flex}.game-container{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;min-height:100vh;display:flex}.game-title{margin:0 0 5px;font-size:34px;font-weight:700}.game-subtitle{color:var(--helper-color);margin:0}.game-card-wrapper{cursor:pointer;margin-block:10px;margin-inline:20px}.opponent-game-container{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;min-height:100vh;margin-top:100px;display:flex}.popup-title{margin-block:0;font-family:Rowdies,sans-serif;font-size:28px;font-weight:400}.popup-description{color:var(--light-gray-color);font-family:Rowdies,sans-serif;font-size:18px;font-weight:300}.popup-container{z-index:150;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.popup-background{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0003;width:100%;height:100%;position:absolute;top:0;left:0}.popup-disabled{display:none}.popup-subtitle{color:var(--blue-color);font-family:Rowdies,sans-serif;font-weight:400}.popup-answer{color:var(--marine-color);font-family:Rowdies,sans-serif;font-size:20px;font-weight:700}.popup-text-correct{background-color:#90ee9080}.popup-text-incorrect{background-color:#f1585880}.popup-text-semicorrect{background-color:#ffff0080}.popup-answer-container{flex-direction:column;gap:10px;display:flex}.swipe-page-container{-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.page-content{flex:1;width:100%}.slide-from-right{animation:.35s cubic-bezier(.25,1,.5,1) forwards slideFromRight}.slide-from-left{animation:.35s cubic-bezier(.25,1,.5,1) forwards slideFromLeft}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.speech-input-radio{appearance:none;border:3px solid var(--marine-color);cursor:pointer;border-radius:50%;outline:none;width:45px;height:45px;margin:5px;display:inline-block}.speech-input-radio:before{content:attr(value);accent-color:#0000;outline:none;justify-content:center;align-items:center;width:100%;height:100%;font-family:Rowdies,sans-serif;font-size:20px;font-weight:400;display:flex}.speech-input-radio:checked{border-color:var(--marine-color);background-color:#0003;background-clip:content-box}.speech-input-radio:active{background-color:#00000059}.endgame-container{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;display:flex}.endgame-button{background-color:var(--marine-color);color:#fff;cursor:pointer;white-space:pre-wrap;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:60px;padding-inline:10px;font-family:Rowdies,sans-serif;font-size:20px;font-weight:300;display:inline-flex}.endgame-grid{border:3px solid var(--light-blue-color);text-align:left;max-width:500px;color:var(--text-color);border-radius:8px;grid-template-columns:1fr auto;align-items:center;min-width:300px;margin-block:30px;font-family:Rowdies,sans-serif;display:grid}.endgame-grid-value{color:var(--blue-color);margin:10px;font-size:12px}.log-container,.log-wrapper{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;display:flex}.log-exit-button{width:32px;height:32px;position:relative;top:40px;right:40px;translate:-50%}.log-exit-helper{align-self:end;width:0;height:10px;position:relative;top:0;right:10px}.log-grid{border:3px solid var(--light-blue-color);text-align:left;max-width:500px;color:var(--text-color);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;margin-block:30px;margin-inline:20px;font-family:Rowdies,sans-serif;display:grid}.log-grid-separator{background-color:var(--light-blue-color);grid-column:span 3;width:100%;height:3px}.log-grid-item{align-content:center;min-height:30px;padding:10px;line-height:1.5em}.log-grid-dot{align-content:center;width:12px;margin:10px;display:inline-block}.log-grid-dot:before{content:"";background-color:var(--light-blue-color);border-radius:50%;width:12px;height:12px;display:block}.log-grid-time{color:var(--light-blue-color);margin:10px;font-size:12px}.log-title{margin-block:30px}.log-dot-red:before{background-color:var(--dot-red-color)}.log-dot-green:before{background-color:var(--dot-green-color)}.log-dot-marine:before{background-color:var(--marine-color)}.log-dot-gray:before{background-color:var(--light-blue-color)}.snackbar{z-index:80;opacity:0;transition:opacity .3s ease, scale .3s cubic-bezier(.34, 1.56, .64, 1), display .3s ease allow-discrete;display:none;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}.snackbar--visible{opacity:1;display:block;scale:1}@starting-style{.snackbar--visible{opacity:0;scale:.9}}.snackbar-text{color:var(--text-color);margin:10px;font-family:Rowdies,sans-serif;font-size:16px;font-weight:400;display:inline-block}@keyframes snackbar-entrance{0%{opacity:0;filter:blur(4px);scale:.92}to{opacity:1;filter:blur();scale:1}}.stats-wrapper{flex-direction:column;flex-grow:1;justify-content:space-evenly;align-items:center;display:flex}.stats-container{flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;max-width:100%;display:flex}.stats-back-helper{align-self:start;width:0;height:10px;position:relative;top:0;right:10px}.stats-grid{border:3px solid var(--light-blue-color);text-align:left;color:var(--text-color);border-radius:8px;grid-template-columns:auto auto auto auto auto auto auto auto;align-items:center;min-width:300px;margin-block:30px;padding:50px;font-family:Rowdies,sans-serif;display:grid}.stats-grid-header{margin-block:20px;margin-inline:12px}.stats-grid-cell{border-block:4px solid var(--light-blue-color);margin:-2px;padding-block:10px;padding-inline:12px}:nth-child(8n-7 of .stats-grid-cell){border-left:4px solid var(--light-blue-color);border-top-left-radius:10px;border-bottom-left-radius:10px}:nth-child(8n of .stats-grid-cell){border-right:4px solid var(--light-blue-color);border-top-right-radius:10px;border-bottom-right-radius:10px}.stats-helper{letter-spacing:.05em;white-space:pre-wrap;color:#939fb1;margin:10px;font-family:Rowdies,sans-serif;font-size:14px;font-weight:300}.stats-hidden{opacity:0}.stats-hidden-appear{animation:2s ease-in-out forwards fadeInOut}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.stats-header{align-self:center;margin-block:10px}.stats-button-row{align-self:center}