.mission-page{--mission-green:#00d59c;max-width:1100px;margin:auto;padding-bottom:32px}.mission-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:310px;padding:36px 24px 54px;border-radius:24px;background-color:#082c21;background-size:cover;background-position:center;overflow:hidden}.mission-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#00150f,transparent 65%)}.mission-eyebrow{font-size:10px;letter-spacing:.22em;color:#96e5c9;font-weight:800}.mission-hero h1{font-size:clamp(38px,5.5vw,66px);line-height:1.05;letter-spacing:-.04em;max-width:640px;margin:18px 0;font-weight:850;text-wrap:balance;color:#f1faf4}.mission-hero p{font-size:clamp(15px,1.8vw,19px);line-height:1.5;max-width:540px;font-weight:550;color:#d4e4db}.mission-tabs{display:flex;gap:10px;padding:20px 0 12px}.mission-tabs button{border:1px solid #224c3f;background:#0d251d;color:#9eb6aa;padding:14px 20px;border-radius:15px;font-weight:750;cursor:pointer;display:flex;gap:9px;align-items:center;justify-content:center;flex:1;transition:background .2s,color .2s;min-width:0}.mission-tabs button.active{background:#00d59c;color:#01271d;border-color:#00d59c;box-shadow:0 8px 24px #00d59c13}.mission-tabs button span{font-size:11px;opacity:.7}.mission-subnav{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;gap:14px}.mission-subnav>span{font-size:12px;color:#8eab9c}.mission-subnav button{display:flex;gap:6px;align-items:center;border:0;background:transparent;font-size:12px;color:#a9cbb8;cursor:pointer;white-space:nowrap}.mission-subnav button.selected{color:#00d59c}.mission-subnav svg{width:16px;height:16px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.mission-card{position:relative;isolation:isolate;padding:27px;border-radius:24px;background:linear-gradient(135deg,#102e23,#0c211a);border:1px solid #244938;overflow:hidden;color:#edf7f0;box-shadow:0 12px 30px #0000000b}.mission-card.completed{border-color:#00d59c70}.mission-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:35px;margin-bottom:18px}.mission-status{display:inline-block;border-radius:30px;background:#00d59c12;color:#6be6b8;padding:6px 10px;font-size:10px;line-height:1.3;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.mission-card.blocked .mission-status,.mission-card.expired .mission-status{color:#a5afa9;background:#b7c4bc12}.mission-deadline{font-size:9px;color:#91a99a;line-height:1.3;text-align:right;flex-shrink:0;max-width:145px}.mission-deadline b{display:block;color:#bfd0c5;font-weight:500}.mission-deadline span{display:block;color:#69d2a7;font-variant-numeric:tabular-nums;letter-spacing:.03em;margin-top:4px}.mission-identity{display:flex;align-items:center;gap:16px;min-height:94px}.mission-identity img{width:86px;height:86px;flex:0 0 86px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 9px #0005)}.mission-identity h2,.mission-card h2{font-size:18px;line-height:1.25;margin:0 0 9px;font-weight:800}.mission-identity p{font-size:13px;color:#a7b9ad;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mission-reward{text-align:center;display:flex;flex-direction:column;gap:6px;padding:22px 0}.mission-reward>span{font-size:13px;color:#9ab0a2}.mission-reward strong{font-size:clamp(25px,3.3vw,36px);font-weight:850;line-height:1.15;color:#00d59c;letter-spacing:-.035em;overflow-wrap:anywhere}.mission-reward small{color:#b2c8ba;font-size:11px}.mission-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.mission-actions .btn{flex:1;justify-content:center;min-height:45px;border-radius:100px;font-size:13px;text-align:center}.mission-actions .primary{background:#00d59c;color:#00271c;border-color:#00d59c}.mission-actions .primary:before{display:none}.mission-actions .primary{transform:none!important;clip-path:none!important}.mission-ribbon{position:absolute;left:-29px;top:17px;width:110px;padding:5px 0;transform:rotate(-45deg);background:#e23337;color:white;font-size:10px;text-align:center;font-weight:850;z-index:2;box-shadow:0 3px 9px #0003}.mission-ribbon.hot{background:#d96918}.mission-card:has(.mission-ribbon) .mission-status{margin-left:19px}.mission-running{padding-top:22px}.mission-running>div:first-child{display:flex;justify-content:space-between;color:#adc6b4;font-size:12px}.mission-running>div:first-child strong{color:#e9f4ec}.mission-progress{height:8px;border-radius:30px;background:#bdd3c321;overflow:hidden;margin:10px 0}.mission-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#008c6b,#00d59c);transition:width .6s ease}.mission-reward-inline{display:flex;justify-content:space-between;font-size:12px;gap:10px;margin:14px 0;color:#9db7a6}.mission-reward-inline b{color:#e1f4e7}.mission-note{display:block;text-align:center;color:#92af9d;font-size:10px;margin-top:14px;line-height:1.4}.mission-empty{grid-column:1/-1;text-align:center;padding:45px 24px;border:1px dashed #345544;border-radius:24px;background:#0c231aa0;color:#91b09e}.mission-empty>svg{width:45px;height:45px;color:#00d59c;margin-bottom:12px}.mission-empty h2{font-size:19px;color:#d9eee1}.mission-empty p{font-size:14px}.mission-legacy{margin-top:32px}.mission-legacy>h2{font-size:19px}.mission-legacy .mission-card>.btn{display:block;margin-top:18px}.mission-condition{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #34513f}.mission-condition>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#00d59c20;color:#00d59c}.mission-condition>div{flex:1}.mission-condition strong{font-size:13px}.mission-condition small{display:block;font-size:12px;color:#a1bcac;margin:8px 0}.mission-details .btn{margin-top:15px}.mission-admin-templates{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.mission-admin-templates button{display:flex;align-items:center;gap:10px;padding:17px 22px;border-radius:15px;border:1px solid #2b5342;background:#0b2c21;color:#c6ebd9;cursor:pointer}.mission-admin-templates button:hover{border-color:#00d59c}.mission-admin-title{display:flex;align-items:center;gap:12px;min-width:180px}.mission-admin-title img{width:45px;height:45px;object-fit:contain}.mission-admin-title small,table td>small{display:block}.mission-admin-actions{display:flex;flex-direction:column;gap:6px;min-width:135px}.mission-editor-rule{border:1px solid #345642;border-radius:14px;padding:15px;margin:12px 0}.mission-editor-rule .field{margin-bottom:10px}#mission-editor>small,#mission-appearance>small{display:block;color:#9bb7a8;font-size:11px;line-height:1.6;margin-bottom:20px}#mission-editor textarea{min-height:90px;width:100%;resize:vertical}#mission-editor input[type=datetime-local]{color-scheme:dark;min-width:0;width:100%}#mission-editor [hidden]{display:none!important}#mission-appearance>.btn{margin-top:16px}.mission-flip{perspective:1200px}.mission-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.7,.15,1)}.mission-flip.is-flipped .mission-flip-inner{transform:rotateY(180deg)}.mission-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mission-face-back{transform:rotateY(180deg)}.mission-face>.mission-card{height:100%;box-sizing:border-box}.mission-task-card{display:flex;flex-direction:column}.mission-task-card>p{font-size:12px;color:#9db5a6;margin:7px 0 16px}.mission-task-card h2{font-size:19px;margin:0}.mission-task-list{border:1px solid #365741;border-radius:16px;overflow:hidden;margin-bottom:20px}.mission-task{display:flex;align-items:center;gap:12px;padding:17px 13px}.mission-task+.mission-task{border-top:1px solid #365741}.mission-task-check{flex:0 0 24px;height:24px;border:2px solid #65816f;border-radius:50%;display:grid;place-items:center}.mission-task-check svg{width:16px;height:16px}.mission-task.done .mission-task-check{border-color:#00d59c;background:#00d59c;color:#00271c}.mission-task-copy{flex:1;min-width:0}.mission-task-copy strong{font-weight:600;font-size:13px;line-height:1.45;display:block}.mission-task-copy small{display:block;font-size:12px;color:#70dfb3;margin-top:8px}.mission-ring{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#00d59c var(--pct),#5b73633d 0);position:relative}.mission-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#10291f}.mission-ring b{position:relative;color:#65dfad;font-size:11px}.mission-back-button{margin-top:auto;border:1px solid #5f7a69;border-radius:50px;justify-content:center;width:100%}.mission-task-card>.primary{margin-bottom:12px;justify-content:center}
@media(max-width:700px){.mission-grid{grid-template-columns:1fr;gap:17px}.mission-hero{min-height:260px;padding:30px 16px 40px;border-radius:0;margin:0 -16px;background-position:center top}.mission-hero h1{font-size:40px;max-width:310px}.mission-hero p{font-size:15px;max-width:350px}.mission-tabs{gap:7px;padding-top:13px}.mission-tabs button{font-size:12px;padding:14px 9px;border-radius:14px;gap:5px}.mission-tabs button span{font-size:9px}.mission-subnav>span{font-size:10px;max-width:190px}.mission-subnav button{font-size:11px}.mission-card{padding:23px 20px;border-radius:24px}.mission-identity h2{font-size:17px}.mission-identity img{width:77px;height:77px;flex-basis:77px}.mission-identity p{font-size:12px}.mission-reward strong{font-size:32px}.mission-deadline{font-size:9px}.mission-card-top{margin-bottom:15px}.mission-reward{padding:22px 0}.mission-admin-templates{gap:8px}.mission-admin-templates button{flex:1;padding:13px;font-size:12px;min-width:140px}.mission-task{gap:10px;padding:17px 11px}.mission-task-copy strong{font-size:13px}.mission-status{font-size:9px}.mission-task-check{flex-basis:22px;height:22px}}@media(prefers-reduced-motion:reduce){.mission-flip-inner,.mission-progress i{transition:none}.mission-flip{perspective:none}}