:root{--ink:#17211d;--muted:#65716b;--paper:#f5f7f1;--lime:#c8f36a;--line:#dce2d7;--white:#fff;--purple:#7d6cf3;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:#f5f7f1eF;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;border-bottom:1px solid #e8ece4}.brand{display:flex;align-items:center;gap:10px;font:800 17px Manrope,sans-serif;letter-spacing:-.04em}.brand small{font-size:9px;letter-spacing:.16em;color:#747f77;margin-left:5px}.brandmark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:var(--lime);font:800 22px Manrope;transform:rotate(-6deg)}nav{display:flex;gap:34px;color:#526058;font-size:13px;font-weight:600}nav a:hover{color:#111}.account{display:flex;align-items:center;gap:9px}.button,.solid,.outline{border:0;border-radius:999px;padding:13px 19px;font-weight:700;font-size:13px;transition:transform .18s,background .18s}.solid{background:var(--ink);color:#fff}.solid:hover{background:#304039;transform:translateY(-1px)}.outline{background:transparent;border:1px solid #bdc7bb;color:var(--ink)}.outline:hover{background:#e9eee4}.player-chip{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;margin-right:8px}.player-chip i{font-style:normal;background:var(--purple);color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.hero{min-height:590px;padding:75px max(28px,calc((100vw - var(--max))/2)) 78px;display:grid;grid-template-columns:1fr .8fr;gap:6%;align-items:center;position:relative;overflow:hidden;background:linear-gradient(125deg,#f4f7ef 0%,#edf2e7 56%,#e6eddf 100%)}.hero-copy,.hero-board{position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #e5e9e0;color:#53614f;font-size:10px;font-weight:800;letter-spacing:.13em}.pill i{width:7px;height:7px;background:#8dbb3d;border-radius:50%;box-shadow:0 0 0 4px #8dbb3d20}.hero h1{font:700 clamp(54px,7vw,93px)/.94 Manrope,sans-serif;letter-spacing:-.085em;margin:25px 0 20px}.hero h1 em{font-style:normal;color:#738f40}.hero-copy>p{max-width:530px;color:#58655d;font-size:16px;line-height:1.75}.hero-cta{margin-top:11px;padding:16px 23px}.hero-cta span,.solid span{padding-left:12px}.hero-foot{display:flex;flex-wrap:wrap;gap:20px;margin-top:38px;color:#6e786f;font-size:11px;font-weight:700}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:390px;height:390px;border:1px solid #d5dfcc;right:0;top:-210px}.orb-two{width:420px;height:420px;border:1px solid #d5dfcc;right:-190px;bottom:-280px}.hero-board{background:#fff;border:1px solid #e2e8df;border-radius:26px;padding:27px;box-shadow:0 28px 70px #34442d17;max-width:490px;width:100%;justify-self:end}.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.board-head small{font-size:9px;letter-spacing:.16em;color:#7d887d;font-weight:800}.board-head h3{font:700 20px Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0 0}.live-dot{background:#eef7dc;color:#628433;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap}.xp-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb;margin:23px 0;padding:21px 0}.xp-number strong{font:800 43px Manrope;letter-spacing:-.07em;display:block;line-height:1}.xp-number span{font-size:11px;color:#758076}.level-badge{height:68px;width:68px;border-radius:22px;background:#f1edff;color:var(--purple);display:grid;align-content:center;justify-items:center;transform:rotate(4deg)}.level-badge span{font-size:8px;font-weight:800;letter-spacing:.12em}.level-badge b{font:800 26px Manrope}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#69756c}.progress-label b{color:#202b23}.progress{height:9px;border-radius:99px;background:#edf1e9;margin:9px 0 14px;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9dca4d,#d0f278);transition:width .3s}.board-foot{display:flex;justify-content:space-between;font-size:10px;color:#7b867c}.journey{max-width:var(--max);padding:95px 28px 85px;margin:auto}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#798574}.section-intro h2,.request-section h2{font:700 clamp(36px,5vw,58px)/1 Manrope,sans-serif;letter-spacing:-.07em;margin:12px 0 0}.section-intro>p{max-width:370px;color:var(--muted);font-size:14px;margin:0}.stage{padding:28px 0 39px;border-top:1px solid var(--line)}.stage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.stage-head h2{font:700 25px Manrope;letter-spacing:-.05em;margin:7px 0 2px}.stage-head p{color:var(--muted);font-size:13px;margin:0}.stage-count{font:800 21px Manrope;background:#fff;border:1px solid #e7ebe4;border-radius:15px;padding:10px 15px}.stage-count span{font:500 10px 'DM Sans';color:#778178}.quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quest{min-height:265px;background:#fff;border:1px solid #e4e9e0;border-radius:20px;padding:21px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.quest:hover{transform:translateY(-3px);box-shadow:0 15px 35px #3343280c}.quest.is-done{background:#fbfdf8;border-color:#c9dda7}.quest-top{display:flex;justify-content:space-between;align-items:center}.quest-icon{width:32px;height:32px;border-radius:11px;background:#f0f4e9;color:#718b49;display:grid;place-items:center;font-weight:800}.is-done .quest-icon{background:var(--lime);color:#28331b}.reward{font-size:10px;font-weight:800;color:#798d4b;background:#f5f8ec;border-radius:99px;padding:6px 9px}.quest h3{font:700 18px Manrope;letter-spacing:-.04em;margin:17px 0 4px}.quest>p{font-size:12px;color:#728076;margin:0 0 17px}.choices{display:grid;gap:7px;margin-top:auto}.choice{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#f6f8f3;border:1px solid #e8ede4;border-radius:11px;padding:9px 11px;font-size:11px;font-weight:700;color:#344137}.choice:hover{background:#eaf3d8;border-color:#ccdda9}.choice span{font-size:17px;color:#7f994f}.answer{padding:10px 12px;background:#edf5df;border-radius:11px;font-size:11px;font-weight:700;margin-top:auto}.done-label{font-size:10px;color:#668642;font-weight:700;margin-top:10px}.mission-form{margin-top:auto;display:grid;gap:8px}.mission-form input{min-width:0;border:1px solid #dce4d8;border-radius:10px;padding:10px;font-size:11px}.mission-form button{padding:10px}.locked{opacity:.72}.lock-note{background:#eef1eb;border:1px dashed #cbd3c6;border-radius:15px;padding:18px;color:#687368;font-size:12px}.feature-band{background:#1a241e;color:#fff;padding:68px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.feature-band .eyebrow{color:#c4e979}.feature-band h2{font:700 clamp(38px,5vw,59px)/.98 Manrope;letter-spacing:-.07em;margin:14px 0}.feature-band p{color:#bdc8be;font-size:13px;max-width:420px;line-height:1.8}.feature-points{display:grid;gap:0}.feature-points>div{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #ffffff26}.feature-points>div>b{color:#c4e979;font:700 14px Manrope}.feature-points span{display:grid;gap:5px}.feature-points strong{font-size:13px}.feature-points small{color:#aebbb1;font-size:11px}.request-section{max-width:var(--max);padding:74px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.request-section h2{font-size:38px}.request-section p{font-size:13px;color:var(--muted);margin:10px 0 0}.request-section .outline{white-space:nowrap;padding:15px 20px}.request-section .outline span{padding-left:12px}footer{border-top:1px solid var(--line);padding:24px max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#758076;font-size:10px}footer .brand{color:var(--ink)}.modal-backdrop{position:fixed;inset:0;background:#111b16a8;z-index:20;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.dialog{position:relative;width:min(440px,100%);background:#fff;border-radius:23px;padding:31px;box-shadow:0 25px 80px #0003}.dialog h2{font:700 32px Manrope;letter-spacing:-.06em;margin:10px 0}.dialog p{font-size:13px;color:var(--muted);line-height:1.7}.dialog label{display:grid;gap:7px;font-size:11px;font-weight:700;margin:17px 0}.dialog input,.dialog textarea{border:1px solid #dce4d8;border-radius:11px;padding:12px;font-size:13px;outline:none}.dialog textarea{min-height:90px;resize:vertical}.dialog input:focus,.dialog textarea:focus{border-color:#8eac5d}.close{position:absolute;right:19px;top:16px;border:0;background:transparent;font-size:25px;color:#6b756b}.wide{width:100%;margin-top:5px;padding:14px}.fineprint{display:block;margin-top:13px;color:#889187;font-size:10px;line-height:1.5}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;transition:.2s;background:#17211d;color:white;padding:12px 18px;border-radius:999px;font-size:12px;box-shadow:0 10px 30px #0002;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.topbar{padding:0 22px}nav{gap:17px}.hero{padding:65px 30px;grid-template-columns:1fr .83fr;gap:4%}.hero h1{font-size:clamp(49px,8vw,72px)}.hero-board{padding:21px}.hero-foot{gap:10px}.feature-band{padding:58px 30px;gap:5%}}
@media(max-width:650px){.topbar{height:66px;padding:0 16px}.topbar nav{display:none}.brand{font-size:15px}.brandmark{width:31px;height:31px}.account{gap:6px}.account .outline,.account .solid{padding:10px 12px;font-size:11px}.player-chip{font-size:0;margin-right:0}.hero{display:flex;flex-direction:column;align-items:stretch;padding:58px 22px 50px;gap:35px}.hero h1{font-size:clamp(54px,14vw,74px);margin:21px 0 15px}.hero-copy>p{font-size:14px}.hero-foot{margin-top:26px;gap:12px;font-size:9px}.hero-board{max-width:none;padding:20px;border-radius:21px}.board-head h3{font-size:17px}.journey{padding:67px 20px}.section-intro{display:block;margin-bottom:24px}.section-intro h2{font-size:42px}.section-intro>p{margin-top:13px;font-size:13px}.stage{padding:23px 0 29px}.stage-head h2{font-size:22px}.stage-count{font-size:17px;padding:8px 10px}.stage-count span{font-size:9px}.quest-grid{grid-template-columns:1fr}.quest{min-height:0;padding:18px}.quest h3{margin-top:13px}.choices{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr;padding:48px 22px;gap:21px}.feature-band h2{font-size:44px}.request-section{padding:54px 22px;display:grid;justify-items:start}.request-section h2{font-size:34px}.request-section .outline{margin-top:0}footer{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}footer .brand{grid-column:1/-1}footer>span:last-child{text-align:right}.toast{max-width:calc(100vw - 28px);white-space:normal;text-align:center}.dialog{padding:27px 22px}}
.link-button{background:none;border:0;color:#556f31;text-decoration:underline;padding:0;font-size:10px;font-weight:700}.admin-section{max-width:var(--max);padding:12px 28px 70px;margin:auto}.admin-section h2{font:700 34px Manrope;letter-spacing:-.06em;margin:7px 0 20px}.admin-list{display:grid;gap:10px}.admin-request{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.admin-request h3{font:700 16px Manrope;margin:6px 0}.admin-request p{margin:0;color:var(--muted);font-size:12px}.admin-actions{display:flex;gap:8px;flex-shrink:0}.admin-actions button{font-size:11px;padding:10px 13px}.my-requests{max-width:var(--max);margin:-35px auto 55px;padding:0 28px;display:grid;gap:8px}.my-requests>b{font-size:12px}.my-requests span{display:flex;justify-content:space-between;gap:10px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:11px}.my-requests i{font-style:normal;color:#798b54;font-weight:700}@media(max-width:650px){.admin-section{padding:8px 20px 48px}.admin-request{align-items:flex-start;display:grid}.admin-actions{width:100%}.my-requests{margin:-20px auto 40px;padding:0 20px}}
/* Account, referral and support additions */
.referral-card{display:flex;align-items:center;gap:18px;margin-top:22px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#f7f9f3}
.referral-card>div{display:grid;gap:4px;min-width:0}.referral-card small{font-size:10px;letter-spacing:.12em;color:var(--muted,#a8b8c1)}.referral-card b{font-size:17px;letter-spacing:.09em}.referral-card button{margin-left:auto;white-space:nowrap}
.admin-tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}
.support-dialog{max-height:min(85vh,760px);overflow:auto}.support-thread{display:grid;gap:10px;max-height:340px;overflow:auto;padding:12px 0;margin:10px 0}.support-message{max-width:88%;padding:12px 14px;border-radius:14px;background:#f1f5f5}.support-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-message.from-admin{justify-self:start;background:#e8f2ef}.support-message.from-player{justify-self:end;background:#ede9ff}.empty-note{color:#687681;font-size:14px}
.support-dialog form,.admin-support-form{display:grid;gap:12px}.support-dialog textarea,.admin-support-form textarea{width:100%;min-height:84px;resize:vertical}.admin-support-form{margin-top:16px;padding-top:14px;border-top:1px solid #e3e7e8}
@media(max-width:640px){.referral-card{align-items:flex-start;flex-wrap:wrap;gap:14px}.referral-card>div{flex:1 1 38%}.referral-card button{margin:0}.admin-tools{display:grid}.support-message{max-width:96%}}
.work-section{max-width:var(--max);padding:76px 28px 28px;margin:auto}.work-section .section-intro{margin-bottom:22px}.work-actions{display:flex;gap:9px;flex-wrap:wrap}.commission-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.commission-summary>div{display:flex;gap:10px;flex-wrap:wrap}.commission-summary span{padding:7px 10px;border-radius:99px;background:#f0f4e9;font-size:11px;font-weight:700}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.work-task{display:flex;flex-direction:column;gap:9px;min-height:215px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.work-task.is-complete{background:#fbfdf8}.work-task h3{margin:2px 0;font:700 17px Manrope,sans-serif}.work-task p{margin:0;color:var(--muted);font-size:12px}.work-task .solid{margin-top:auto;align-self:flex-start}.work-task-head{display:flex;justify-content:space-between;gap:10px}.task-state{font-size:10px;font-weight:700;color:#68813f}.task-receipt{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:11px;color:#65716b}.empty-work{padding:30px;border:1px dashed #bac6b8;border-radius:17px;color:var(--muted);text-align:center;background:#fff}.dispatch-form{display:grid;gap:12px;padding:20px;margin:4px 0 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.dispatch-form h3{margin:0;font:700 20px Manrope}.dispatch-form p{margin:0;color:var(--muted);font-size:12px}.dispatch-form label,.payout-dialog label{display:grid;gap:6px;font-size:12px;font-weight:700}.dispatch-form input,.dispatch-form select,.payout-dialog input,.payout-dialog select,.dispatch-form textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #cfd8ce;border-radius:10px;background:#fff;color:var(--ink)}.dispatch-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.check-line{display:flex!important;align-items:center;gap:9px!important}.check-line input{width:auto;min-height:auto}.payout-dialog{max-height:min(86vh,760px);overflow:auto}.payout-dialog form{display:grid;gap:13px}.payout-saved{padding:10px 12px;border-radius:10px;background:#f0f4e9;font-size:12px}.payout-dialog dl{display:grid;gap:10px}.payout-dialog dl div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:10px;border-bottom:1px solid var(--line)}.payout-dialog dt{font-weight:700}.payout-dialog dd{margin:0;overflow-wrap:anywhere}.admin-request small{font-size:11px;color:var(--muted)}
@media(max-width:850px){.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.work-section{padding:56px 20px 20px}.work-section .section-intro{display:grid;gap:15px}.work-actions{display:grid}.commission-summary{display:grid;align-items:start}.work-grid{grid-template-columns:1fr}.dispatch-row{grid-template-columns:1fr}.payout-dialog dl div{grid-template-columns:1fr;gap:4px}}