.cmn-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.cmn-modal .cmn-modal__ttl{width:43.2rem;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.cmn-modal .cmn-modal__ttl{width:28.2rem;margin-top:9.6rem}}.cmn-modal .cmn-modal-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;margin-top:4.9rem}@media screen and (max-width: 767px){.cmn-modal .cmn-modal-menu{gap:1rem;margin-top:10rem}}.cmn-modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;inset:0;margin:auto;width:90rem;height:55rem;background:url(../img/modal/field.jpg) center/cover no-repeat;padding:2.4rem;border:1px solid #888;border-radius:1rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:fadeIn .2s;animation:fadeIn .2s}@media screen and (max-width: 767px){.cmn-modal-content{width:34.5rem;height:55rem;padding:1.5rem 1rem;background:url(../img/sp/modal/field.jpg) center/cover no-repeat}}.close-btn{position:absolute;z-index:100;top:-2.2rem;width:5.5rem;height:5.5rem;border:.2rem solid #fff;background:#000;border-radius:50%;right:-2.2rem;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}@media screen and (max-width: 767px){.close-btn{width:3.5rem;height:3.5rem;top:-1.7rem;right:-1rem;border:.1rem solid #fff}}@media(any-hover: hover){.close-btn:hover{background-color:#eb5711}}.close-btn::before,.close-btn::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:.1rem;width:3.2rem;height:.3rem;background-color:#fff;margin:auto}@media screen and (max-width: 767px){.close-btn::before,.close-btn::after{width:2rem;height:.2rem}}.close-btn::before{-webkit-transform:rotate(25deg);transform:rotate(25deg)}.close-btn::after{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}.close-btn:hover,.close-btn:focus{color:#000;text-decoration:none}.rules .rules__ttl{display:block;width:10.2rem;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.rules .rules__ttl{width:7.5rem}}.rules .rules__sep{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6rem}@media screen and (max-width: 767px){.rules .rules__sep{gap:1.2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1.2rem}}.rules .rules-list{display:block;width:46rem}@media screen and (max-width: 767px){.rules .rules-list{width:100%}}.rules .rules-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:1rem}@media screen and (max-width: 767px){.rules .rules-list__item{gap:.5rem}}.rules .rules-list__item:not(:first-of-type){margin-top:2.5rem}@media screen and (max-width: 767px){.rules .rules-list__item:not(:first-of-type){margin-top:1.5rem}}.rules .rules-list__num{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:4.4rem;height:4.4rem;border-radius:50%;background-color:#000;color:#fff;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:700;font-size:2.4rem;font-size:max(2.4rem,10px);line-height:1;letter-spacing:0}@media screen and (max-width: 767px){.rules .rules-list__num{width:3rem;height:3rem;font-size:1.6rem;font-size:max(1.6rem,10px)}}.rules .rules-list__txt{text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:2.4rem;font-size:max(2.4rem,10px);letter-spacing:0;font-weight:700;line-height:1.6}@media screen and (max-width: 767px){.rules .rules-list__txt{font-size:1.5rem;font-size:max(1.5rem,10px);letter-spacing:0;line-height:1.65}}.rules .rules__fig{width:25rem}@media screen and (max-width: 767px){.rules .rules__fig{width:31rem}}.rules .rules__btn{margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.rules .rules__btn{margin-top:1.8rem}}#modal-game-view{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ingame-back-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;gap:.5rem;top:2rem;left:2rem;z-index:5;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.3rem 1.5rem .3rem 2.5rem;color:#fff;background-color:#7f8c8d;border:none;border-radius:.5rem;cursor:pointer;font-size:1.4rem;font-size:max(1.4rem,10px);letter-spacing:0;font-weight:700;line-height:1.65;-webkit-transition:background-color .2s;transition:background-color .2s}@media screen and (max-width: 767px){.ingame-back-btn{font-size:1.2rem;font-size:max(1.2rem,10px);letter-spacing:0;line-height:1.3}}@media screen and (max-width: 767px){.ingame-back-btn{top:1.5rem;left:1rem;padding:.6rem 1.5rem .6rem 2.5rem}}.ingame-back-btn .ico_svg{position:absolute;top:0;bottom:0;left:.5rem;margin:auto;width:1.2rem;height:1.2rem}.ingame-back-btn .ico_svg .svg-path{fill:#fff}.ingame-back-btn:hover{background-color:#525a5b}.game-status{-ms-flex-negative:0;flex-shrink:0;padding:5px;font-size:1.5em;font-weight:bold}.game-board{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:23.2rem;width:100%;height:30rem}@media screen and (max-width: 767px){.game-board{gap:0;height:34rem}}.game-board .game-board__area{position:relative;width:21rem}@media screen and (max-width: 767px){.game-board .game-board__area{width:15.8rem}}.game-board .game-board__area.game-board__area--opponent{-ms-flex-item-align:start;align-self:flex-start}.game-board .game-board__area.game-board__area--opponent .game-board__txt{left:-5.1rem}@media screen and (max-width: 767px){.game-board .game-board__area.game-board__area--opponent .game-board__txt{left:0}}@media screen and (max-width: 767px){.game-board .game-board__area.game-board__area--opponent .status-text{left:-0.7rem}}.game-board .game-board__area.game-board__area--opponent .game-board__circle{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width: 767px){.game-board .game-board__area.game-board__area--opponent .game-board__circle{margin-left:auto}}.game-board .game-board__area.game-board__area--player{-ms-flex-item-align:end;align-self:flex-end}.game-board .game-board__area.game-board__area--player .game-board__txt{right:-5.1rem}@media screen and (max-width: 767px){.game-board .game-board__area.game-board__area--player .game-board__txt{right:0}}.game-board .game-board__area:has(.status-text__elm--active) .game-board__circle{-webkit-transition:border-color .3s ease;transition:border-color .3s ease;border-color:#eb5711}.game-board .game-board__txt{position:absolute;top:0;bottom:0;margin:auto;width:3.1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:2.8rem;font-size:max(2.8rem,10px);font-weight:700;line-height:1.2;letter-spacing:0}@media screen and (max-width: 767px){.game-board .game-board__txt{width:2rem;font-size:2rem;font-size:max(2rem,10px)}}.game-board .game-board__circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:21rem;border-radius:50%;background-color:#fff;border:.8rem solid #fff}@media screen and (max-width: 767px){.game-board .game-board__circle{width:13.2rem;height:13.2rem;border:.4rem solid #fff}}@media screen and (max-width: 767px){.hand-display{width:9.6rem}}.status-text{position:absolute;top:-6.7rem;left:-4.3rem;width:20rem;height:9.6rem}@media screen and (max-width: 767px){.status-text{width:15rem;height:7.2rem;top:-4.7rem;left:-3.7rem}}.status-text .status-text__elm{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3);-webkit-transform-origin:56% 70%;transform-origin:56% 70%;-webkit-transition:opacity .1s ease,-webkit-transform 0s .3s ease;transition:opacity .1s ease,-webkit-transform 0s .3s ease;transition:transform 0s .3s ease,opacity .1s ease;transition:transform 0s .3s ease,opacity .1s ease,-webkit-transform 0s .3s ease}.status-text .status-text__elm.status-text__elm--active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s ease,-webkit-transform .3s cubic-bezier(0.38, -0.29, 0.25, 1.49);transition:opacity .3s ease,-webkit-transform .3s cubic-bezier(0.38, -0.29, 0.25, 1.49);transition:transform .3s cubic-bezier(0.38, -0.29, 0.25, 1.49),opacity .3s ease;transition:transform .3s cubic-bezier(0.38, -0.29, 0.25, 1.49),opacity .3s ease,-webkit-transform .3s cubic-bezier(0.38, -0.29, 0.25, 1.49)}#cmn-modal-game-view{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 767px){#cmn-modal-game-view{padding-bottom:2rem}}.game-board-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:3rem;gap:2rem}@media screen and (max-width: 767px){.game-board-controls{margin-top:1.5rem;gap:.8rem}}.game-board-controls__btn{cursor:pointer}@media(any-hover: hover){.game-board-controls__btn:hover .game-board-controls__circle{border-color:#000}}.game-board-controls__circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:7rem;height:7rem;border-radius:50%;background-color:#fff;border:.2rem solid #fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}@media screen and (max-width: 767px){.game-board-controls__circle{width:4.4rem;height:4.4rem}}.game-board-controls__circle .ico_svg{width:5rem;height:5rem}@media screen and (max-width: 767px){.game-board-controls__circle .ico_svg{width:3.2rem;height:3.2rem}}.game-board-controls__num{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:.3rem auto 0;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:700;font-size:2.4rem;font-size:max(2.4rem,10px);letter-spacing:0;line-height:1}@media screen and (max-width: 767px){.game-board-controls__num{font-size:1.8rem;font-size:max(1.8rem,10px)}}.buttons-disabled{pointer-events:none}#countdown-overlay{pointer-events:none;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#countdown-overlay.is-active .ready .kuma-group{opacity:1;-webkit-transform:translate(0, 0) rotate(0deg) scale(1) !important;transform:translate(0, 0) rotate(0deg) scale(1) !important;-webkit-transition:opacity .6s ease,-webkit-transform .6s ease,-webkit-filter .6s ease;transition:opacity .6s ease,-webkit-transform .6s ease,-webkit-filter .6s ease;transition:transform .6s ease,opacity .6s ease,filter .6s ease;transition:transform .6s ease,opacity .6s ease,filter .6s ease,-webkit-transform .6s ease,-webkit-filter .6s ease}#countdown-overlay.is-active .ready .kuma-group.kuma-group01{-webkit-transition-delay:.2s;transition-delay:.2s}#countdown-overlay.is-active .ready .kuma-group.kuma-group02{-webkit-transition-delay:.5s;transition-delay:.5s}#countdown-overlay.is-active .ready .kuma-group.kuma-group03{-webkit-transition-delay:.8s;transition-delay:.8s}#countdown-overlay.is-active .ready .kuma-group.kuma-group04{-webkit-transition-delay:1.1s;transition-delay:1.1s}#countdown-overlay .ready{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:35.7rem}@media screen and (max-width: 767px){#countdown-overlay .ready{width:24.9rem}}#countdown-overlay .ready .kuma-group{opacity:0;-webkit-transition:opacity .6s ease,-webkit-transform 0s .6s ease,-webkit-filter .6s ease;transition:opacity .6s ease,-webkit-transform 0s .6s ease,-webkit-filter .6s ease;transition:transform 0s .6s ease,opacity .6s ease,filter .6s ease;transition:transform 0s .6s ease,opacity .6s ease,filter .6s ease,-webkit-transform 0s .6s ease,-webkit-filter .6s ease;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#countdown-overlay .ready .kuma-group.kuma-group01{-webkit-transform:rotate(-10deg) scale(0.8);transform:rotate(-10deg) scale(0.8)}#countdown-overlay .ready .kuma-group.kuma-group02{-webkit-transform:rotate(-10deg) scale(0.8);transform:rotate(-10deg) scale(0.8)}#countdown-overlay .ready .kuma-group.kuma-group03{-webkit-transform:rotate(-10deg) scale(0.8);transform:rotate(-10deg) scale(0.8)}#countdown-overlay .ready .kuma-group.kuma-group04{-webkit-transform:scale(0.9);transform:scale(0.9)}#result-overlay{display:none;position:absolute;z-index:1;top:0;left:0;z-index:20;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#result-overlay::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:2rem;opacity:0;margin:auto;background-color:rgba(248,245,234,.8);-webkit-transition:opacity .6s ease;transition:opacity .6s ease}#result-overlay .result-overlay__in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(10.7rem);transform:translateY(10.7rem);-webkit-transition:-webkit-transform .8s ease;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease, -webkit-transform .8s ease}@media screen and (max-width: 767px){#result-overlay .result-overlay__in{-webkit-transform:translateY(7.7rem);transform:translateY(7.7rem)}}#result-overlay.result-overlay--paused::before{opacity:1}#result-overlay.result-overlay--paused .result-overlay__in{-webkit-transform:translateY(0);transform:translateY(0)}#result-overlay.result-overlay--paused .result-buttons__btnwrap{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#result-overlay .result-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:10.1rem}@media screen and (max-width: 767px){#result-overlay .result-buttons{margin-top:7.5rem}}#result-overlay .result-buttons__btnwrap{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,opacity .3s ease,filter .3s ease;transition:transform .3s ease,opacity .3s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;-webkit-transition-delay:.6s;transition-delay:.6s}#result-overlay .result-buttons__btnwrap:nth-of-type(2){-webkit-transition-delay:.7s;transition-delay:.7s}#result-text{position:relative;width:10.3rem;height:5rem}@media screen and (max-width: 767px){#result-text{width:8.2rem;height:4rem}}#result-text .result-text__area{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#result-text .result-text__area.result-text__area--active{opacity:1;pointer-events:auto}.result-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}#custom-confirm-overlay{display:none;position:fixed;top:0;left:0;z-index:10001;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.confirm-dialog-box{background-color:#fff;padding:3rem 4rem;border-radius:1rem;text-align:center;-webkit-box-shadow:0 .5rem 1.5rem rgba(0,0,0,.3);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.3);-webkit-animation:popIn .3s;animation:popIn .3s}@media screen and (max-width: 767px){.confirm-dialog-box{max-width:34.5rem;padding:2rem 2rem}}.confirm-dialog-box p{font-size:1.4rem;font-size:max(1.4rem,10px);font-weight:700;margin-bottom:2rem}.confirm-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1.5rem}.cmn-modal-btn{width:7rem;text-align:center;height:3rem;color:#fff;border-radius:.5rem;font-size:1.4rem;font-size:max(1.4rem,10px);letter-spacing:0;font-weight:700;line-height:1.65;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}@media screen and (max-width: 767px){.cmn-modal-btn{font-size:1.2rem;font-size:max(1.2rem,10px);letter-spacing:0;line-height:1.3}}#confirm-yes-btn{background-color:#e74c3c}#confirm-yes-btn:hover{background-color:#c0392b}#confirm-no-btn{background-color:#95a5a6}#confirm-no-btn:hover{background-color:#7f8c8d}@-webkit-keyframes fadeIn{from{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes fadeIn{from{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popIn{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}