.clickable{cursor:pointer}.possible_move{background-color:#00000034;cursor:pointer}.clickable:hover,.possible_move:hover{background-color:rgba(70,192,213,.5)!important}.selected{background-color:rgba(45,170,65,.45)!important}#play_area{background-image:url(img/lily_pond.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:grid;grid-template-columns:1fr min-content 1fr;grid-template-rows:repeat(2,min-content);justify-content:center;min-height:800px}.scored_area{grid-gap:1rem;display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);height:fit-content;margin:3rem 1rem}.scored_left{direction:rtl;margin-left:auto}.scored_right{margin-right:auto}.scored_area>.piece{position:inherit}#board{background-image:url(img/board.jpg);background-repeat:no-repeat;background-size:contain;height:520px;margin:1em 0;min-height:520px;min-width:520px;position:relative;width:520px}.square{height:98px;width:98px}.piece,.square{position:absolute}.piece{background-image:url(img/pieces.jpg);background-repeat:no-repeat;background-size:201px 134px;border-radius:5px;box-shadow:inset 0 0 0 3px #ac9985,4px -4px 5px 0 rgba(0,0,0,.5);height:67px;width:67px}.piece_light{background-position-y:0}.piece_dark{background-position-y:-67px;box-shadow:inset 0 0 0 3px #542c1c,4px -4px 5px 0 rgba(0,0,0,.5)}.type_egg{background-position-x:0}.type_tadpole{background-position-x:-67px}.type_frog{background-position-x:-134px}#spawn_area{display:flex;font-size:140%;font-weight:700;gap:90px;grid-column:span 3;grid-row:1;justify-content:center;margin-top:4rem}#spawn_area>div,.cp_board{align-items:center;display:flex}.cp_board{margin:.25em}.spawn_counter{margin-right:.5rem;position:relative}.spawn_count_container{align-items:center;aspect-ratio:1/1;background-color:#c6653e;border:2px solid #542c1c;border-radius:50%;display:flex;height:37px;justify-content:center;padding:.4rem}.spawn_container_light{background-color:#fde1be;border-color:#ac9985}.empty_spawn{color:red}.spawn_icon{background-image:url(img/pieces.jpg);background-size:102px 68px;border-radius:5px;box-shadow:inset 0 0 0 1px #ac9985,1px 1px 1px rgba(0,0,0,.5);height:34px;margin-right:6px;position:relative;width:34px}.spawn_dark{background-position-y:-34px;box-shadow:inset 0 0 0 1px #542c1c,1px 1px 1px rgba(0,0,0,.5)}.die{height:62px;position:relative;transform-style:preserve-3d;transition:all .5s ease-in;width:62px}.turn-die{transform:rotate3d(0,-1,0,90deg)}.right{transform:rotateY(90deg) translateZ(31px)}.animate_true{animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes fadein{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:1160px){#play_area{background-position:top;background-size:1150px;border-radius:0;grid-template-columns:min-content;grid-template-rows:repeat(4,min-content);padding-top:2rem}#spawn_area{margin-top:0}.scored_left{direction:ltr;grid-row:3;margin-left:3rem}.scored_right{direction:rtl;grid-row:4;margin-right:3rem}.scored_area{grid-auto-flow:row;grid-template-columns:repeat(5,auto);grid-template-rows:repeat(3,auto);margin:1rem 3rem}}#page-title{min-height:35px}