*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}button{background:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none}input{margin:0;padding:0;background:none;border:none;outline:none}body{height:100vh}.container{margin:0 auto;max-width:768px;height:100%;background:#fbddf5;overflow:hidden}.enter-name-frame{position:relative;width:100%;height:100%;margin-top:200px}.enter-name__bubble-frame{height:136px;width:300px;margin:0 auto}.enter-name__input-frame{position:relative;width:100%;height:56px}.enter-name__button-frame{width:100%;height:56px;margin-top:24px}.enter-name__bubble{width:100%;height:100%}.enter-name__bubble.hidden{opacity:0}.enter-name__bubble.fade-out{animation:enter-name__bubble-fade-out 1s forwards}.enter-name__bubble.fade-in{animation:enter-name__bubble-fade-in 1s forwards}.enter-name__bubble-moving{position:relative;width:100%;height:100%;animation:enter-name__bubble-moving 2s infinite}.enter-name__bubble-body{position:absolute;width:100%;height:100px;top:0;left:0;border-radius:50%;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.16),inset 0 1px 6px rgba(0,0,0,.16);z-index:3}.enter-name__bubble-arrow{position:absolute;top:66px;left:75%;border-top:20px solid rgba(0,0,0,0);border-left:25px solid #fff;border-bottom:40px solid rgba(0,0,0,0);transform:rotate(6deg);z-index:4}.enter-name__bubble-arrow-shadow{position:absolute;top:71px;left:228px;border-top:20px solid rgba(0,0,0,0);border-left:25px solid rgba(0,0,0,.3);border-bottom:40px solid rgba(0,0,0,0);filter:blur(3px);transform:rotate(6deg);z-index:1}.enter-name__bubble-message{position:absolute;width:100%;top:12.5%;text-align:center;color:#bb8282;font-weight:bold;z-index:4}.enter-name__bubble-message.two-line{top:23%}.enter-name__bubble-message.three-line{top:12.5%}@keyframes enter-name__bubble-fade-in{from{opacity:0}to{opacity:1}}@keyframes enter-name__bubble-fade-out{from{opacity:1}to{opacity:0}}@keyframes enter-name__bubble-moving{0%{transform:translate(0, 0)}50%{transform:translate(-4px, -4px)}100%{transform:translate(0, 0)}}.enter-name__input{position:absolute;top:0;left:50%;transform:translateX(-50%);width:340px;height:54px;font-size:24px;background:#fff;border:2px solid #b9f6f6;border-radius:8px;padding-left:8px;box-shadow:5px 5px 5px 0px rgba(0,0,0,.3),inset 0 2px 6px rgba(0,0,0,.16)}.enter-name__input.hidden{opacity:0}.enter-name__input.state{transform:translateX(60%)}.enter-name__input.fade-in{animation:enter-name__input-fade-in 2s forwards}.enter-name__input.slide-in{animation:enter-name__input-slide-in 1s linear forwards}.enter-name__input.slide-out{animation:enter-name__input-slide-out 1s linear forwards}@keyframes enter-name__input-fade-in{from{opacity:0}to{opacity:1}}@keyframes enter-name__input-slide-in{from{transform:translateX(60%);opacity:0}to{transform:translateX(-50%);opacity:1}}@keyframes enter-name__input-slide-out{from{transform:translateX(-50%);opacity:1}to{transform:translateX(-160%);opacity:0}}.enter-name__button{width:340px;height:56px;margin:0 auto;background:#b9f6f6;border-radius:28px;text-align:center;color:#bb8282;font-size:24px;font-weight:bold;line-height:56px;box-shadow:5px 5px 5px 0px rgba(0,0,0,.3),inset 0 2px 6px rgba(0,0,0,.16);display:block}.enter-name__button:active{transform:translate(2px, 2px);box-shadow:3px 3px 3px 0px rgba(0,0,0,.3),inset 0 2px 6px rgba(0,0,0,.16)}.enter-name__button.disable{cursor:default;background:#c9e9e9}.enter-name__button.disable:active{transform:translate(0, 0);box-shadow:5px 5px 5px 0px rgba(0,0,0,.3),inset 0 2px 6px rgba(0,0,0,.16)}.enter-name__button.hidden{opacity:0}.enter-name__button.fade-in{animation:enter-name__button-fade-in 2s forwards}.enter-name__button.fade-out{animation:enter-name__button-fade-out 2s forwards}@keyframes enter-name__button-fade-in{from{opacity:0}to{opacity:1}}@keyframes enter-name__button-fade-out{from{opacity:1}to{opacity:0}}.choose-card-frame{position:relative;width:100%;height:100%;margin-top:24px}.choose-card__bubble-frame{max-width:320px;height:150px;margin:0 auto}.choose-card__card-list-frame{max-width:360px;margin:0 auto;margin-top:24px}.choose-card__bubble{position:relative;width:100%;height:100%}.choose-card__bubble.hidden{opacity:0}.choose-card__bubble.fade-in{animation:choose-card__bubble-fade-in 2s forwards}.choose-card__bubble.right-rotate{transform:rotate(-2deg)}.choose-card__bubble.left-rotate{transform:rotate(2deg)}.choose-card__bubble-body{position:absolute;width:100%;height:130px;top:0;left:0;background:#fff;border-radius:32px;box-shadow:5px 5px 5px 0px rgba(0,0,0,.3),inset 0 1px 6px rgba(0,0,0,.16);z-index:3}.choose-card__bubble-arrow{position:absolute;bottom:0;left:180px;border-top:10px solid rgba(0,0,0,0);border-left:24px solid #fff;border-bottom:25px solid rgba(0,0,0,0);z-index:4}.choose-card__bubble-arrow-shadow{position:absolute;bottom:-5px;left:185px;border-top:10px solid rgba(0,0,0,0);border-left:24px solid rgba(0,0,0,.3);border-bottom:25px solid rgba(0,0,0,0);filter:blur(3px);z-index:1}.choose-card__bubble-message{position:absolute;top:2em;text-align:center;line-height:2em;width:100%;color:#bb8282;font-weight:bold;z-index:4}.choose-card__bubble-button{position:absolute;width:258px;top:16%;left:50%;transform:translateX(-50%);z-index:4}.choose-card__bubble-button-message{width:100%;text-align:center;color:#bb8282;font-weight:bold}.choose-card__bubble-button-list{margin-top:8px;width:100%;display:flex;justify-content:space-between}.choose-card__bubble-button-yes{width:120px;height:56px;text-align:center;border-radius:20px;font-weight:bold;background:#e963f8;box-shadow:1px 1px 5px 0px rgba(0,0,0,.3),inset 3px 3px 6px rgba(0,0,0,.16)}.choose-card__bubble-button-yes:active{transform:translate(2px, 2px)}.choose-card__bubble-button-no{width:120px;height:56px;text-align:center;border-radius:20px;font-weight:bold;background:#1cecec;box-shadow:1px 1px 5px 0px rgba(0,0,0,.3),inset 3px 3px 6px rgba(0,0,0,.16)}.choose-card__bubble-button-no:active{transform:translate(2px, 1px)}@keyframes choose-card__bubble-fade-in{from{opacity:0}to{opacity:1}}.choose-card__card-list{width:100%;margin:0 auto;display:flex;flex-wrap:wrap}.choose-card__card{position:relative;width:calc((100% - 36px)/4);margin:6px;aspect-ratio:3/4;background:#fd7e00;box-shadow:5px 5px 5px rgba(0,0,0,.3),inset 0 3px 6px rgba(0,0,0,.16);border-radius:8px;cursor:pointer}.choose-card__card:nth-child(-n+4){margin-top:0}.choose-card__card:nth-child(4n+1){margin-left:0}.choose-card__card:nth-child(4n){margin-right:0}.choose-card__card:nth-child(13n){margin-bottom:0}.choose-card__card:last-child{margin-left:auto;margin-right:0}.choose-card__card.mark{background:blue;cursor:default}.choose-card__card .num{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotateY(180deg);opacity:0;font-size:20px;font-weight:bold;color:gray;overflow-x:hidden}.choose-card__card.hidden{opacity:0}.choose-card__card.disable{cursor:default}.choose-card__card.turn{animation:choose-card__turn-card .5s forwards}.choose-card__card.turn .check-mark{animation:choose-card__close-check .25s forwards}.choose-card__card.turn .num{animation:choose-card__open-num .5s forwards}.choose-card__card.turn .name-front-side{animation:choose-card__card__close-front-side-name .5s forwards}.choose-card__card.turn .name-back-side{font-weight:bold;color:gray;position:absolute;bottom:6px;width:100%;text-align:center;transform:rotateY(180deg);animation:choose-card__open-back-side-name .5s forwards}.choose-card__card.open{transform:rotateY(180deg);background:#fff;box-shadow:-5px 5px 5px 0px rgba(0,0,0,.3)}.choose-card__card.open .num{opacity:1}.choose-card__card.open .name-front-side{opacity:0}.choose-card__card.open .name-back-side{font-weight:bold;color:gray;position:absolute;bottom:6px;width:100%;text-align:center;transform:rotateY(180deg);opacity:1}@keyframes choose-card__turn-card{from{transform:rotateY(0)}to{transform:rotateY(180deg);background:#fff;box-shadow:-5px 5px 5px 0px rgba(0,0,0,.3)}}@keyframes choose-card__card__close-front-side-name{from{opacity:1}to{opacity:0}}@keyframes choose-card__open-back-side-name{from{opacity:0}to{opacity:1}}@keyframes choose-card__close-check{from{transform:translate(-50%, -50%) rotateY(0) rotateZ(40deg)}to{transform:translate(-50%, -50%) rotateY(90deg) rotateZ(40deg)}}@keyframes choose-card__open-num{from{opacity:0}to{opacity:1}}.choose-card__card.slide-in__first-row{animation:choose-card__card-slide-in__first-row .5s forwards}.choose-card__card.slide-in__second-row{animation:choose-card__card-slide-in__second-row .5s forwards}.choose-card__card.slide-in__third-row{animation:choose-card__card-slide-in__third-row .5s forwards}.choose-card__card.slide-in__fourth-row{animation:choose-card__card-slide-in__fourth-row .5s forwards}@keyframes choose-card__card-slide-in__first-row{from{transform:translateX(-90px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes choose-card__card-slide-in__second-row{from{transform:translateX(-180px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes choose-card__card-slide-in__third-row{from{transform:translateX(-270px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes choose-card__card-slide-in__fourth-row{from{transform:translateX(-360px);opacity:0}to{transform:translateX(0);opacity:1}}.choose-card__card.check{background:gray;cursor:default}.choose-card__card.check .check-mark{position:absolute;top:36%;left:53%;width:32px;height:54px;background:rgba(0,0,0,0);border-right:12px solid orange;border-bottom:12px solid orange;transform:translate(-50%, -50%) rotateY(0) rotateZ(40deg)}.choose-card__card.check .name-front-side{position:absolute;bottom:6px;width:100%;text-align:center;color:#fd7e00;font-weight:bold}.choose-card__card.check .name-back-side{opacity:0}.choose-card__announce-label{position:absolute;width:100%;height:100px;top:290px;left:0;background:#fff;z-index:2;box-shadow:5px 5px 15px 0px rgba(0,0,0,.3),inset 0 1px 10px rgba(0,0,0,.16)}.choose-card__announce-label.hidden{opacity:0}.choose-card__announce-label.fade-in{animation:choose-card__label-fade-in .5s forwards}.choose-card__announce-label.fade-out{animation:choose-card__label-fade-out .5s forwards}.choose-card__announce-message{position:absolute;width:100%;top:50%;left:50%;text-align:center;transform:translate(-50%, -50%)}.choose-card__announce-message.hidden{opacity:0}.choose-card__announce-message.state{left:80%}.choose-card__announce-message.slide-in{animation:choose-card__label-message-slide-in .5s linear forwards}.choose-card__announce-message.slide-out{animation:choose-card__label-message-slide-out .5s linear forwards}@keyframes choose-card__label-fade-in{from{opacity:0}to{opacity:1}}@keyframes choose-card__label-fade-out{from{opacity:1}to{opacity:0}}@keyframes choose-card__label-message-slide-in{from{opacity:0;left:80%}to{opacity:1;left:50%}}@keyframes choose-card__label-message-slide-out{from{opacity:1;left:50%}to{opacity:0;left:20%}}.cover-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8)}.cover-layer.hidden{background:rgba(255,255,255,0)}.cover-layer.fade-in{animation:layer__fade-in 2s forwards}@keyframes layer__fade-in{from{background:rgba(255,255,255,0)}to{background:rgba(255,255,255,.8)}}.choose-truth-dare-frame{margin-top:295px;width:100%}.choose-truth-dare-frame.fade-out{animation:choose-truth-dare__frame-fade-out .5s forwards}.choose-truth-dare__button-frame{margin-top:24px}.choose-truth-dare__message{text-align:center;font-weight:bold;color:#2b2b2b;text-shadow:0 3px 6px rgba(0,0,0,.16)}.choose-truth-dare__one-line-message{font-size:20px}.choose-truth-dare__one-line-message.hidden{opacity:0}.choose-truth-dare__one-line-message.fade-in{animation:choose-truth-dare__message-fade-in 1s forwards}.choose-truth-dare__two-line-message{margin-top:8px;letter-spacing:1px}.choose-truth-dare__two-line-message .truth{font-size:20px;color:#f47340}.choose-truth-dare__two-line-message .dare{font-size:20px;color:#7972cf}.choose-truth-dare__two-line-message.hidden{opacity:0}.choose-truth-dare__two-line-message.fade-in{animation:choose-truth-dare__message-fade-in 1s forwards}.choose-truth-dare__button-list{display:flex;justify-content:space-between;width:360px;margin:0 auto}.choose-truth-dare__button-list.hidden{opacity:0}.choose-truth-dare__button-list.fade-in{animation:choose-truth-dare__button-fade-in 1.5s forwards}.choose-truth-dare__button-truth{width:160px;height:56px;line-height:56px;text-align:center;border-radius:20px;font-weight:bold;z-index:4;background:#f47340;color:#fff;font-size:20px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16);cursor:pointer}.choose-truth-dare__button-truth:hover{background:#fb8e64}.choose-truth-dare__button-truth:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-truth-dare__button-truth.disable{background:#d17b5a;cursor:default}.choose-truth-dare__button-truth.disable:hover{background:#d17b5a}.choose-truth-dare__button-truth.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-truth-dare__button-dare{width:160px;height:56px;line-height:56px;text-align:center;border-radius:20px;font-weight:bold;z-index:4;background:#7972cf;color:#fff;font-size:20px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16);cursor:pointer}.choose-truth-dare__button-dare:hover{background:#968fe3}.choose-truth-dare__button-dare:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-truth-dare__button-dare.disable{background:#646092;cursor:default}.choose-truth-dare__button-dare.disable:hover{background:#646092}.choose-truth-dare__button-dare.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}@keyframes choose-truth-dare__message-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes choose-truth-dare__button-fade-in{from{opacity:0}to{opacity:1}}@keyframes choose-truth-dare__frame-fade-out{from{opacity:1}to{opacity:0}}.confirm-truth-dare-frame{margin-top:295px;width:100%}.confirm-truth-dare-frame.fade-out{animation:confirm-truth-dare__frame-fade-out .5s forwards}.confirm-truth-dare__button-frame{margin-top:24px}.confirm-truth-dare__message{text-align:center;font-weight:bold;color:#2b2b2b;text-shadow:0 3px 6px rgba(0,0,0,.16)}.confirm-truth-dare__one-line-message{font-size:20px}.confirm-truth-dare__one-line-message.hidden{opacity:0}.confirm-truth-dare__one-line-message.fade-in{animation:confirm-truth-dare__message-fade-in 1s forwards}.confirm-truth-dare__two-line-message{margin-top:8px}.confirm-truth-dare__two-line-message .truth{font-size:20px;color:#f47340}.confirm-truth-dare__two-line-message .dare{font-size:20px;color:#7972cf}.confirm-truth-dare__two-line-message.hidden{opacity:0}.confirm-truth-dare__two-line-message.fade-in{animation:confirm-truth-dare__message-fade-in 1s forwards}.confirm-truth-dare__button{width:250px;height:56px;line-height:56px;text-align:center;border-radius:20px;font-weight:bold;color:#fff;font-size:20px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16);margin:0 auto;display:block}.confirm-truth-dare__button.truth{background:#f47340}.confirm-truth-dare__button.truth:hover{background:#fb8e64}.confirm-truth-dare__button.truth:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-truth-dare__button.truth.disable{background:#d17b5a;cursor:default}.confirm-truth-dare__button.truth.disable:hover{background:#d17b5a}.confirm-truth-dare__button.truth.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-truth-dare__button.dare{background:#7972cf}.confirm-truth-dare__button.dare:hover{background:#968fe3}.confirm-truth-dare__button.dare:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-truth-dare__button.dare.disable{background:#646092;cursor:default}.confirm-truth-dare__button.dare.disable:hover{background:#646092}.confirm-truth-dare__button.dare.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-truth-dare__button.hidden{opacity:0}.confirm-truth-dare__button.fade-in{animation:confirm-truth-dare__button-fade-in 1.5s forwards}@keyframes confirm-truth-dare__message-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes confirm-truth-dare__button-fade-in{from{opacity:0}to{opacity:1}}@keyframes confirm-truth-dare__frame-fade-out{from{opacity:1}to{opacity:0}}.choose-demand-frame{margin-top:200px;width:100%}.choose-demand-frame.fade-out{animation:choose-demand__frame-fade-out 1s forwards}.choose-demand__select-frame{margin-top:24px}.choose-demand__button-frame{margin-top:24px}.choose-demand__message{text-align:center;color:#2b2b2b;font-weight:bold;text-shadow:0 3px 6px rgba(0,0,0,.16)}.choose-demand__one-line-message.hidden{opacity:0}.choose-demand__one-line-message.fade-in{animation:choose-demand__message-fade-in 1s forwards}.choose-demand__two-line-message{margin-top:8px}.choose-demand__two-line-message.hidden{opacity:0}.choose-demand__two-line-message.fade-in{animation:choose-demand__message-fade-in 1s forwards}.choose-demand__input-container{display:none}.choose-demand__select-box{width:300px;padding:8px;margin:0 auto;border-radius:8px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-demand__select-box.truth{background:#f47340}.choose-demand__select-box.dare{background:#7972cf}.choose-demand__select-box.hidden{opacity:0}.choose-demand__select-box.fade-in{animation:choose-demand__select-fade-in 1.5s forwards}.choose-demand__select-box-title{color:#fff;text-align:center;font-size:20px;font-weight:bold}.choose-demand__select{width:100%;height:200px;border:3px solid #2b2b2b;border-radius:8px;background:#fff;overflow-y:scroll;overflow-x:hidden}.choose-demand__option:not(:first-child){margin-top:4px}.choose-demand__option label{width:100%;width:100%;padding:16px 8px;display:block;width:100%;background:#f5f5f5;box-shadow:0 3px 6px rgba(0,0,0,.16)}.choose-demand__option label:hover{background:#e5e5e5}.choose-demand__button{width:300px;height:56px;line-height:56px;text-align:center;border-radius:8px;font-weight:bold;color:#fff;font-size:20px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16);margin:0 auto;display:block}.choose-demand__button:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-demand__button.truth{background:#f47340}.choose-demand__button.truth:hover{background:#fb8e64}.choose-demand__button.truth.disable{background:#d17b5a;cursor:default}.choose-demand__button.truth.disable:hover{background:#d17b5a}.choose-demand__button.truth.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-demand__button.dare{background:#7972cf}.choose-demand__button.dare:hover{background:#968fe3}.choose-demand__button.dare:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-demand__button.dare.disable{background:#646092;cursor:default}.choose-demand__button.dare.disable:hover{background:#646092}.choose-demand__button.dare.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.choose-demand__button.hidden{opacity:0}.choose-demand__button.fade-in{animation:choose-demand__button-fade-in 1.5s forwards}@keyframes choose-demand__message-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes choose-demand__select-fade-in{from{opacity:0}to{opacity:1}}@keyframes choose-demand__button-fade-in{from{opacity:0}to{opacity:1}}@keyframes choose-demand__frame-fade-out{from{opacity:1}to{opacity:0}}.confirm-demand-frame{margin-top:295px;width:100%}.confirm-demand-frame.fade-out{animation:confirm-demand__frame-fade-out .5s forwards}.confirm-demand__button-frame{margin-top:24px}.confirm-demand__message{text-align:center;font-weight:bold;color:#2b2b2b;text-shadow:0 3px 6px rgba(0,0,0,.16)}.confirm-demand__one-line-message{font-size:20px}.confirm-demand__one-line-message.hidden{opacity:0}.confirm-demand__one-line-message.fade-in{animation:confirm-demand__message-fade-in 1s forwards}.confirm-demand__two-line-message{margin-top:8px}.confirm-demand__two-line-message .truth{font-size:20px;color:#f47340}.confirm-demand__two-line-message .dare{font-size:20px;color:#7972cf}.confirm-demand__two-line-message.hidden{opacity:0}.confirm-demand__two-line-message.fade-in{animation:confirm-demand__message-fade-in 1s forwards}.confirm-demand__button{width:250px;height:56px;line-height:56px;text-align:center;border-radius:20px;font-weight:bold;color:#fff;font-size:20px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16);margin:0 auto;display:block}.confirm-demand__button.truth{background:#f47340}.confirm-demand__button.truth:hover{background:#fb8e64}.confirm-demand__button.truth:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-demand__button.truth.disable{background:#d17b5a;cursor:default}.confirm-demand__button.truth.disable:hover{background:#d17b5a}.confirm-demand__button.truth.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-demand__button.dare{background:#7972cf}.confirm-demand__button.dare:hover{background:#968fe3}.confirm-demand__button.dare:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-demand__button.dare.disable{background:#646092;cursor:default}.confirm-demand__button.dare.disable:hover{background:#646092}.confirm-demand__button.dare.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.confirm-demand__button.hidden{opacity:0}.confirm-demand__button.fade-in{animation:confirm-demand__button-fade-in 1.5s forwards}@keyframes confirm-demand__message-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes confirm-demand__button-fade-in{from{opacity:0}to{opacity:1}}@keyframes confirm-demand__frame-fade-out{from{opacity:1}to{opacity:0}}.do-demand-frame{margin-top:290px;width:100%}.do-demand-frame.fade-out{animation:do-demand__frame-fade-out .5s forwards}.do-demand__button-frame{margin-top:24px}.do-demand__message{text-align:center;font-weight:bold;color:#2b2b2b;text-shadow:0 3px 6px rgba(0,0,0,.16)}.do-demand__one-line-message{font-size:20px}.do-demand__one-line-message.hidden{opacity:0}.do-demand__one-line-message.fade-in{animation:do-demand__message-fade-in 1s forwards}.do-demand__two-line-message{margin-top:8px}.do-demand__two-line-message.truth{font-size:20px;color:#f47340}.do-demand__two-line-message.dare{font-size:20px;color:#7972cf}.do-demand__two-line-message.hidden{opacity:0}.do-demand__two-line-message.fade-in{animation:do-demand__message-fade-in 1s forwards}.do-demand__button{width:250px;height:56px;line-height:56px;text-align:center;border-radius:20px;font-weight:bold;color:#fff;font-size:20px;box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16);margin:0 auto;display:block}.do-demand__button.truth{background:#f47340}.do-demand__button.truth:hover{background:#fb8e64}.do-demand__button.truth:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.do-demand__button.truth.disable{background:#d17b5a;cursor:default}.do-demand__button.truth.disable:hover{background:#d17b5a}.do-demand__button.truth.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.do-demand__button.dare{background:#7972cf}.do-demand__button.dare:hover{background:#968fe3}.do-demand__button.dare:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.do-demand__button.dare.disable{background:#646092;cursor:default}.do-demand__button.dare.disable:hover{background:#646092}.do-demand__button.dare.disable:active{transform:translate(0, 0);box-shadow:5px 5px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.do-demand__button.hidden{opacity:0}.do-demand__button.fade-in{animation:do-demand__button-fade-in 1.5s forwards}@keyframes do-demand__message-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes do-demand__button-fade-in{from{opacity:0}to{opacity:1}}@keyframes do-demand__frame-fade-out{from{opacity:1}to{opacity:0}}.end-game-frame{margin-top:265px}.end-game__button-frame{margin-top:32px}.end-game__message.hidden{opacity:0}.end-game__message.fade-in{animation:end-game__message-fade-in 1s forwards}.end-game__title{font-size:32px;font-weight:bold;text-align:center}.end-game__button-list{width:280px;margin:0 auto}.end-game__button-list.fade-in{animation:end-game__button-fade-in 1s forwards}.end-game__return-choose-card-button{width:100%;display:block;font-weight:bold;text-align:center;padding:12px;border-radius:6px;background:#fd7e00;box-shadow:5px 5px 5px rgba(0,0,0,.3),inset 0 3px 6px rgba(0,0,0,.16)}.end-game__return-choose-card-button:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}.end-game__return-enter-name-button{margin-top:32px;width:100%;display:block;font-weight:bold;text-align:center;padding:12px;border-radius:6px;background:#fd7e00;box-shadow:5px 5px 5px rgba(0,0,0,.3),inset 0 3px 6px rgba(0,0,0,.16)}.end-game__return-enter-name-button:active{transform:translate(2px, 2px);box-shadow:3px 3px 4px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.16)}@keyframes end-game__message-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes end-game__button-fade-in{from{opacity:0}to{opacity:1}}