@import url('../inflated-tank/style.css');

body[data-mode=day]{background:radial-gradient(ellipse at 38% 18%,#faf1e9 0,#e4dfe8 54%,#cad7e6 100%)}
body[data-mode=night]{background:radial-gradient(ellipse at 38% 18%,#162736 0,#0d1b29 58%,#09151e 100%)}
body [data-group=name] .glyph.reef-coral{color:transparent;-webkit-text-stroke:2px #a46c80;text-shadow:1px 2px #8a637b,0 5px 8px #624b7055;filter:drop-shadow(0 2px 2px #ad789555)}
body [data-group=name] .glyph.reef-coral::before{background:radial-gradient(circle at 18% 29%,#f7c9a0 0 3%,transparent 4%),radial-gradient(circle at 68% 72%,#a76578 0 5%,transparent 6%),radial-gradient(circle at 42% 58%,#f4b093 0 4%,transparent 5%),linear-gradient(130deg,#f3c5a2,#cd7f78 45%,#9c676f 75%,#e3a37e);background-size:26px 31px,35px 29px,20px 22px,auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;opacity:.5}
body [data-group=name] .glyph.reef-coral::after{color:transparent;-webkit-text-stroke:1px #ffd9aeaa;transform:translate(-1px,-1px);opacity:.9}
body[data-mode=night] [data-group=name] .glyph.reef-coral{color:transparent;-webkit-text-stroke-color:#916580;text-shadow:0 3px #624967,0 5px 7px #0008}
body[data-mode=night] [data-group=name] .glyph.reef-coral::before{background-image:radial-gradient(circle at 18% 29%,#e7bfce 0 3%,transparent 4%),radial-gradient(circle at 68% 72%,#bc86a7 0 5%,transparent 6%),radial-gradient(circle at 42% 58%,#efbdd3 0 4%,transparent 5%),linear-gradient(130deg,#e2b8cb,#a177a7 48%,#785b90 78%,#c58eaa)}
body[data-mode=night] [data-group=name] .glyph.reef-coral::after{-webkit-text-stroke-color:#f4d2e0aa}

#cord-hit{fill:none;stroke:transparent;stroke-width:24px;pointer-events:stroke;cursor:grab;touch-action:none}
.pull-switch{touch-action:none}