body.page-missions{margin:0;background:#dfedff;font-family:'Noto Sans Thai',sans-serif;color:#10254e;padding-bottom:115px}.page-missions>.site-header,.page-missions>.site-footer{display:none}.missions-page{max-width:1000px;margin:auto;background:linear-gradient(#88dfff,#e9f4ff 550px)}.missions-header{display:flex;align-items:center;gap:20px;padding:12px 28px;background:linear-gradient(110deg,#138ee9,#0848b0);color:white;border-radius:0 0 32px 32px;position:relative;z-index:2}.missions-header>a,.missions-header>button{display:grid;place-items:center;width:52px;height:52px;border:1px solid #6fdaff;border-radius:18px;background:#034aa56b;color:white;font-size:30px;text-decoration:none;cursor:pointer}.missions-brand{font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:bold}.missions-brand span{display:block;font:10px sans-serif;letter-spacing:3px}.missions-header h1{font-size:43px;font-weight:800;color:#ffe877;text-shadow:0 3px 0 #694708;margin:0 auto 0 12px}.missions-hero{position:relative;height:280px;overflow:hidden}.missions-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.6}.missions-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#087ce8b0,transparent)}.missions-hero>div{position:relative;z-index:1;padding:34px 35px}.missions-hero h2{font-size:clamp(25px,4.2vw,43px);line-height:1.4;color:white;text-shadow:0 3px 0 #034590,0 0 14px #034590;font-weight:800;margin:0}.missions-hero em{color:#ffe66e;font-style:normal}.missions-hero p{display:inline-block;margin-top:12px;background:#fff3be;color:#563613;padding:8px 24px;border-radius:28px;text-align:center;font-weight:700}.missions-wallet{position:relative;z-index:2;margin:-20px 26px 12px;background:#ffffffed;display:grid;grid-template-columns:repeat(3,1fr);border-radius:28px;padding:16px 10px;box-shadow:0 3px 5px #1c80b625}.missions-wallet>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #bed0e9}.missions-wallet>div:last-child{border:0}.wallet-icon{font-size:48px;filter:drop-shadow(0 3px 2px #e2b253)}.missions-wallet p{margin:0;font-size:15px;font-weight:700}.missions-wallet strong{display:block;font-size:25px;color:#0a2554}.missions-body{padding:0 28px 22px}.missions-tabs{display:flex;border:2px solid white;background:#d1eaff;border-radius:34px;box-shadow:0 3px 5px #0755a822;overflow:hidden;margin-bottom:12px}.missions-tabs button{flex:1;padding:13px 8px;border:0;background:none;font:inherit;font-size:22px;font-weight:800;color:#486486;cursor:pointer}.missions-tabs [aria-selected=true]{background:linear-gradient(#18b9ff,#0063fa);color:white;border:2px solid white;border-radius:32px;box-shadow:0 2px 4px #126ac060}.missions-notice{font-size:13px;line-height:1.7;margin:10px 8px;color:#42608c}.missions-list{display:grid;gap:12px}.mission-row{display:grid;grid-template-columns:86px minmax(0,1fr) 112px 130px;align-items:center;gap:15px;background:#fffffff0;border:2px solid white;border-radius:27px;padding:11px 16px;box-shadow:0 4px 4px #458bc610}.mission-icon{display:grid;place-items:center;width:80px;height:80px;font-size:46px;background:linear-gradient(#9eecff,#1db7f0);border-radius:22px;box-shadow:inset 0 2px 4px white}.icon-1{background:linear-gradient(#ffe27b,#ffaa29)}.icon-2{background:linear-gradient(#ffa8c0,#ff567c)}.icon-3{background:linear-gradient(#ffea91,#ffcf18)}.mission-detail h3{font-size:22px;line-height:1.35;font-weight:800;color:#0e1428;margin:0}.mission-detail p{font-size:16px;line-height:1.5;margin:3px 0;color:#5776a3}.mission-progress{display:flex;align-items:center;gap:12px}.mission-progress progress{appearance:none;width:100%;height:13px;border:0;border-radius:12px;overflow:hidden;background:#cbd8ec}.mission-progress progress::-webkit-progress-bar{background:#cbd8ec;border-radius:12px}.mission-progress progress::-webkit-progress-value{background:linear-gradient(#23d7ff,#007bff);border-radius:12px}.mission-progress progress::-moz-progress-bar{background:#007bff}.mission-progress span{font-weight:700;font-size:16px;white-space:nowrap}.mission-reward{background:#fff2ce;border-radius:20px;text-align:center;padding:15px 4px;color:#61390d;font-size:23px;font-weight:800}.mission-action,.mission-claimed{display:block;text-align:center;padding:15px 5px;border:0;border-radius:20px;background:linear-gradient(#20c9ff,#0076ff);color:white;font:inherit;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer}.mission-ready{border-color:#ffe778;background:#fffde4}.mission-claimed{background:#e1e7ee;color:#5d6d86;cursor:default}.weekly-prize{display:flex;align-items:center;gap:24px;margin:20px 0;padding:22px 25px;border-radius:28px;border:3px solid #ffe25c;background:radial-gradient(at 10% 10%,#fba7ff,transparent 40%),linear-gradient(110deg,#7e2bda,#163498);color:white;box-shadow:0 5px 8px #20499525}.weekly-prize>span{font-size:95px}.weekly-prize h2{font-size:30px;font-weight:800;color:#ffe86a;margin:0}.weekly-prize p{margin:7px 0;font-size:16px}.weekly-soon{display:inline-block;border:1px solid #fff8;border-radius:20px;padding:6px 18px;background:#ffffff17}.weekly-prize>b{font-size:50px;color:#ffed76;margin-left:auto}.missions-recommend{padding:16px;background:#ffffffcc;border-radius:28px}.recommend-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recommend-heading h2{font-size:25px;font-weight:800;color:#0865d3;margin:0}.recommend-heading a{font-size:15px;color:#1558aa}.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.recommend-grid article{border-radius:22px;background:white;text-align:center;overflow:hidden;box-shadow:0 4px 8px #17468022;padding-bottom:12px}.recommend-grid img{width:100%;height:145px;object-fit:contain;background:linear-gradient(#b5e4ff,#f9fbff)}.recommend-grid h3{font-size:18px;font-weight:800;margin:10px 8px 3px}.recommend-grid p{font-size:14px;color:#5072a3;margin:0 8px 10px}.recommend-grid a{display:block;margin:0 12px;border-radius:22px;background:linear-gradient(#20c9ff,#006cff);color:white;text-decoration:none;padding:8px;font-weight:700;box-shadow:0 3px 0 #0752b1}.missions-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1000px);display:flex;z-index:10;border:2px solid #5987bf;border-bottom:0;border-radius:30px 30px 0 0;background:linear-gradient(#09356a,#031c40);padding:3px 8px max(8px,env(safe-area-inset-bottom))}.missions-bottom>a,.missions-bottom>button{flex:1;display:flex;align-items:center;flex-direction:column;color:#c2d7fc;border:0;background:transparent;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;border-radius:22px;padding:0}.missions-bottom img{width:58px;height:58px;object-fit:contain}.missions-bottom [aria-current]{box-shadow:inset 0 0 12px #ffd66370;color:#ffe781;background:#ffffff0c}.mission-empty{text-align:center;padding:35px 15px;background:white;border-radius:26px;font-size:24px}.mission-empty h2{font-size:25px;font-weight:bold}.mission-empty p,.mission-empty a{font-size:16px}.mission-empty a{display:inline-block;margin-top:12px;color:#0872dd}.page-missions [hidden]{display:none}.page-missions :is(button,a):focus-visible{outline:3px solid #f8b527;outline-offset:3px}#mission-dialog{border:0;border-radius:24px;padding:28px;max-width:90vw;color:#163768}#mission-dialog::backdrop{background:#062047aa}#mission-dialog button{background:#0878ed;color:white;border:0;border-radius:20px;padding:10px 28px;margin-top:15px}@media(max-width:650px){.missions-header{gap:9px;padding:10px 14px;border-radius:0 0 22px 22px}.missions-header>a,.missions-header>button{width:36px;height:36px;border-radius:12px;font-size:21px}.missions-brand{font-size:23px}.missions-brand span{font-size:6px;letter-spacing:2px}.missions-header h1{font-size:27px;margin-left:0}.missions-hero{height:210px}.missions-hero>div{padding:22px 20px}.missions-hero h2{font-size:26px}.missions-hero p{font-size:12px}.missions-wallet{margin:-14px 12px 12px;padding:12px 4px;border-radius:22px}.missions-wallet>div{gap:4px}.wallet-icon{font-size:28px}.missions-wallet p{font-size:10px}.missions-wallet strong{font-size:15px}.missions-body{padding:0 12px 20px}.missions-tabs button{font-size:15px;padding:11px 2px}.mission-row{grid-template-columns:52px minmax(0,1fr) 65px;gap:9px;padding:10px;border-radius:20px}.mission-icon{width:50px;height:54px;font-size:32px;border-radius:15px;grid-row:1/3}.mission-detail h3{font-size:16px}.mission-detail p{font-size:12px}.mission-progress span{font-size:12px}.mission-progress progress{height:9px}.mission-reward{font-size:15px;padding:10px 2px;grid-column:3;grid-row:1}.mission-action,.mission-claimed{grid-column:3;grid-row:2;font-size:11px;padding:8px 1px;border-radius:14px}.mission-detail{grid-row:1/3}.weekly-prize{gap:10px;padding:16px 12px;border-radius:22px}.weekly-prize>span{font-size:55px}.weekly-prize h2{font-size:21px}.weekly-prize p{font-size:12px}.weekly-soon{font-size:11px;padding:5px 10px}.weekly-prize>b{display:none}.missions-recommend{padding:12px}.recommend-heading h2{font-size:20px}.recommend-heading a{font-size:12px}.recommend-grid{gap:8px}.recommend-grid img{height:90px}.recommend-grid h3{font-size:13px;line-height:1.5;margin:6px 4px}.recommend-grid p{font-size:10px}.recommend-grid a{font-size:12px;margin:0 6px}.missions-bottom{border-radius:23px 23px 0 0}.missions-bottom img{width:50px;height:50px}.missions-bottom span{font-size:12px}.missions-notice{font-size:11px}}
.missions-hero.missions-image-banner{height:auto;min-height:0;padding:12px 16px 0;overflow:visible}.missions-hero.missions-image-banner>img{position:static;display:block;width:100%;height:auto;object-fit:contain;opacity:1}.missions-hero.missions-image-banner:after{display:none}.missions-image-banner+.missions-wallet{margin-top:12px}@media(max-width:650px){.missions-hero.missions-image-banner{height:auto;padding:8px 8px 0}.missions-image-banner+.missions-wallet{margin-top:8px}}
/* User-supplied blue and gold mission artwork. */
.page-missions .mission-art-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0}
.page-missions .mission-icon .mission-art-icon{width:88%;height:88%;filter:drop-shadow(0 3px 3px #19427a30)}
.page-missions .wallet-icon .mission-art-icon{width:100%;height:100%;max-width:70px;max-height:70px}
.page-missions .mission-reward{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.page-missions .mission-reward .mission-art-icon{width:30px;height:30px}
.page-missions .missions-tabs .mission-art-icon{width:30px;height:30px;margin-right:5px}
.page-missions .weekly-prize>span .mission-art-icon{width:130px;height:130px;filter:drop-shadow(0 5px 6px #1b065466)}
.page-missions .weekly-prize>b .mission-art-icon{width:65px;height:65px}
.page-missions .recommend-heading h2 .mission-art-icon{width:38px;height:38px}
.page-missions .mission-empty>.mission-art-icon{width:85px;height:85px}
@media(max-width:600px){
.page-missions .mission-reward .mission-art-icon{width:22px;height:22px}
.page-missions .missions-tabs .mission-art-icon{width:22px;height:22px;margin-right:2px}
.page-missions .wallet-icon .mission-art-icon{max-width:43px;max-height:43px}
.page-missions .weekly-prize>span .mission-art-icon{width:80px;height:80px}
.page-missions .weekly-prize>b .mission-art-icon{width:34px;height:34px}
.page-missions .recommend-heading h2 .mission-art-icon{width:27px;height:27px}
}