.mission-page{background-size:initial;background-color:rgba(243,236,60,1);background-image:repeating-linear-gradient(135deg,transparent,transparent 20px,rgba(245,239,75,1) 0,rgba(245,239,75,1) 58px);margin-bottom:-30px}.mission-page-content{max-width:600px;margin:0 auto}.mission-modal{background:#fffa64;border-radius:var(--v-radius-box)}.mission-modal-close{display:block;text-align:right;background:none;color:#fff;font-size:32px;border:none;line-height:1;.dialog-content-wrap:has(&){background:none}}.mission-modal-close-icon{cursor:pointer}.mission-modal-content-wrap{overflow-y:auto;border-radius:20px;max-height:min(520px,80vh);@media (width >= 768px){max-height:80vh}}.mission-h-h{margin:0;padding:0;width:100%;height:139px;background:no-repeat 50%/375px 139px url(/images/mission/mission_h_sp.png);.mission-modal &{height:129px;background:no-repeat 50%/319px 118px url(/images/mission/mission_h_sp.png)}@media (width >= 768px){height:159px;background:no-repeat 50%/600px 159px url(/images/mission/mission_h.png)}}.mission-h-text{text-align:center;visibility:hidden}.mission-h-desc{text-align:center;font-weight:600;font-size:15px;color:#000;margin-top:-27px;margin-bottom:3px;@media (width >= 768px){margin-top:-23px;margin-bottom:5px}}.mission-h-note{text-align:center;font-size:10px;color:#5e5b02;margin-bottom:12px;.mission-modal &{margin-bottom:10px}@media (width >= 768px){margin-bottom:20px}}.mission-list{position:relative;&+&{margin-top:2em}.mission-modal &{margin-top:8px;@media screen and (width < 768px){margin-top:4px}}}.mission-list-container{width:calc(100% - 50px);border:1px solid #d2cd39;max-width:500px;border-radius:12px;background:#fffa64;margin:0 auto;padding:22px 12px 32px;@media (width >= 768px){padding-left:40px;padding-bottom:40px;padding-right:40px;padding-top:40px;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0}.mission-modal &{border:none;padding:0 16px 24px;width:calc(100% - 32px)}}.mission-list-status{margin:10px auto 20px;max-width:350px;padding:0;display:flex;align-items:center;align-self:stretch;border-radius:100px;border:1px solid #ece993;background:#fffdd0;font-size:13px;line-height:20px}.mission-list-status-tab{display:flex;padding:6px 0;justify-content:center;align-items:center;text-align:center;gap:10px;flex:1 0 0;align-self:stretch;border-radius:100px;height:100%;width:calc(100% / 2);&.mode-selected{color:#ffffff;background:var(--champion-secondary,var(--v-color-text))}}.mission-list-status-tab-link{&:link,&:visited{text-decoration:none;color:currentColor}}.mission-list-empty{font-size:15px;text-align:center;margin:3.5em 0 1em}.mission-list-h{font-size:14px;margin:0 0 8px}.mission-list-item{background:#fff;align-items:center;border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.1);margin-top:8px;.mission-modal &{margin-top:0;&+&{margin-top:8px;@media screen and (width < 768px){margin-top:4px}}}&.mode-achieved{position:relative;pointer-events:none;&:before{width:100%;height:100%;left:0;top:0;background:rgba(255,250,100,.6);z-index:1}&:after,&:before{position:absolute;content:"";display:block}&:after{width:66px;height:44px;background:no-repeat 50%/contain url(/images/mission/mission_clear.png);z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}}.mission-list.mode-dummy &{filter:brightness(1.5) blur(6px);pointer-events:none}}.mission-list-item-link{padding:12px;display:flex;align-items:center;&:link,&:visited{text-decoration:none}&.mode-toast,&:link,&:visited{color:var(--v-color-text)}}.mission-list-item-bonus{text-align:center;padding-right:8px;&.mode-toast{padding-right:12px}}.mission-list-item-ticket{height:24px;line-height:1;text-align:center}.mission-list-item-ticket-icon{&.mode-toast{width:20px;height:20px}&.mode-gray{path{fill:#aaaaaa}}}.mission-list-item-ticket-label{font-size:12px;padding:0 4px 0 0}.mission-list-item-ticket-unit{font-size:9px}.mission-list-item-main{border-left:1px solid var(--v-color-border);padding-left:14px;flex:1}.mission-list-item-name{margin:0;font-size:12px;&.mode-toast{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:18px;font-weight:400}@media (width >= 768px){font-size:14px}}.mission-list-item-progress{display:grid;align-items:center;grid-template-columns:1fr 46px;&.mode-toast{display:block}}.mission-list-item-progress-bar{appearance:none;border:none;width:calc(100% - 42px);height:6px;margin:0 6px 0 0;border-radius:4px;overflow:hidden;background-color:#d9d9d9;&::-webkit-progress-bar{background-color:#d9d9d9}&::-moz-progress-bar,&::-webkit-progress-value{background-color:#ff6d90;border-radius:4px}}::-webkit-progress-value{background-color:#ff6d90!important}.mission-list-item-progress-num{font-size:12px;&.mode-toast{font-size:10px;font-weight:400}}.mission-list-item-button{font-size:12px;font-weight:600;background:#d9d9d9;display:block;text-align:center;line-height:20px;border-radius:10px;text-decoration:none;&.mode-active{background:var(--v-color-text)}&,&:link,&:visited{color:#fff}&:after{content:"";width:5.5px;height:5.5px;display:inline-block;border-color:transparent #fff #fff transparent;border-style:solid;border-width:1px;transform:rotate(-45deg);vertical-align:1.5px}}.mission-list-item-failure,.mission-list-item-limit{color:#d80c24;font-size:11px;margin:6px 0 0}.mission-list-dummy-content{position:absolute;white-space:nowrap;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;font-size:16px;font-weight:600}.mission-list-dummy-button{background:#000;transition:opacity var(--v-duration);line-height:2.6;padding:0 2em;border-radius:var(--v-radius-btn);display:inline-block;margin-top:1em;text-decoration:none;&,&:link,&:visited{color:#fff}&:hover{opacity:.66}}.mission-info{max-width:500px;margin:0 auto;padding:2em 12px 3em;@media (width >= 768px){padding-left:0;padding-bottom:3em;padding-right:0;padding-top:2em}}.mission-info-items{margin:0 0 0 1.2em;padding:0}.mission-info-item{font-size:11px;line-height:1.66;&+&{margin-top:.125em}}.mission-help{display:flex;align-items:center;font-size:11px;margin:6px 0 0;.mission-help-text{color:#808080;text-decoration:underline;margin:0}.mission-help-icon{filter:invert(59%) sepia(10%) saturate(26%) hue-rotate(356deg) brightness(95%) contrast(87%);vertical-align:bottom;margin-right:2px}}.mission-no-items{text-align:center;font-size:15px;margin:3.5em 0 1em;color:var(--v-color-text)}