.header{min-height:100px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:35px;font-weight:700;text-align:center;padding-top:25px;color:#333}.banner{margin-top:30px;text-align:center;display:block}.banner img{width:500px}.container{margin:20px 0;text-align:center}.panel_content{width:500px;display:block;margin:auto;border-radius:10px}.panel_content .title{background:#efefef;width:500px;display:block;margin-bottom:15px;font-size:20px;padding:10px 0;border-radius:10px 10px 0 0}.board{position:relative;width:496px;height:496px;background-color:#ffd695;background-image:linear-gradient(to right,#555 1px,transparent 1px),linear-gradient(to bottom,#555 1px,transparent 1px);background-size:33px 33px;margin:20px auto;cursor:pointer}.stone{position:absolute;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%)}.black{background-color:#000}.white{background-color:#fff;box-shadow:0 0 2px #333}.status{margin-top:19px;font-size:22px;font-weight:500}.btn_retry{background-color:#007bff;color:#fff;border:none;cursor:pointer;padding:10px 15px;border-radius:10px;font-size:18px;font-weight:500;margin:30px auto;width:97px}.footer{margin:30px 0 60px 0;text-align:center}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}@media (max-width:768px){.header{min-height:85px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:28px;font-weight:700;text-align:center;padding-top:20px;color:#333}.banner{margin-top:15px;text-align:center;display:block}.banner img{width:96%}.container{margin-bottom:10px;text-align:center}.panel_content{width:96%;display:block;margin:auto;border-radius:10px}.panel_content .title{background:#efefef;width:100%;display:block;margin-bottom:15px;font-size:18px;padding:10px 0;border-radius:10px 10px 0 0}.board{position:relative;width:90.5vmin;height:90vmin;background-color:#ffd695;background-image:linear-gradient(to right,#555 1px,transparent 1px),linear-gradient(to bottom,#555 1px,transparent 1px);background-size:calc(90vmin / 12) calc(90vmin / 12);margin:20px auto}.stone{position:absolute;width:25px;height:25px;border-radius:50%;transform:translate(-51%,-50%)}.black{background-color:#000}.white{background-color:#fff;box-shadow:0 0 2px #333}.status{margin-top:19px;font-size:22px;font-weight:500}.btn_retry{background-color:#007bff;color:#fff;border:none;cursor:pointer;padding:10px 15px;border-radius:10px;font-size:16px;font-weight:500;margin:30px auto;width:70px}.footer{margin:30px 0 60px 0;text-align:center}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}}@media (min-width:768px) and (max-width:1024px){.header{min-height:100px;border-bottom:1px solid #ccc}.title{display:block;font-family:sans-serif;font-size:35px;font-weight:700;text-align:center;padding-top:25px;color:#333}.banner{margin-top:30px;text-align:center;display:block}.banner img{width:500px}.container{margin:20px 0;text-align:center}.panel_content{width:500px;display:block;margin:auto;border-radius:10px}.panel_content .title{background:#efefef;width:500px;display:block;margin-bottom:15px;font-size:20px;padding:10px 0;border-radius:10px 10px 0 0}.board{position:relative;width:496px;height:496px;background-color:#ffd695;background-image:linear-gradient(to right,#555 1px,transparent 1px),linear-gradient(to bottom,#555 1px,transparent 1px);background-size:33px 33px;margin:20px auto;cursor:pointer}.stone{position:absolute;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%)}.black{background-color:#000}.white{background-color:#fff;box-shadow:0 0 2px #333}.status{margin-top:19px;font-size:22px;font-weight:500}.btn_retry{background-color:#007bff;color:#fff;border:none;cursor:pointer;padding:10px 15px;border-radius:10px;font-size:18px;font-weight:500;margin:30px auto;width:97px}.footer{margin:30px 0 60px 0;text-align:center}a{text-decoration:none;color:inherit}h3{display:inline-block;color:royalblue;font-weight:700;font-size:16px}}