body{font-family:Helvetica,sans-serif;background-color:#333;color:#fff}span.disabled{color:gray}a{color:#fff}#timer{float:right;color:#ff0}h1{color:#b22234;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;padding:0;margin:0;text-align:center;border-bottom:1px solid gray}.menu{border-bottom:1px solid gray;padding:5px;margin-bottom:15px;white-space:nowrap}.menu span.item{cursor:pointer;text-decoration:underline}#rules{padding:1em;background-color:gray;border:2px double #fff}#rules span{float:right;cursor:pointer}.hide{display:none}.menu .source{color:#fff}#main-section{width:75%;float:left}#info-section{margin-left:75%}@media screen and (max-width:600px){#main-section{width:100%}#info-section{display:none}}#log-container{height:500px;margin-left:1em;overflow-y:auto;font-size:80%}#log{margin:0;padding:0}#board-container{width:800px;margin:auto}#board{margin:auto;border:5px solid #fff;padding:1em;background-color:#b22234}#board .row{text-align:center;height:69px}#board .cell{height:55px;display:inline-block;width:55px;padding:10px}.pattern_name{font-weight:700;font-size:120%}.cell_number{font-size:70%;color:#000;margin-left:-5px;margin-top:-5px;float:left}div.hole{position:absolute}div .peg{cursor:pointer!important;position:absolute;display:inline-block;top:3px;left:2px}.red:after{background:radial-gradient(circle at 65% 15%,#ffe5e5 1px,#ffb2b2 3%,#e50000 50%,#600 100%)}.blue:after{background:radial-gradient(circle at 65% 15%,#def 1px,#69b 3%,#002868 50%,#000 100%)}.green:after{background:radial-gradient(circle at 65% 15%,#e5f2ef 1px,#b2d8b2 3%,green 50%,#002600 100%)}.black:after{background:radial-gradient(circle at 65% 15%,#f5f5f5 1px,#a5a5a5 3%,#333 50%,#000 100%)}.purple:after{background:radial-gradient(circle at 65% 15%,#e5cce5 1px,#b266b2 3%,purple 50%,#260026 100%)}div.peg:after{content:"";border-radius:100%;width:51px;height:51px;display:inline-block;vertical-align:middle}#board .highlight div.peg:after{content:"";border-radius:100%;width:51px;height:51px;display:inline-block;box-shadow:0 0 4px 5px orange;vertical-align:middle}div.hole:after{content:"";border-radius:100%;width:55px;height:55px;display:inline-block;vertical-align:middle;background:radial-gradient(circle at 35% 65%,#def 5%,#333 55%,#000 100%)}