.mission-page{background-color:#f3ec3c;background-image:repeating-linear-gradient(135deg,transparent,transparent 20px,#f5ef4b 0,#f5ef4b 58px);background-size:auto auto;margin-bottom:-30px}.mission-page-content{margin:0 auto;max-width:600px}.mission-modal{left:50%;max-width:440px;position:absolute;top:47.5%;transform:translate(-50%,-50%);width:100%}.mission-modal-close,.mission-modal-content-wrap{margin:0 auto;max-width:440px;width:calc(100% - 50px)}.mission-modal-close{background:none;border:none;color:#fff;display:block;font-size:32px;line-height:1;text-align:right}.mission-modal-content-wrap{border-radius:20px;max-height:80vh;overflow-y:auto}.mission-modal-content{background:#fffa64}.mission-h-h{height:159px;margin:0;padding:0;width:100%}.mission-h-h:not(.mission-popup){background:no-repeat url(/images/mission/mission_h.png);background-position:bottom;background-size:100%}.mission-h-h.mission-popup{background:no-repeat url(/images/mission/mission_h_popup.png);background-position:top;background-size:319px 119px;height:129px}.mission-h-h.mission-popup+.mission-h-desc{margin-top:-26px}.mission-h-text{text-align:center;visibility:hidden}.mission-h-desc{color:#000;font-size:15px;font-weight:700;margin-bottom:12px;margin-top:-28px;text-align:center}.mission-h-note{color:#5e5b02;font-size:10px;margin-bottom:20px;text-align:center}.mission-list{position:relative}.mission-list+.mission-list{margin-top:2em}.mission-list-container{background:#fffa64;border:1px solid #d2cd39;border-radius:12px;margin:0 auto;max-width:500px;padding:40px}.mission-modal .mission-list-container{border:none;padding:0 16px 24px}.mission-list-status{background:#fffdd0;border:1px solid #ece993;border-radius:100px;font-size:13px;line-height:20px;margin:10px auto 20px;max-width:350px}.mission-list-status,.mission-list-status-tab{align-items:center;align-self:stretch;display:flex}.mission-list-status-tab{border-radius:100px;flex:1 0 0;gap:10px;height:100%;justify-content:center;padding:6px 0;text-align:center;width:50%}.mission-list-status-tab.mode-selected{background:#000;background:var(--champion-secondary,#000);color:#fff}.mission-list-empty{font-size:15px;margin:3.5em 0 1em;text-align:center}.mission-list-h{font-size:14px;margin:0 0 8px}.mission-list-item{align-items:center;background:#fff;border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.1);display:flex;padding:12px;position:relative}.mission-list-item+.mission-list-item{margin-top:8px}.mission-list-item.mode-achieved{pointer-events:none;position:relative}.mission-list-item.mode-achieved:before{background:rgba(255,250,100,.6);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.mission-list-item.mode-achieved:after{background:no-repeat 50%/contain url(/images/mission/mission_clear.png);content:"";display:block;height:44px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:66px;z-index:2}.mission-list.mode-dummy .mission-list-item{filter:brightness(1.5) blur(6px);pointer-events:none}.mission-list-item>a{height:100%;left:0;position:absolute;top:0;width:100%}.mission-list-item-bonus{padding-right:12px;text-align:center}.mission-list-item-ticket-label{font-size:12px}.mission-list-item-ticket-unit{font-size:9px}.mission-list-item-main{border-left:1px solid #e4e4e4;flex:1;padding-left:14px}.mission-list-item-name{margin-bottom:0}.mission-list-item-progress{align-items:center;display:grid;grid-template-columns:1fr 46px}.mission-list-item-progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#d9d9d9;border:none;border-radius:4px;height:6px;margin:0 6px 0 0;overflow:hidden;width:calc(100% - 42px)}.mission-list-item-progress-bar::-webkit-progress-bar{background-color:#d9d9d9}.mission-list-item-progress-bar::-moz-progress-bar,.mission-list-item-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}.mission-list-item-button.mode-active{background:#000;border-radius:10px;display:block;font-size:12px;font-weight:700;line-height:20px;text-align:center}.mission-list-item-button.mode-active,.mission-list-item-button.mode-active:link,.mission-list-item-button.mode-active:visited{color:#fff}.mission-list-item-button.mode-active:after{border-color:transparent #fff #fff transparent;border-style:solid;border-width:1px;content:"";display:inline-block;height:5.5px;transform:rotate(-45deg);vertical-align:1.5px;width:5.5px}.mission-list-item-failure,.mission-list-item-limit{color:#d80c24;font-size:11px;margin:6px 0 0}.mission-list-dummy-content{font-size:16px;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.mission-list-dummy-button{background:#000;border-radius:5px;display:inline-block;line-height:2.6;margin-top:1em;padding:0 2em;transition:opacity .5s}.mission-list-dummy-button,.mission-list-dummy-button:link,.mission-list-dummy-button:visited{color:#fff}.mission-list-dummy-button:hover{opacity:.66}.mission-info{margin:0 auto;max-width:500px;padding:2em 0 3em}.mission-info-items{margin:0 0 0 1.2em;padding:0}.mission-info-item{font-size:11px;line-height:1.66}.mission-info-item+.mission-info-item{margin-top:.125em}.mission-help{display:flex}.mission-help .mission-help-text{color:grey;font-size:11px;margin:6px 0 0;text-decoration:underline}.mission-help .mission-help-icon{filter:invert(59%) sepia(10%) saturate(26%) hue-rotate(356deg) brightness(95%) contrast(87%);margin-right:2px;vertical-align:bottom}@media screen and (max-width:767px){.mission-modal-content-wrap{max-height:min(520px,80vh)}.mission-h-h{height:129px}.mission-h-h:not(.mission-popup){background:no-repeat url(/images/mission/mission_h_popup.png);background-position:bottom;background-size:319px 119px}.mission-h-desc{margin-bottom:7px;margin-top:-18px}.mission-h-note{margin-bottom:12px}.mission-list-container{margin-left:12px;margin-right:12px;max-width:none;padding:22px 12px 32px}.mission-modal .mission-list-container{padding-left:0;padding-right:0}.mission-modal .mission-list-item+.mission-list-item{margin-top:4px}.mission-list-item-name{font-size:12px}.mission-info{padding-left:12px;padding-right:12px}}