:root{--black: #000;--white: #fff;--yellow: #fff100;--font: "Noto Sans JP", sans-serif;--font-dot: "Press Start 2P", sans-serif;--vw: 0;--vh: 0}.retrochidori{color:var(--black);font-size:10px;font-family:var(--font);font-weight:400;-webkit-font-kerning:normal;font-kerning:normal;background:url("../img/bg-title.png?v=1a4eb5711dfb059a06e1ed1d96870c00") repeat 50% 50%;background-size:528px 480px;line-height:1;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.retrochidori *,.retrochidori *::before,.retrochidori *::after{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}.retrochidori *::before,.retrochidori *::after{text-decoration:inherit;vertical-align:inherit}.retrochidori canvas{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.retrochidori input,.retrochidori textarea,.retrochidori select{color:inherit;font-family:var(--font);border:none;outline:none;vertical-align:top}.retrochidori input::-webkit-input-placeholder,.retrochidori textarea::-webkit-input-placeholder,.retrochidori select::-webkit-input-placeholder{color:#999;font-size:16px}.retrochidori input::-moz-placeholder,.retrochidori textarea::-moz-placeholder,.retrochidori select::-moz-placeholder{color:#999;font-size:16px}.retrochidori input:-ms-input-placeholder,.retrochidori textarea:-ms-input-placeholder,.retrochidori select:-ms-input-placeholder{color:#999;font-size:16px}.retrochidori input:-moz-placeholder-shown, .retrochidori textarea:-moz-placeholder-shown, .retrochidori select:-moz-placeholder-shown{color:#999;font-size:16px}.retrochidori input:-ms-input-placeholder, .retrochidori textarea:-ms-input-placeholder, .retrochidori select:-ms-input-placeholder{color:#999;font-size:16px}.retrochidori input:placeholder-shown,.retrochidori textarea:placeholder-shown,.retrochidori select:placeholder-shown{color:#999;font-size:16px}.retrochidori button{color:inherit;font-family:var(--font);background:none;border:none;cursor:pointer;outline:0}.retrochidori label{cursor:pointer}.retrochidori a{color:inherit;text-decoration:none}.retrochidori picture,.retrochidori img{pointer-events:none}.retrochidori [data-pixel]{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}.retrochidori [data-protect]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.retrochidori .btn:active{-webkit-animation:button-easeOutElastic .6s linear;animation:button-easeOutElastic .6s linear}.retrochidori .btn[data-theme]{position:relative;width:344px;height:112px}.retrochidori .btn[data-theme] img{width:100%;height:auto;max-width:100%}.retrochidori .btn[data-theme] .inner{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.retrochidori .btn[data-theme] .inner::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}.retrochidori .btn[data-theme] .inner .caption{position:relative;z-index:10;font-size:32px;font-weight:700;line-height:1;margin-top:-15px}.retrochidori .btn[data-theme=yellow] .inner::before{background:url("../img/btn-yellow.png?v=85a144bc10dedccabe698ebbdb41d2e9") no-repeat 50% 50%;background-size:contain}.retrochidori .btn[data-theme=green] .inner::before{background:url("../img/btn-green.png?v=abc3e7d9e79e65fcdd7e9b85db7f8b21") no-repeat 50% 50%;background-size:contain}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{100%{opacity:0}0%{opacity:1}}@keyframes fadeOut{100%{opacity:0}0%{opacity:1}}@-webkit-keyframes fadeInFromBottom{0%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes fadeInFromBottom{0%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes fadeOutToBottom{100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}0%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes fadeOutToBottom{100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}0%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes buffer{0%{content:"."}30%{content:".."}60%{content:"..."}90%,100%{content:""}}@keyframes buffer{0%{content:"."}30%{content:".."}60%{content:"..."}90%,100%{content:""}}@-webkit-keyframes button-easeOutElastic{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(4px);transform:translateY(4px)}28%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}44%{-webkit-transform:translateY(1.4px);transform:translateY(1.4px)}59%{-webkit-transform:translateY(-1.4px);transform:translateY(-1.4px)}73%{-webkit-transform:translateY(0.4px);transform:translateY(0.4px)}88%{-webkit-transform:translateY(-0.2px);transform:translateY(-0.2px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes button-easeOutElastic{0%{-webkit-transform:translateY(0);transform:translateY(0)}16%{-webkit-transform:translateY(4px);transform:translateY(4px)}28%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}44%{-webkit-transform:translateY(1.4px);transform:translateY(1.4px)}59%{-webkit-transform:translateY(-1.4px);transform:translateY(-1.4px)}73%{-webkit-transform:translateY(0.4px);transform:translateY(0.4px)}88%{-webkit-transform:translateY(-0.2px);transform:translateY(-0.2px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.loading{position:fixed;z-index:-1;top:0;bottom:0;left:0;right:0;display:none;width:100%;height:100%;max-width:489px;margin:auto}.loading .outer{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:var(--black)}.loading .buffer{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;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;margin:auto}.loading .buffer .figure{width:132px;height:180px}.loading .buffer .text{position:relative;display:block;color:var(--white);font-family:var(--font-dot);font-size:14px;text-align:center;text-transform:uppercase;margin-top:1em;margin-left:-1em;padding-right:.05em}.loading .buffer .text::after{position:absolute;bottom:0;right:0;content:"...";letter-spacing:-0.5em;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:buffer 1s linear 0s infinite;animation:buffer 1s linear 0s infinite}.loading.active,.loading.ready{z-index:11000;display:-webkit-box;display:-ms-flexbox;display:flex}.loading.enter{-webkit-animation-duration:.4s;animation-duration:.4s}.loading.enter .outer{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation-name:wipeInFromTop;animation-name:wipeInFromTop;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loading.enter .buffer{-webkit-animation:fadeIn .2s ease-out .2s both;animation:fadeIn .2s ease-out .2s both}.loading.leave{-webkit-animation-duration:.4s;animation-duration:.4s}.loading.leave .outer{-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-animation-name:wipeOutToBottom;animation-name:wipeOutToBottom;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loading.leave .buffer{-webkit-animation:fadeOut .2s ease-out 0s both;animation:fadeOut .2s ease-out 0s both}.loading.ready .outer{-webkit-animation-duration:0s;animation-duration:0s}@-webkit-keyframes blink{0%{opacity:1}25%{opacity:.6}50%{opacity:1}100%{opacity:.7}}@keyframes blink{0%{opacity:1}25%{opacity:.6}50%{opacity:1}100%{opacity:.7}}@-webkit-keyframes wipeInFromTop{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes wipeInFromTop{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes wipeOutToBottom{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes wipeOutToBottom{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform:scaleY(0);transform:scaleY(0)}}@media screen{.scene{display:none}.scene.active{display:block}[data-scene=game]{position:relative}[data-scene=game] .webgl{position:relative;z-index:0}[data-scene=game] .webgl canvas{position:absolute;width:100%;height:100%;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-scene=result] .head{position:relative;padding-top:20px;background:url("../img/bg-main.png?v=f5cc02f5a72e9166d91319335f357f59") no-repeat 50% 0%;background-size:cover}[data-scene=result] .head .title img,[data-scene=result] .head .preview img{width:100%;height:auto;max-width:100%}[data-scene=result] .head .title{width:258px;margin:0 auto 20px}[data-scene=result] .head .preview{width:324px;min-height:574px;margin:20px auto 0}[data-scene=result] .head .score{position:absolute;bottom:-42px;left:0;right:0;height:113px;text-align:center;margin:0 auto}[data-scene=result] .head .score img{width:auto;height:100%;max-height:100%}[data-scene=result] .body{padding:8px 0}[data-scene=result] .body::before,[data-scene=result] .body::after{content:"";display:block;width:100%;height:2px;background-color:var(--white)}[data-scene=result] .body::before{margin-bottom:44px}[data-scene=result] .body::after{margin-top:28px}[data-scene=result] .tsukkomi{position:relative;display:none;width:344px;margin:0 auto;padding-bottom:95px}[data-scene=result] .tsukkomi.active{display:block}[data-scene=result] .tsukkomi::after{content:"";position:absolute;z-index:10;bottom:0;right:0;display:block;width:100px;height:149px;background:url("../img/face-nobu.png?v=acdacdf9f434d97886d848b9178494f1") no-repeat 50% 50%;background-size:contain;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}[data-scene=result] .tsukkomi .balloon{position:relative;z-index:0}[data-scene=result] .tsukkomi .balloon .inner{text-align:center;padding:20px;background:url("../img/result/balloon-body.png?v=89b6a73280c01fb754caa083ae679f94") repeat-y 50% 0;background-size:100% auto}[data-scene=result] .tsukkomi .balloon .inner .value{font-size:32px;font-weight:700;line-height:1.1}[data-scene=result] .tsukkomi .balloon::before,[data-scene=result] .tsukkomi .balloon::after{content:"";display:block;width:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}[data-scene=result] .tsukkomi .balloon::before{height:24px;background:url("../img/result/balloon-top.png?v=e929ef36c2abac8b84b7575314914e6f") no-repeat 50% 0;background-size:100% auto}[data-scene=result] .tsukkomi .balloon::after{height:48px;background:url("../img/result/balloon-bottom.png?v=bb0791039174bcada3540bfb97d6c87a") no-repeat 50% 0;background-size:100% auto}[data-scene=result] .navigation{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-align:center;-ms-flex-align:center;align-items:center;gap:20px 0;margin-top:20px}}@media screen{[data-component=modal]>[data-component^=modal]{position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;width:0;height:0;overflow:hidden}[data-component=modal]>[data-component^=modal] .overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;width:100%;height:100%}[data-component=modal]>[data-component^=modal] .container{position:relative;z-index:1}[data-component=modal]>[data-component^=modal].active{z-index:10500;width:100%;height:100%}[data-component=modal]>[data-component^=modal].protect::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(255,0,255,0)}[data-component=modal-shutdown]{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--black)}}@media screen{[data-component=modal-tsukkomi] .overlay{background-color:rgba(0,0,0,0);-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out}[data-component=modal-tsukkomi] .container{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;width:100%;height:calc(var(--vh)*100);background-color:rgba(0,0,0,0);overflow:auto}[data-component=modal-tsukkomi] .container.enter{-webkit-animation:fadeInFromBottom .4s ease-out .2s both;animation:fadeInFromBottom .4s ease-out .2s both}[data-component=modal-tsukkomi] .container.leave{-webkit-animation:fadeOutToBottom .2s ease-out 0s both;animation:fadeOutToBottom .2s ease-out 0s both}[data-component=modal-tsukkomi] .form{width:100%;height:100%;margin:auto}[data-component=modal-tsukkomi] .inner{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;width:100%;min-height:100%;padding:64px 0 32px}[data-component=modal-tsukkomi] .title{width:322px;margin-bottom:93px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}[data-component=modal-tsukkomi] .tsukkomi{position:relative;width:358px;margin:auto}[data-component=modal-tsukkomi] .tsukkomi::after{content:"";position:absolute;z-index:10;bottom:11px;right:32px;display:block;width:80px;height:118px;background:url("../img/face-nobu.png?v=acdacdf9f434d97886d848b9178494f1") no-repeat 50% 50%;background-size:contain;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}[data-component=modal-tsukkomi] .balloon{z-index:0;padding-bottom:129px}[data-component=modal-tsukkomi] .balloon .input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:12px 24px;background:url("../img/modal-tsukkomi/balloon-body.png?v=3e73f2daacf87877728003c2ddcc72ec") repeat-y 50% 0;background-size:100% auto}[data-component=modal-tsukkomi] .balloon .input input{width:100%;color:var(--black);font-size:20px}[data-component=modal-tsukkomi] .balloon::before,[data-component=modal-tsukkomi] .balloon::after{content:"";display:block;width:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated}[data-component=modal-tsukkomi] .balloon::before{height:18px;background:url("../img/modal-tsukkomi/balloon-top.png?v=3c4545b173fd314cb453dc6ca6d0c7fe") no-repeat 50% 0;background-size:100% auto}[data-component=modal-tsukkomi] .balloon::after{height:36px;background:url("../img/modal-tsukkomi/balloon-bottom.png?v=78d6a09248e983c318350c77e0e2ef3b") no-repeat 50% 0;background-size:100% auto}[data-component=modal-tsukkomi] .navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px 0}[data-component=modal-tsukkomi] .btn-submit:disabled{-webkit-filter:grayscale(1);filter:grayscale(1);cursor:default;pointer-events:none}[data-component=modal-tsukkomi].active .overlay{background-color:rgba(0,0,0,.8)}}@media screen and (min-width: 769px){[data-component=modal-tsukkomi] .icon{width:6.25vw;height:6.25vw}[data-component=modal-tsukkomi] .icon::before,[data-component=modal-tsukkomi] .icon::after{width:3.4722222222vw}}@media screen and (min-width: 1280px){[data-component=modal-tsukkomi] .icon{width:90px;height:90px}[data-component=modal-tsukkomi] .icon::before,[data-component=modal-tsukkomi] .icon::after{width:50px}}@media screen{.wrap>.bg{height:100vh;width:100vw;top:0;left:0;background-size:cover;overflow:hidden;position:fixed;z-index:1}.wrap>.container{background-color:rgba(0,0,0,0)}.retrochidori{position:relative;max-width:489px;margin:0 auto}header{display:none}footer{max-width:490px;margin:0 auto}body[data-scene] footer{display:none}body[data-scene=result] footer{display:block}}@media print,only screen and (min-width: 490px){.wrap>.bg{background-image:url("../../../assets/images/bg.png?v=1f2565d1b1d5eda6c0d300e384365001")}}