@font-face{font-family:DarlingCoffee;src:url("../font/Darling Coffee.ttf") format("truetype")}html{background-color:#ffffd9}body{background-color:#ffffd9}@media(max-width:768px){body{padding-left:0;padding-right:0}}.top-menu{height:30px;max-width:500px;margin:0 auto}.top-menu ul{display:table;margin:0 auto;padding:0;width:80%;text-align:center}.top-menu li{display:table-cell;min-width:50px}.top-menu a{display:block;width:100%;text-decoration:none;color:#555;padding-bottom:5px}.top-menu li.current{border-bottom:3px solid #92d050}.top-menu li:hover{color:#e7da66;border-bottom:3px solid #f0e475}@media(max-width:768px){.top-menu{display:none}}.bottom-menu{position:fixed;width:100%;bottom:0;opacity:1;z-index:100}.bottom-menu ul{display:flex;list-style:none;padding:0;margin:0;width:100%;background:#fff}.bottom-menu li{justify-content:center;align-items:center;width:50%;padding:0;margin:0}.bottom-menu li a{color:#333;text-align:center;display:block;width:100%;padding:15px 0 15px 0;font-size:8px;text-decoration:none}.bottom-menu li p{font-size:8px}.footer-icon{width:20px}@media(min-width:768px){.bottom-menu{display:none}}.game-title{font-family:Modak,serif;font-weight:400;font-style:normal}.results-menu ul{display:table;margin:0 auto;padding:0;width:80%;text-align:center}.results-menu li{display:table-cell;min-width:50px}.results-menu a{display:block;width:100%;text-decoration:none;color:#fff;padding-bottom:5px}.results-menu li.current{border-bottom:3px solid #92d050}.results-menu li:hover{color:#e7da66;border-bottom:3px solid #f0e475}.ads-area{height:44px;background-color:rgba(200,200,200,.5);margin-bottom:10px}@media(min-width:768px){.ads-area{display:none}}#main.container{text-align:center}.disabled{opacity:.5}#message{margin-top:1em}#preference-pane{background-color:rgba(50,50,50,.5);position:fixed;inset:0;margin:auto;max-width:400px;width:50%;height:50%}#player-type-forms{display:inline-block}#black-player-level,#white-player-level{width:auto}#swap-player-types-button{position:relative;top:-2em}#game-score{width:80%;max-width:400px;height:calc(7vw);max-height:50px;margin:0 auto}#game-score .black-area{display:flex;align-items:center;justify-content:space-between;width:45%;height:90%;float:left;border:solid 2px #000;border-radius:9999px;padding:2px}#game-score .black-area .black-stone{height:100%;background-color:#000;border-radius:50%;aspect-ratio:1;float:left}#game-score .black-area.is-active{background-color:#87cefa}.player-name{float:left;font-size:clamp(16px,5vw,24px)}.stone-count{margin-right:10%;float:right;font-size:clamp(16px,5vw,24px);margin-left:auto}#game-score .white-area{display:flex;align-items:center;justify-content:space-between;width:45%;height:90%;float:right;border:solid 2px #000;border-radius:9999px;padding:2px 2px 3px 2px}#game-score .white-area .white-stone{height:100%;background-color:#fff;border:solid 1px #000;border-radius:50%;aspect-ratio:1;float:left}#game-score .white-area.is-active{background-color:#87cefa}#game-board{aspect-ratio:1;max-width:500px;margin:0 auto}#game-board>table{width:100%;height:100%;margin:0 auto;table-layout:fixed}#game-board>table th{margin:0;padding:.125em .25em;line-height:100%}#game-board>table .cell{background:#090;border:1px solid #ccc;padding:0;margin:0;line-height:0}#game-board>table .cell.odd{background:#080}#game-board>table .cell.attackable{cursor:pointer}#game-board>table .cell.attackable:hover{background:#cc0}#game-board>table .cell>.disc{display:inline-block;width:90%;height:90%;border-radius:50%;margin:.25em}#game-board>table .cell.white>.disc{background:radial-gradient(circle at 30% 30%,#fff,#ccc);box-shadow:0 4px 8px rgba(0,0,0,.3)}#game-board>table .cell.black>.disc{background:radial-gradient(circle at 30% 30%,#000,#333);transform:rotateX(0) translateY(0);transform-origin:center;transition:transform .4s ease,background .4s ease,box-shadow .4s ease;box-shadow:0 4px 8px rgba(0,0,0,.5)}#game-board>table .cell.attackable>.disc{opacity:.2}#game-board>table .cell.attackable:hover>.disc{opacity:1}#game-board>table .board-frame{width:20px;height:20px}.winner_text{display:none;justify-content:center;align-items:center;color:red;font-family:Modak,serif;font-weight:400;font-size:clamp(16px,20vw,7rem);font-style:normal;text-transform:uppercase;-webkit-text-stroke:3px #fff}.winner_text.is-active{--opacity:1;--scale:1}.winner_char{display:inline-block;line-height:normal;transform:scale(var(--scale,0));opacity:var(--opacity,0);transition:opacity .4s cubic-bezier(.77,0,.175,1),transform .4s cubic-bezier(.39,.575,.565,1);transition-delay:calc(.016s * var(--char-index))}.loser_text{line-height:100%;display:none;justify-content:center;align-items:center;color:#00f;font-family:Modak,serif;font-weight:400;font-size:clamp(16px,20vw,7rem);font-style:normal;text-transform:uppercase;-webkit-text-stroke:3px #fff}.loser_text.is-active{--x:0}.loser_char{overflow:hidden}.loser_char-text{display:inline-block;line-height:normal;transform:translateX(var(--x,-106%));transition:transform .6s cubic-bezier(.77,0,.175,1);transition-delay:calc(.05s * var(--char-index))}.draw_text{line-height:100%;display:none;justify-content:center;align-items:center;color:#0f0;font-family:Modak,serif;font-weight:400;font-size:clamp(16px,20vw,7rem);font-style:normal;text-transform:uppercase;-webkit-text-stroke:3px #fff}.draw_text.is-active{--x:0}.draw_char{overflow:hidden}.draw_char-text{display:inline-block;line-height:normal;transform:translateX(var(--x,-101%));transition:transform .6s cubic-bezier(.77,0,.175,1);transition-delay:calc(.05s * var(--char-index))}.result_container{display:none;position:fixed;inset:0;width:100%;height:100%}.result_area{margin:auto;max-width:400px;width:80%;height:fit-content}.abouts-container{background-color:rgba(50,50,50,.5);position:fixed;inset:0;margin:auto;width:100%;height:100%}.abouts_box{background-color:#080;padding:.5em 1em;margin:2em 0;border:double 5px #fff;inset:0;margin:0 auto;max-width:400px;width:80%;height:fit-content}.abouts_box .abouts-title{color:#fff;font-weight:700}.abouts_box p{color:#fff;margin:0;padding:0;word-break:break-word}.abouts_title{color:#fff}.result_history_container{display:none;background-color:rgba(50,50,50,.5);position:fixed;inset:0;margin:auto;width:100%;height:100%}.result_box{display:none;background-color:#080;padding:.5em 1em;margin:2em 0;border:double 5px #fff;inset:0;margin:auto;max-width:400px;width:80%;height:fit-content}.result_title{color:#fff}.result_box .box-title{color:#fff;font-weight:700}.result_box p{color:#fff;margin:0;padding:0}.result_table{border-collapse:collapse;width:75%;margin:0 auto}.result_table th,td{border:solid 1px;width:25%;background-color:#000}.game-menu-container{display:none;background-color:rgba(50,50,50,.7);position:fixed;inset:0;margin:auto;width:100%;height:100%}.game-menu-box{background-color:rgba(50,50,50,.5);padding:.5em 1em;margin:2em 0;border:double 5px #fff;position:fixed;inset:0;margin:auto;max-width:400px;width:80%;height:fit-content}.game-menu-box .box-title{color:#fff;font-weight:700}.game-menu-result{color:#ccc;font-size:14px}.game-menu-box p{color:#fff;margin:0;padding:0}.game-menu-level{font-size:18px;width:80%;margin:0 auto 20px;text-align:left;border-radius:5px;border:solid 1px #fff;padding:5px;background-color:#000}.game-menu-box{color:#fff}.pass_botton{position:relative;display:flex;justify-content:space-around;align-items:center;margin:0 auto;max-width:240px;padding:5px 25px;color:#fff;transition:.3s ease-in-out;font-weight:600;background:pink;filter:drop-shadow(0 2px 4px #ccc);border-radius:3px;border-radius:50px}.pass_botton:after{content:'';width:5px;height:5px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg) translateY(-50%);position:absolute;top:46%;right:20px;border-radius:1px;transition:.3s ease-in-out}.pass_botton:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px rgb(0 0 0 / 15%),0 0 5px rgb(0 0 0 / 10%)}