*,:after,:before{box-sizing:border-box}body,html{height:100%;width:100%}body{align-items:center;background:url(/hardoff-family/junk-ken-janko/assets/img/bg.png) repeat,#004098;font-family:Noto Sans JP,sans-serif;justify-content:center}.app-container,body{display:flex;margin:0}.app-container{background:#fff;background-image:url(/hardoff-family/junk-ken-janko/assets/img/bg.png?_=20240627);background-position:50%;border:.1875rem solid #000;box-shadow:0 0 .625rem 0 #0009;flex-direction:column;height:100dvh;justify-content:space-between;max-height:56.25rem;position:relative;width:100%}@media screen and (max-width:1050px){.app-container{max-width:37.5rem}}.app-container-decoration{bottom:3.125rem;position:absolute;right:3.125rem}@media screen and (max-width:1090px){.app-container-decoration{display:none}}[data-template]{display:none!important}.attention{padding-left:1em;text-indent:-1em}.attention:before{content:"※"}.app-header{align-items:center;background-color:#fff;display:flex;flex-shrink:0;justify-content:flex-start;margin:0 auto;max-width:26.875rem;width:100%}@media screen and (max-width:1050px){.app-header{max-width:inherit}}.app-header .go-hff-top{transition:opacity .2s}.app-header .go-hff-top:hover{opacity:.75}.app-header .go-hff-top>img{display:block}.app-title{display:none;font-family:Yusei Magic,sans-serif;font-size:2rem;font-weight:400;margin:0;padding:0 1rem}.app-main{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;margin:0 auto;max-width:26.875rem;padding-bottom:30px;position:relative;width:100%;z-index:0}@media screen and (max-width:1050px){.app-main{max-width:inherit}}.app-footer{align-items:center;background-color:#1c4098;display:flex;flex-direction:column;flex-shrink:0;margin:0 auto;max-width:26.875rem;position:relative;width:100%;z-index:1}@media screen and (max-width:1050px){.app-footer{max-width:inherit}}.app-footer .bgm-switcher{display:none}.app-footer .copyright{color:#fff;font-size:.625rem;padding:.25rem}.is-game-started .app-footer .bgm-switcher{padding:1rem}.is-game-started .app-footer .bgm-switcher .attention{display:none}.errors{align-items:flex-end;bottom:0;display:flex;flex-direction:column-reverse;gap:.5rem;max-height:100vh;max-width:80vw;overflow:auto;padding:2.75rem .5rem .5rem 0;position:fixed;right:0;z-index:9999}.errors .close-button{background-color:#0000;border:none;cursor:pointer;display:block;height:2.75rem;padding:.25rem;position:absolute;right:0;top:0;transition:color .2s;width:100%;z-index:1}.errors .close-button>svg{display:block;margin:0 0 0 auto;max-height:100%;max-width:100%}.errors .close-button:hover{color:#004098}.errors .error-message{background-color:#fed7d7;border-radius:.25rem;box-shadow:0 1px 4px 0 #0003;font-size:.875rem;margin:0;padding:.5rem}.prize-form{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;flex-shrink:0;font-family:Yusei Magic,sans-serif;gap:1rem;padding:.5rem 0 1rem;width:100%}.prize-form .message{flex-shrink:0;font-size:1.25rem}.prize-form .message:empty{display:none}.prize-form button[type=submit]{align-items:center;background:#fff000;border:.25rem solid #000;border-radius:9999px;box-shadow:0 .3125rem 0 #000;color:#000;cursor:pointer;display:flex;font-family:Yusei Magic,sans-serif;font-size:1.125rem;font-weight:400;height:4.375rem;justify-content:center;margin:0 auto;max-width:19.75rem;transition:.3s ease;width:100%}@media print,screen and (min-width:1051px){.prize-form button[type=submit]:hover{background:#aaa100}}.prize-form button[type=submit]:active{background:#aaa100;box-shadow:none;transform:translateY(.3125rem)}.prize-form button[type=submit]:disabled{background-color:#c4c4c4;box-shadow:none;pointer-events:none}.user-hand-selector{border-radius:.5rem;flex-shrink:0;padding:3rem .5rem 1rem}.user-hand-selector .choices{align-items:center;display:flex;gap:.5rem;justify-content:center}.user-hand-selector .choices fieldset{border:0;margin:0;max-width:6.25rem;padding:0;width:calc(33.33333% - .33333rem)}.user-hand-selector .choices fieldset input[type=radio]{display:none}.user-hand-selector .choices fieldset input[type=radio]+label{align-items:center;border:.25rem solid #000;border-radius:1.25rem;box-shadow:0 .3125rem 0 #000;cursor:pointer;display:flex;justify-content:center;transition:.2s}@media print,screen and (min-width:1051px){.user-hand-selector .choices fieldset input[type=radio]+label:hover{filter:brightness(.6)}}.user-hand-selector .choices fieldset input[type=radio]+label:active{box-shadow:none;filter:brightness(.6);transform:translateY(.3125rem)}.user-hand-selector .choices fieldset input[type=radio]+label[for=input_hand_g]{background:#00a5ff}.user-hand-selector .choices fieldset input[type=radio]+label[for=input_hand_c]{background:#fff000}.user-hand-selector .choices fieldset input[type=radio]+label[for=input_hand_p]{background:#ff4646}.user-hand-selector .choices fieldset input[type=radio]+label img{display:block;height:auto;max-height:100%;max-width:100%}.user-hand-selector .choices fieldset input[type=radio]:checked+label{box-shadow:none;filter:brightness(.6);transform:translateY(.3125rem)}.user-hand-selector button[type=submit]{align-items:center;background:#fff000;border:.25rem solid #000;border-radius:9999px;box-shadow:0 .3125rem 0 #000;color:#000;cursor:pointer;display:flex;font-family:Yusei Magic,sans-serif;font-size:1.125rem;font-weight:400;height:4.375rem;justify-content:center;margin:1rem auto 0;transition:.3s ease;width:100%}.user-hand-selector button[type=submit]:hover{background:#aaa100}.user-hand-selector button[type=submit]:active{background:#aaa100;box-shadow:none;transform:translateY(.3125rem)}.user-hand-selector button[type=submit]:disabled{background:#aaa100;box-shadow:none;pointer-events:none}.user-hand-selector.is-submitting{pointer-events:none}.history{flex-basis:100%;height:100%;position:relative}.history-summary{align-items:flex-end;background-color:#0000;border:none;cursor:pointer;display:flex;font-family:Yusei Magic,sans-serif;gap:1rem;height:100%;justify-content:center;margin:0 auto;padding:.25rem 1rem;transition:background .2s;-webkit-user-select:none;user-select:none}.history-summary:hover{background-color:#00409859}.history-summary .score{align-items:center;color:#000;display:flex;gap:.625rem;line-height:1;padding:0 .625rem .625rem;position:relative}.history-summary .score>var{color:#fff;display:block;font-size:2.5rem;font-style:normal;text-shadow:0 -.125rem 0 #333,.125rem -.125rem 0 #333,.125rem 0 0 #333,.125rem .125rem 0 #333,0 .125rem 0 #333,-.125rem .125rem 0 #333,-.125rem 0 0 #333,-.125rem -.125rem 0 #333}.history-summary .score>span{align-items:flex-start;display:flex;flex-direction:column;font-size:1.375rem}.history-summary .score>span:before{display:block;font-size:.545em;letter-spacing:0}.history-summary .score[data-target=user]>var{color:red}.history-summary .score[data-target=user]>span:before{content:"あなた"}.history-summary .score[data-target=api]>var{color:#fff000}.history-summary .score[data-target=api]>span:before{content:"ジャン子"}.history-summary .score:after{background-color:#333;border-radius:.5rem;bottom:0;content:"";display:block;height:.1875rem;left:0;position:absolute;width:100%}.history-detail{align-items:stretch;border:2px solid #707070;border-radius:.25rem;box-shadow:0 1px 2px 0 #0003;display:flex;flex-direction:column;max-height:80vh;min-width:100%;opacity:0;overflow:auto;position:absolute;right:0;top:100%;transition:opacity .1s;visibility:hidden;z-index:9}.history-detail.is-shown{opacity:1;visibility:visible}.history-detail .history-header{background-color:#606060;color:#fff;flex-shrink:0;padding:.25rem}.history-detail .history-title{font-size:1rem;font-weight:500;margin:0;text-align:center}.history-detail .history-body{background-color:#fffffff2;flex-basis:100%;flex-grow:1;overflow:auto;padding:.25rem}.history-item{display:flex;font-size:.875rem;white-space:nowrap}.history-item .result{width:3.5em}.janko-container{flex-grow:1}.janko-container,.janko-container figure{align-items:center;display:flex;flex-direction:column;width:100%}.janko-container figure{flex-basis:100%;gap:1rem;justify-content:flex-start;margin:0;position:relative}.janko-container figure .img-container{flex-grow:1;max-width:26.875rem;position:relative;width:100%;z-index:0}@media screen and (max-width:1050px){.janko-container figure .img-container{max-width:inherit}}.janko-container figure .img-container img{display:block;height:auto;left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.janko-container figure figcaption{flex-shrink:0;font-family:Yusei Magic,sans-serif;font-size:1.875rem;line-height:1.2;position:relative;text-align:center;width:100%}.janko-container figure figcaption span{bottom:0;display:inline-block;left:50%;position:absolute;transform:translateX(-50%);width:100%}.janko-container figure figcaption span:first-of-type{color:#fff000;z-index:1}.janko-container figure figcaption span:last-of-type{-webkit-text-stroke:.625rem #000}.janko-container figure figcaption.figcaption-start{animation:janken-anime-start .3s linear both;font-size:2.5rem;transform:translateY(-3.125rem)}@keyframes janken-anime-start{0%{opacity:0;transform:translateY(-3.125rem)}90%{opacity:1;transform:translateY(.625rem)}to{transform:translateY(0)}}.janko-container figure figcaption.figcaption-hand{animation:janken-anime-hand .1s linear both;font-size:4rem;transform:translateY(3.125rem)}@keyframes janken-anime-hand{0%{opacity:0;transform:translateY(3.125rem)}90%{opacity:1;transform:translateY(-.625rem)}to{transform:translateY(0)}}.janko-container figure figcaption.figcaption-result{font-size:6rem;line-height:1}.janko-container figure figcaption.figcaption-result[data-text="勝ち!"] span:before{content:"あなたの";display:block;font-size:.4em;line-height:.8}.janko-container figure figcaption.figcaption-result[data-text="勝ち!"] span:first-of-type{-webkit-text-fill-color:#0000;background:linear-gradient(131deg,#d69a00 30%,#fdf243 55%,#fff 60%,#fdf243 65%,#aa8500 90%);-webkit-background-clip:text;background-clip:text}.janko-container figure figcaption.figcaption-result[data-text="勝ち!"] span:last-of-type{background-image:url(/hardoff-family/junk-ken-janko/assets/img/result-bg/result.WIN.bg.png);background-size:contain}.janko-container figure figcaption.figcaption-result[data-text=負け] span:before{content:"あなたの";display:block;font-size:.4em;line-height:.8}.janko-container figure figcaption.figcaption-result[data-text=負け] span:first-of-type{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#5d25d6,#e6dbff 75.5%);-webkit-background-clip:text;background-clip:text}.janko-container figure figcaption.figcaption-result[data-text=負け] span:last-of-type{background-image:url(/hardoff-family/junk-ken-janko/assets/img/result-bg/result.LOSE.bg.png);background-position:50% 0;background-repeat:no-repeat;background-size:80%}.janko-container figure figcaption.figcaption-result[data-text=あいこ] span:first-of-type{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ffa800 22%,#fff);-webkit-background-clip:text;background-clip:text}.janko-container figure figcaption.figcaption-bow span{overflow:hidden}.initial-screen{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;font-family:Yusei Magic,sans-serif;gap:1rem;max-height:100%;padding:4rem 2rem;width:100%}.initial-screen .img-container{align-self:stretch;flex-grow:.8;overflow:hidden;position:relative;z-index:0}.initial-screen .img-container img{display:block;height:auto;left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.initial-screen-message{align-items:center;display:flex;flex-grow:.2;font-size:1.2rem;margin-top:0;text-align:center}.initial-screen .message{flex-shrink:0}.initial-screen .message:empty{display:none}.initial-screen button[type=submit]{align-items:center;background:#fff000;border:.25rem solid #000;border-radius:9999px;box-shadow:0 .3125rem 0 #000;color:#000;cursor:pointer;display:flex;font-family:Yusei Magic,sans-serif;font-size:1.125rem;font-weight:400;height:4.375rem;justify-content:center;margin:0 auto;max-width:19.75rem;transition:.3s ease;width:100%}@media print,screen and (min-width:1051px){.initial-screen button[type=submit]:hover{background:#aaa100}}.initial-screen button[type=submit]:active{background:#aaa100;box-shadow:none;transform:translateY(.3125rem)}.initial-screen button[type=submit]:disabled{background-color:#c4c4c4;box-shadow:none;pointer-events:none}.retry-form{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;flex-shrink:0;font-family:Yusei Magic,sans-serif;gap:1rem;padding:.5rem 4rem 1rem;width:100%}.retry-form .message{flex-shrink:0;margin-bottom:1rem}.retry-form .message:empty{display:none}.retry-form button[type=submit]{align-items:center;background:#fff000;border:.25rem solid #000;border-radius:9999px;box-shadow:0 .3125rem 0 #000;color:#000;cursor:pointer;display:flex;font-family:Yusei Magic,sans-serif;font-size:1.125rem;font-weight:400;height:4.375rem;justify-content:center;margin:1rem auto;max-width:19.75rem;transition:.3s ease;width:100%}@media print,screen and (min-width:1051px){.retry-form button[type=submit]:hover{background:#aaa100}}.retry-form button[type=submit]:active{background:#aaa100;box-shadow:none;transform:translateY(.3125rem)}.retry-form button[type=submit]:disabled{background:#aaa100;box-shadow:none;pointer-events:none}.prize-box{flex-grow:1;font-family:Yusei Magic,sans-serif;justify-content:center;padding:1rem;width:100%}.prize-box,.prize-box .prize-item{display:flex;flex-direction:column}.prize-box .prize-item{align-items:center;gap:1rem;justify-content:space-between;padding-bottom:2rem}.prize-box .prize-item-title{color:#004098;flex-shrink:0;font-size:1.75rem;margin:0}.prize-box .download-prize{background-color:#333;border:.25rem solid #c4c4c4;border-radius:.25rem;box-shadow:inset 0 1px 4px 1px #0003;flex-grow:1;max-height:75vh;max-width:100%;overflow:hidden;position:relative;transition:border .2s;width:25rem}@media print,screen and (min-width:1051px){.prize-box .download-prize:hover{border-color:#004098}}.prize-box .download-prize img{display:block;height:auto;max-width:100%;min-width:100%}.prize-box .message{margin:0}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:rotation 1s linear infinite;border:.25rem solid #fff;border-radius:50%;display:block;height:4rem;position:relative;width:4rem}.spinner:after{border:.25rem solid;border-color:#0000 #0000 #fbf000;border-radius:50%;box-sizing:border-box;content:"";height:4.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4.5rem}.has-spinner-form .spinner{display:none}.has-spinner-form.is-submitting:before{background-color:#1c409899;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:998}.has-spinner-form.is-submitting .spinner{display:block;left:calc(50% - 2rem);position:absolute;top:calc(50% - 2rem);z-index:999}.app-splashscreen{align-items:center;background-color:#00409899;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .4s;z-index:999}.app-splashscreen.fadeout{opacity:0}.app-splashscreen:not(.is-on){display:none;opacity:0}