
.task-page{max-width:1320px!important}.task-page .section-head p{max-width:780px}.task-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.task-stats>div{padding:18px 22px;background:linear-gradient(120deg,#20182f,#11182b);border:1px solid #3c3453;border-radius:10px;display:flex;gap:14px;align-items:center}.task-stats strong{color:#edce8c;font-size:29px}.task-stats span{color:#b9c3d9;font-size:12px}.task-help{background:#101729;border:1px solid #303a53;padding:23px 25px;border-radius:12px;margin:20px 0}.task-help h3{margin:0 0 15px;font-size:19px;color:#e6cf9d}.client-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px}.client-paths b{font-size:12px;color:#d5b9fc}.client-paths p,.task-help li{font-size:12px;line-height:1.8;color:#b9c5de}.client-paths p{margin:6px 0}.task-help ol{margin:15px 0 0;padding-left:18px}.task-notes{margin-top:15px;display:flex;gap:8px;flex-wrap:wrap}.task-notes span{font-size:10px;padding:6px 9px;background:#20283c;border-radius:5px;color:#b9d9ca}.final-rewards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 28px}.final-mount{display:flex;align-items:center;gap:20px;padding:20px;background:radial-gradient(ellipse at left,#36233d,#12182b 70%);border:1px solid #6e526e;border-radius:12px}.mount-art{width:108px;min-width:108px;height:112px;display:grid;place-items:center}.mount-art img{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 5px #0009)}.final-eyebrow{color:#c3a2df;font-size:9px;letter-spacing:.08em;font-weight:700}.final-mount h3{font-size:20px;color:#e8cf93;margin:7px 0}.final-mount p{font-size:11px;line-height:1.7;color:#bfcae0;margin:0 0 10px}.mount-speed{font-size:10px;color:#9cdfc1}.tasks-browse{display:flex;gap:24px;align-items:flex-end;margin-top:30px}.task-tabs{display:flex;gap:9px;min-width:315px}.task-tabs button{display:flex;gap:14px;align-items:center;border:1px solid #48516c;background:#141b2e;color:#bfcae1;border-radius:8px;padding:13px 17px;font:600 12px inherit;cursor:pointer}.task-tabs button.selected{border-color:#b69755;background:linear-gradient(130deg,#423244,#272036);color:#ffe0a1}.task-tabs button span{padding:2px 6px;background:#080d1a66;border-radius:4px;font-size:10px}.task-tabs button:focus-visible,.task-search input:focus{outline:2px solid #a384d8;outline-offset:2px}.task-search{display:grid;gap:8px;flex:1}.task-search>span{color:#acb9d4;font-size:11px}.task-search input{padding:13px 15px;border:1px solid #39445f;border-radius:8px;background:#11172a;color:#e3e8f5;font-size:12px;width:100%;box-sizing:border-box}.reward-base{font-size:11px;color:#8f9ebc;line-height:1.7;max-width:900px;margin:16px 0 25px}.category-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.category-heading h3{color:#e5d7f2;margin:0;font-size:22px}.category-heading>span{font-size:11px;color:#9fadc7}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-card{border:1px solid #303a53;border-radius:11px;background:#111729;overflow:hidden;min-width:0}.monster-top{display:flex;gap:17px;align-items:center;background:linear-gradient(115deg,#201c34,#141c2e 80%);padding:15px 18px}.monster-art{width:108px;min-width:108px;height:102px;display:grid;place-items:center}.monster-art img{width:108px;height:98px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #0008)}.category-label{color:#9a8abc;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.monster-top h4{margin:6px 0 10px;font-size:18px;color:#e9eaf4;line-height:1.3}.task-requirements{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.task-requirements>*{font-size:10px;border-radius:5px;padding:5px 7px;background:#252d42;color:#b8c5de}.task-requirements strong{color:#e5c780;background:#40372a80}.task-requirements .reborn-required{color:#ceacef;background:#39244b90}.monster-list{font-size:10px;color:#91a2bf;border-top:1px solid #28324a;border-bottom:1px solid #28324a;padding:9px 16px}.monster-list summary{cursor:pointer}.monster-list p{line-height:1.7;color:#b9c7df;margin-bottom:4px}.task-reward-columns{display:grid;grid-template-columns:1fr 1fr}.task-reward-columns>div{padding:13px 13px 16px;min-width:0}.task-reward-columns>div+div{border-left:1px solid #2c354c;background:#0d132311}.task-reward-columns h5{margin:0 0 10px;color:#bda9d8;font-size:10px;font-weight:600}.reward-list{display:grid;gap:7px}.reward-chip{min-height:39px;display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.45;color:#c0cce3}.reward-chip img{width:34px;height:34px;min-width:34px;object-fit:contain;image-rendering:pixelated}.reward-chip b{font-weight:600;color:#f1d696}.xp-mark{width:32px;min-width:32px;height:31px;display:grid;place-items:center;background:radial-gradient(#3d3443,#151d30);border:1px solid #655248;border-radius:7px;font-size:11px;font-weight:800;color:#e6c478}.reward-chip.xp{color:#cbb897}.task-empty{padding:40px;text-align:center;border:1px dashed #4b405f;border-radius:10px;color:#b4c0d7;font-size:13px}[hidden]{display:none!important}
@media(min-width:1700px){.task-grid{grid-template-columns:repeat(3,1fr)}.task-reward-columns>div{padding:12px 10px}.monster-top{padding:14px 12px;gap:10px}.monster-art{width:88px;min-width:88px}}
@media(max-width:1050px){.final-rewards{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr}.task-tabs{min-width:0}.tasks-browse{align-items:stretch;flex-direction:column;gap:16px}.task-stats>div{padding:14px;gap:9px}.task-stats strong{font-size:24px}.task-stats span{font-size:10px}}
@media(max-width:560px){.task-stats{gap:7px}.task-stats>div{padding:12px 9px;display:grid;gap:4px}.task-stats strong{font-size:23px}.task-help{padding:18px}.client-paths{grid-template-columns:1fr;gap:14px}.final-mount{gap:12px;padding:14px}.mount-art{width:84px;min-width:84px}.mount-art img{width:84px}.monster-top{padding:12px}.monster-art{width:88px;min-width:88px}.monster-art img{width:88px}.monster-top h4{font-size:17px}.task-reward-columns>div{padding:12px 10px}.reward-chip{font-size:9px}.reward-chip img{width:30px;min-width:30px}}
.reward-chip{font-size:12px}.task-reward-columns h5{font-size:12px}.monster-list{font-size:11px}.client-paths p,.task-help li{font-size:13px}.task-notes span{font-size:11px}.final-mount p{font-size:12px}.mount-speed{font-size:11px}.task-requirements>*{font-size:11px}.reward-base{font-size:12px}
/* Center the entire page and every card row, including search results. */
.task-page{width:100%;box-sizing:border-box;margin:12px auto!important}
.task-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
.task-grid>.task-card{flex:0 1 calc((100% - 16px)/2);max-width:calc((100% - 16px)/2)}
@media(min-width:1700px){.task-grid>.task-card{flex-basis:calc((100% - 32px)/3);max-width:calc((100% - 32px)/3)}}
@media(max-width:1050px){.task-grid>.task-card{flex-basis:100%;max-width:100%}}
