*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}@font-face{font-family:rocknrollone;src:url(/etc/sploosh-kaboom/RocknRollOne-Regular.ttf)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{color-scheme:light;--theme: ☀️}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--theme: 🌑}}:root:has([value=light]:checked){color-scheme:light;--theme: ☀️}:root:has([value=dark]:checked){color-scheme:dark;--theme: 🌑}body{color-scheme:light;--color-background: #ffffff;--color-text: #181818;--modal-header-text: yellow;--modal-header-background: #3e7f2d;--settings-background-color: orange;--settings-border-color: yellow;--settings-text-color: #000;--water-color: #146aff}@container style(--theme: 🌑 ){body{color-scheme:dark;--color-background: #181818;--color-text: #ffffff;--water-color: darkblue}}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:rocknrollone,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div[data-v-41b7a063]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}@media (orientation: portrait){div[data-v-41b7a063]{grid-template-columns:repeat(8,minmax(0,1fr))}}span[data-v-41b7a063]{display:inline-block;aspect-ratio:1;background-image:url(/etc/sploosh-kaboom/bomb.svg);filter:grayscale(1) contrast(.65);background-size:contain}.index[data-v-41b7a063],.index~span[data-v-41b7a063]{filter:grayscale(0) contrast(1)}button[data-v-491e8b02],span[data-v-491e8b02]{all:unset;display:grid;border:0;place-content:center;border:1px solid rgba(255,255,255,.5)}.kaboom[data-v-491e8b02]{background-image:url(/etc/sploosh-kaboom/kaboom.svg);background-size:contain}.sploosh[data-v-491e8b02]{background-image:url(/etc/sploosh-kaboom/sploosh.svg);background-size:contain}@media (prefers-color-scheme: dark){.sploosh[data-v-491e8b02]{filter:brightness(1.5)}}button[data-v-491e8b02]:hover{cursor:pointer}button[data-v-491e8b02]:hover,button[data-v-491e8b02]:focus-visible{transform:scale(1.25);background-image:url(/etc/sploosh-kaboom/target.svg);background-size:contain;border:0}.target[data-v-c821f13e],.explosion[data-v-c821f13e],.squid[data-v-c821f13e]{width:74px;aspect-ratio:1;background-size:cover}.target[data-v-c821f13e]{display:grid}.explosion[data-v-c821f13e]{background-image:url(/etc/sploosh-kaboom/kaboom.svg);transform:scale(0);transition:transform .2s}.squid[data-v-c821f13e]{background-image:url(/etc/sploosh-kaboom/squid.svg);transition:filter .2s}.explosion[data-v-c821f13e],.squid[data-v-c821f13e]{grid-row:1;grid-column:1}.dead .explosion[data-v-c821f13e]{transform:scale(1)}.dead .squid[data-v-c821f13e]{filter:brightness(.45) saturate(10) hue-rotate(130deg)}@media (orientation: portrait){#targetcontainer[data-v-c821f13e]{display:flex}}button[data-v-1e4d13c7]{--_shadow: 4px;border-image-source:url(/etc/sploosh-kaboom/button.svg);border-image-slice:20 29 30 30;border-image-width:25px 30px 30px 26px;border-image-repeat:stretch;background-color:transparent;padding:.75rem 1rem;filter:drop-shadow(var(--_shadow) var(--_shadow) 0px rgba(0,0,0,.5));text-transform:capitalize;font-family:rocknrollone}button[data-v-1e4d13c7]:hover{cursor:pointer}button[data-v-1e4d13c7]:active{filter:drop-shadow(0px 0px 0px rgba(0,0,0,.5));transform:translate(var(--_shadow),var(--_shadow))}dialog[data-v-99f99d3a]{--_shadow: 1rem;--_padding: 4rem;margin:auto;border-image-source:url(/etc/sploosh-kaboom/dialog.svg);border-image-slice:12 12 12 12 fill;border-image-width:10px 10px 10px 10px;border-image-repeat:round;background-color:transparent;padding:var(--_padding);filter:drop-shadow(var(--_shadow) var(--_shadow) 0px rgba(0,0,0,.5))}dialog[data-v-99f99d3a]{animation:dismiss-99f99d3a .4s}dialog[open][data-v-99f99d3a]{animation:call-99f99d3a .4s}@keyframes call-99f99d3a{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes dismiss-99f99d3a{0%{display:block;transform:translateY(0)}to{display:none;transform:translateY(-100vh)}}h1[data-v-99f99d3a]{text-align:center;margin-bottom:1rem}h1 span[data-v-99f99d3a]{color:var(--modal-header-text);-webkit-text-stroke:1px black;text-transform:uppercase;padding:.5rem;background-color:var(--modal-header-background)}form[data-v-99f99d3a]{max-height:calc(100dvh - calc(var(--_padding) * 2));display:grid;grid-template-rows:auto 1fr auto}main[data-v-99f99d3a]{overflow:auto}footer[data-v-99f99d3a]{margin-top:1rem;display:flex;justify-content:space-between}.svg[data-v-f6e7e528],.image[data-v-f6e7e528]{pointer-events:none}.svg[data-v-f6e7e528]{position:absolute}.image[data-v-f6e7e528]{filter:url(#warp);background-image:url(/etc/sploosh-kaboom/water.png);background-color:var(--water-color);background-size:20%;position:absolute;z-index:-2;inset:-8px}@media (prefers-color-scheme: dark){.image[data-v-f6e7e528]{opacity:.75}}label[data-v-47319c6b]{display:block;border:2px solid transparent;font-size:1rem;margin:.25rem 0;padding:.25rem .5rem}label[data-v-47319c6b]:hover{cursor:pointer}label[data-v-47319c6b]:has(:checked){background-color:var(--settings-background-color);border:2px solid var(--settings-border-color);color:var(--settings-text-color)}label[data-v-47319c6b]:focus-within{background-color:transparent;border:2px solid var(--settings-border-color)}fieldset[data-v-47319c6b]{display:flex}#squid1[data-v-2c48b96e],#squid2[data-v-2c48b96e],#squid3[data-v-2c48b96e]{background-image:url(/etc/sploosh-kaboom/gridsquid-v.svg);background-size:100% 100%;position:relative}#squid1.h[data-v-2c48b96e],#squid2.h[data-v-2c48b96e],#squid3.h[data-v-2c48b96e]{background-image:url(/etc/sploosh-kaboom/gridsquid-h.svg)}#squid2.v[data-v-2c48b96e]{transform:scaleY(1.5)}#squid3.v[data-v-2c48b96e]{transform:scaleY(2)}#squid2.h[data-v-2c48b96e]{transform:scaleX(1.5)}#squid3.h[data-v-2c48b96e]{transform:scaleX(2)}#gameboard[data-v-1ebcaa54]{text-align:right}#highscore[data-v-1ebcaa54]{height:var(--_highscoreheight);text-align:right;font-size:1.25rem;border-image-source:url(/etc/sploosh-kaboom/frame.svg);border-image-slice:90 70 70 70;border-image-width:10px 10px 10px 10px;padding:.5rem 1.5rem;color:#fff;display:inline-block;background-color:#00000040;z-index:1;grid-area:1 / 1;pointer-events:none;transform:translateY(-110%)}#highscore .none[data-v-1ebcaa54]{visibility:hidden}#highscore span[data-v-1ebcaa54]{background-image:url(/etc/sploosh-kaboom/highscore.svg);background-size:cover;padding:.5rem;color:#000}#game[data-v-1ebcaa54]{--_highscoreheight: 50px;display:grid;grid-template-columns:150px auto auto;gap:.5rem}@media (orientation: portrait){#game[data-v-1ebcaa54]{display:block}}@media (orientation: landscape){.board[data-v-1ebcaa54],#container[data-v-1ebcaa54]{max-height:calc(100dvh - var(--_bordertop) - var(--_borderelse))}}#container[data-v-1ebcaa54]{--_bordertop: 65px;--_borderelse: 25px;display:grid;aspect-ratio:1;margin:var(--_bordertop) var(--_borderelse) var(--_borderelse) var(--_borderelse)}#container[data-v-1ebcaa54]:after{content:"";display:block;position:absolute;inset:calc(var(--_bordertop) * -1) calc(var(--_borderelse) * -1) calc(var(--_borderelse) * -1) calc(var(--_borderelse) * -1);border-image-source:url(/etc/sploosh-kaboom/frame.svg);border-image-slice:100 75 85 75;border-image-width:var(--_bordertop) var(--_borderelse) var(--_borderelse) var(--_borderelse);border-image-repeat:stretch;z-index:0;pointer-events:none}#squids[data-v-1ebcaa54]{pointer-events:none;grid-template-rows:repeat(8,minmax(0,1fr));z-index:-1}.board[data-v-1ebcaa54]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-area:1 / 1;aspect-ratio:1}.board.gameover[data-v-1ebcaa54]{pointer-events:none}#game.kaboom[data-v-1ebcaa54]{animation:tilt-n-move-shaking-1ebcaa54 .1s linear;animation-iteration-count:2}@keyframes tilt-n-move-shaking-1ebcaa54{0%{transform:translate(0) rotate(0)}25%{transform:translate(5px,5px) rotate(5deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-5px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}