@charset "UTF-8";#game-canvas{display:flex;justify-content:center;align-items:center;background-color:#fff;margin:0}#game-container{position:relative;width:360px;height:412px;background-color:#333;padding:10px;border-radius:10px;border:4px solid #fff;opacity:0.5;transition:opacity 1s ease-in-out;display:flex;flex-direction:column;align-items:center;border:5px solid #aaa;box-shadow:5px 5px 5px 0px rgba(0,0,0,0.7) inset;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.7) inset;-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.7) inset}#score-board{background:#ff6204;color:white;font-size:18px;font-weight:bold;margin-bottom:0px;border:2px solid orange;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:3px 3px 3px 0px rgba(0,0,0,0.7);-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.7)}#grid{position:relative;display:grid;grid-template-columns:repeat(8,40px);grid-template-rows:repeat(8,40px);gap:2px;margin-top:10px}.jewel{position:absolute;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:transform 0.3s ease-in-out,opacity 0.5s ease-in-out;box-shadow:inset 0.3em 0.3em 0.3em 0 rgba(255,255,255,0.5),inset -0.3em -0.3em 0.3em 0 rgba(0,0,0,0.5);-webkit-box-shadow:inset 0.3em 0.3em 0.3em 0 rgba(255,255,255,0.5),inset -0.3em -0.3em 0.3em 0 rgba(0,0,0,0.5);-moz-box-shadow:inset 0.3em 0.3em 0.3em 0 rgba(255,255,255,0.5),inset -0.3em -0.3em 0.3em 0 rgba(0,0,0,0.5)}.selected{outline:3px solid white}#start-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:50px;background-color:orange;color:white;font-size:20px;border:none;border-radius:10px;cursor:pointer;z-index:10}#start-button:hover{background-color:darkorange}