@charset "UTF-8";.goal-content+.goal-content{margin-top:2rem}.goal-content-wrapper{width:100%;overflow:hidden;background:var(--bg-secondary);border-radius:.9rem}@media screen and (max-width: 767px){.goal-content-wrapper{width:95%;margin-right:auto;margin-left:auto}}.goal-content{width:100%}.goal-content.small .goal-content-box{flex-direction:column;align-items:center;background:var(--bg-secondary);padding:1rem}@media screen and (max-width: 767px){.goal-content.large{padding:.5rem}}.goal-content.large .goal-content-box{flex-direction:row;align-items:flex-start}@media screen and (max-width: 767px){.goal-content.large .goal-content-box{flex-direction:column}}.goal-content.large .goal-content-box .completed-message{font-size:.8rem}.goal-content.large .goal-content-box .images-wrapper{width:calc(60% - 1rem);flex-shrink:0}@media screen and (max-width: 767px){.goal-content.large .goal-content-box .images-wrapper{width:100%}}.goal-content.large .goal-content-box .images-wrapper .embla{padding:0}.goal-content.large .goal-content-box .detail{width:40%;background:var(--bg-secondary);border-radius:.5rem;padding:1rem}@media screen and (max-width: 767px){.goal-content.large .goal-content-box .detail{width:100%;border-radius:.3rem}}.goal-content .goal-content-title{font-size:1.4rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color);text-align:center;word-break:auto-phrase}@media screen and (max-width: 767px){.goal-content .goal-content-title{font-size:1.5rem}}.goal-content .goal-content-box{display:flex;gap:1rem}.goal-content .goal-content-box .images-wrapper{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%;border-radius:.5rem;overflow:hidden;padding-bottom:.5rem}.goal-content .goal-content-box .images{position:relative;flex-shrink:0;width:100%;aspect-ratio:16/9;overflow:hidden;background:no-repeat center/cover;border-radius:.5rem}@media screen and (max-width: 767px){.goal-content .goal-content-box .images{width:100%}}.goal-content .goal-content-box .images .embla__container{width:100%;height:100%}.goal-content .goal-content-box .images .embla__slide{position:relative;flex:0 0 100%;width:100%;min-width:0;height:100%}.goal-content .goal-content-box .images .image,.goal-content .goal-content-box .images .youtube-embed{position:absolute;top:0;left:0;width:100%;height:100%}.goal-content .goal-content-box .images .image{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.goal-content .goal-content-box .images .youtube-embed,.goal-content .goal-content-box .images .youtube-embed iframe{width:100%;height:100%}.goal-content .goal-content-box .embla__dots{display:flex;gap:.5rem;align-items:center;justify-content:center}.goal-content .goal-content-box .embla__dots .embla__dot{width:.8rem;height:.8rem;padding:0;cursor:pointer;background:#ffffff80;border:2px solid transparent;border-radius:50%;transition:all .3s ease}.goal-content .goal-content-box .embla__dots .embla__dot:hover{background:#fffc}.goal-content .goal-content-box .embla__dots .embla__dot--selected{background:#ceff0c;border-color:#ceff0c80;transform:scale(1.2)}.goal-content .goal-content-box .detail{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.5rem}.goal-content .goal-content-box .detail .goal-detail-ttl{font-size:.9rem;font-feature-settings:"palt";color:var(--white)}.goal-content .goal-content-box .detail .current-size{font-size:2rem;font-weight:700;font-feature-settings:"palt";line-height:1;color:var(--white)}@media screen and (max-width: 767px){.goal-content .goal-content-box .detail .current-size{font-size:1.8rem}}.goal-content .goal-content-box .detail .goal-title{font-size:1.3rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color)}@media screen and (max-width: 767px){.goal-content .goal-content-box .detail .goal-title{font-size:1.1rem}}.goal-content .goal-content-box .detail .goal-detail-txt{font-size:1rem;font-feature-settings:"palt";color:var(--txt-color)}.goal-content .goal-content-box .detail .goal-detail-txt.large{font-size:1.5rem}.goal-content .goal-content-box .detail .goal-required{font-size:1rem;font-feature-settings:"palt";line-height:1.7;color:var(--txt-color)}.goal-content .goal-content-box .detail .goal-required>span{font-size:.8rem}.goal-content .goal-content-box .detail .goal-required>span:last-child{font-size:1rem;font-weight:700}.goal-content .goal-content-box .detail .voltage-bar{position:relative;width:100%;height:2rem;margin-top:.5rem;overflow:hidden;background:#5c5959;border-radius:var(--radius-full)}@media screen and (max-width: 767px){.goal-content .goal-content-box .detail .voltage-bar{height:2rem}}.goal-content .goal-content-box .detail .voltage-bar.reached .meter{background:var(--main-gradient);background-size:200% 200%;animation:bgGradientToTop 3s ease-in-out infinite}.goal-content .goal-content-box .detail .voltage-bar.reached .meter:after{background:#00ff0080}.goal-content .goal-content-box .detail .voltage-bar .meter{position:absolute;top:0;left:0;max-width:100%;height:100%;background:linear-gradient(to right,#4fffb6,#dde500);border-radius:var(--radius-full);transition:.2s}.goal-content .goal-content-box .detail .voltage-bar .inner{position:absolute;top:0;left:0;display:flex;gap:.5rem;align-items:center;justify-content:flex-start;width:100%;height:100%;padding-left:1rem;font-size:1rem;font-weight:700;font-feature-settings:"palt";color:var(--white);letter-spacing:-.001rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}@media screen and (max-width: 767px){.goal-content .goal-content-box .detail .voltage-bar .inner{font-size:.8rem}}.goal-content .goal-content-box .goal-size{margin-top:.5rem;font-size:.8rem;font-weight:700;font-feature-settings:"palt";line-height:1;color:var(--white);text-align:right}@media screen and (max-width: 767px){.goal-content .goal-content-box .goal-size{font-size:.8rem}}.goal-content .goal-content-box .completed-message{align-self:flex-start;padding:.3rem .5rem;font-size:1rem;font-weight:700;font-feature-settings:"palt";color:#fff;background:var(--red);border-radius:.2rem}@keyframes bgGradientToTop{0%{background-position:0% 0%}50%{background-position:0% 100%}to{background-position:0% 0%}}:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.card-collection+.card-collection{margin-top:5rem}.userdata-and-card-collection-box+.userdata-and-card-collection-box{margin-top:5rem}.userdata-and-card-collection-box{display:flex;flex-direction:column;gap:0}@media screen and (max-width: 767px){.userdata-and-card-collection-box{flex-direction:column}}.userdata-and-card-collection-box .user-data{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:.5rem;-webkit-user-select:none;user-select:none}.userdata-and-card-collection-box .user-data .icon{width:3rem;height:3rem;flex-shrink:0;border-radius:50%;overflow:hidden}.userdata-and-card-collection-box .user-data .icon>img{width:100%;height:100%;object-fit:cover}.userdata-and-card-collection-box .user-data .name{font-size:1.4rem;font-weight:700;color:var(--txt-color)}@media screen and (max-width: 767px){.card-collection{padding:0 1rem}}.card-collection .collection-ttl{text-align:center;font-size:1.5rem;font-weight:700;color:var(--yellow-normal)}.card-collection .complete-counter{margin-top:1rem;width:100%;background:var(--bg-secondary);border-radius:.5rem;padding:1rem;-webkit-user-select:none;user-select:none}.card-collection .complete-counter .rate{display:flex;align-items:flex-end;font-size:1rem}.card-collection .complete-counter .rate .large{font-size:1.2rem;font-weight:700;color:var(--txt-color)}.card-collection .complete-counter .rate .small{font-size:.8rem;color:var(--txt-color)}.card-collection .complete-counter .total{display:flex;align-items:center;justify-content:center;color:var(--txt-color)}.card-collection .complete-counter .total .rate{font-size:1.5rem}.card-collection .complete-counter .total .rate .large{font-size:2rem}.card-collection .complete-counter .total .rate .small{font-size:1.2rem}.card-collection .complete-counter .total .icon{width:2rem;height:2rem;margin-right:.5rem}.card-collection .complete-counter .total .icon>img{width:100%;height:100%;object-fit:contain}.card-collection .complete-counter .rarity-stats{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;color:var(--txt-color)}.card-collection .complete-counter .rarity-stats .rarity-stat{width:calc((100% - 1.5rem)/4);display:flex;flex-direction:column;align-items:center;gap:.2rem;border-radius:.2rem;background:var(--black-line);padding:.2rem 0}.card-collection .complete-counter .rarity-stats .rarity-stat .icon{flex-shrink:0;height:2rem}.card-collection .complete-counter .rarity-stats .rarity-stat .icon img{width:100%;height:100%}.card-collection .complete-counter .rarity-stats .rarity-stat .rate{width:100%;border-top:.1rem solid var(--bg-secondary);justify-content:center;padding:.2rem}.card-collection .cards{display:flex;flex-wrap:wrap;gap:.5rem}.card-collection .cards .card{width:calc((100% - 2rem)/5);box-sizing:border-box;background:var(--bg-secondary);opacity:.4;transition:.1s;-webkit-user-select:none;user-select:none}.card-collection .cards .card.have{opacity:1;cursor:pointer}.card-collection .cards .card.have:active{transform:scale(.98)}@media screen and (max-width: 767px){.card-collection .cards .card{width:calc((100% - 1rem) / 3)}}