body{overflow-x:hidden;margin:0;background-color:rgb(86,209,254);background-image:url(/artem-militonian-UYW6FZLlnL8-unsplash.jpg);background-size:130px;color:white;font-weight:700;font-family:Arial,Helvetica,sans-serif;display:grid;place-content:center;min-height:100dvh}label{font-weight:700;display:block;margin-bottom:10px;input,select{margin-top:5px;display:block;width:300px;padding:4px;border:1px solid rgb(207,207,207);border-radius:5px}}@media screen and (max-width:769px){.hero>div:not(:first-child){display:none}}main{margin:10px auto}h1{color:blue;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;span{background:linear-gradient(90deg,#00e1ff,#194fff,#a200ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;transform:scaleY(1.5) scaleX(.6);transform-origin:left;font-size:50px;filter:drop-shadow(2px 2px 0 rgba(5,13,100,.8))}}.relative{position:relative}.left-right{animation:leftright 8s linear infinite;position:absolute}@keyframes leftright{0%{right:calc(100% - 120px)}50%{right:0}to{right:calc(100% - 120px)}}.box{color:oklch(97.7% .013 236.62);background-color:oklch(74.6% .16 232.661);border-radius:5px;padding:10px;&.box-border{border:2px solid rgb(19,96,174)}&.box-padding{padding:10px}}.box+.box{margin-top:40px}main{max-width:800px;width:auto;overflow-x:hidden}img{max-width:100vw}.flex{display:flex}.inline-float{float:left;margin-right:20px}#cookie-banner{position:fixed;right:10px;padding:8px;bottom:10px;width:200px;color:blue;background-color:lightblue;strong{color:rgb(255,0,0);font-weight:900}&.bomb{background-image:url(/explosion.gif);color:transparent;background-size:contain}}.merchandise{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px;gap:5px}.fish-container{padding:10px;--border-angle:0deg;border-radius:12px;color:black;justify-content:center;align-items:center;box-shadow:0 2px 4px hsl(0 0% 0%/25%);animation:border-angle-rotate 2s linear infinite;border:.5rem solid transparent;position:relative;background:linear-gradient(rgba(255,255,255,.665),rgba(255,255,255,.93)) padding-box,conic-gradient(from var(--border-angle),oklch(100% 100% 0deg),oklch(100% 100% 45deg),oklch(100% 100% 90deg),oklch(100% 100% 135deg),oklch(100% 100% 180deg),oklch(100% 100% 225deg),oklch(100% 100% 270deg),oklch(100% 100% 315deg),oklch(100% 100% 1turn)) border-box}@keyframes border-angle-rotate{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}a,button{cursor:pointer}.fish{display:flex;div{display:grid;place-content:center}img{cursor:pointer;transform:scale(.9);transition:transform .2s ease-in-out;&:hover{transform:scale(1)}}.looser-fish img{transform:scale(.8);opacity:.7}.winner-fish img{animation:fish-selected 1s linear infinite forwards}&.fish-hidden{opacity:.7;pointer-events:none}&.fish-selected img{animation:fish-selected .5s linear infinite forwards}}@keyframes fish-selected{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}