/* Original illustration clipped in CSS, without enlarging game icons. */
.portal:has(.pioneer-campaign) main{max-width:1120px}
.portal .pioneer-campaign{padding:12px 0 24px;margin:auto}
.pioneer-hero{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"copy reward" "join reward";gap:20px 40px;align-items:center}
.pioneer-copy{grid-area:copy;min-width:0}
.pioneer-eyebrow{margin:0 0 12px;color:#856326;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.portal .pioneer-campaign h1{margin:0 0 16px;font-size:clamp(30px,3.3vw,42px);line-height:1.16;letter-spacing:-.035em}
.pioneer-campaign h1 em{font-style:normal;color:#866329}
.portal .pioneer-intro{font-size:16px;line-height:1.65;margin:0;max-width:48ch;color:#4c5658}
.pioneer-benefits{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;margin:16px 0 0;font-size:12px;color:#526160}
.pioneer-benefits li::before{content:"✓";color:#866329;margin-right:5px}
.pioneer-reward{grid-area:reward;min-width:0;border:1px solid #d8c9ac;border-radius:20px;padding:26px 20px 20px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#fffdf7 0%,#f4ebd9 75%);box-shadow:0 14px 32px #5a492a0c;position:relative}
.pioneer-reward::before{content:"";position:absolute;inset:7px;border:1px solid #b9a27633;border-radius:15px;pointer-events:none}
.pioneer-reward .pioneer-eyebrow{font-size:10px;margin-bottom:8px}
.portal .pioneer-reward h2{font-size:25px;margin:0 0 14px}
.pioneer-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.pioneer-colors figure{margin:0;min-width:0}
/* Apply the shadow after cropping, so the other beret cannot cast into this frame. */
.pioneer-art{position:relative;overflow:hidden;aspect-ratio:1086/600;isolation:isolate;margin:0 0 10px;filter:drop-shadow(0 7px 5px #4a392c1c)}
.pioneer-art img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:-23.3333%;image-rendering:auto}
.pioneer-art--rosa img{top:-125%}
.portal .pioneer-color-card{display:block;padding:6px;border:1px solid transparent;border-radius:12px;color:#304955;text-decoration:none;transition:background .15s,border-color .15s}
.portal .pioneer-color-card:hover,.portal .pioneer-color-card:focus-visible{background:#fffaf0a6;border-color:#bda77b;color:#304955}
.pioneer-colors figcaption{display:flex;justify-content:center;align-items:center;gap:7px;min-height:36px;font-weight:700;font-size:14px}
.pioneer-swatch{width:9px;height:9px;border-radius:50%;background:#475d9b;box-shadow:0 0 0 3px #475d9b14}
.pioneer-swatch--rosa{background:#dc8e9c;box-shadow:0 0 0 3px #dc8e9c25}
.portal .pioneer-reward-note{font-size:12px;line-height:1.5;max-width:38ch;margin:10px auto 0;color:#626b6b}
.pioneer-kit{margin-top:18px;padding-top:16px;border-top:1px solid #c9b99577;text-align:left}
.portal .pioneer-kit h3{font-size:15px;margin:0 0 10px;color:#304955;letter-spacing:0}
.pioneer-kit-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.pioneer-kit-items li{min-width:0}
.portal .pioneer-kit-items a{display:flex;align-items:center;gap:8px;min-height:58px;height:100%;padding:8px;border:1px solid #d8c9ac88;border-radius:8px;background:#fffaf0a6;color:#465858;font-size:12px;line-height:1.4;text-decoration:none}
.portal .pioneer-kit-items a:hover{border-color:#bda77b;background:#fffdf7}
.pioneer-kit-items img{flex:none;image-rendering:pixelated}
.pioneer-kit-items strong{font-weight:700;color:#856326;white-space:nowrap}
.portal .pioneer-kit-advice{margin:12px 0 0;padding:10px 12px;border-left:3px solid #a48440;border-radius:0 6px 6px 0;background:#eaddbc66;font-size:12px;line-height:1.55;color:#66532d}
.pioneer-kit-advice>strong{display:block;font-size:11px;margin-bottom:3px}.pioneer-kit-advice>span{display:block}
.pioneer-join{grid-area:join;min-width:0;border-top:1px solid #c9b99566;padding-top:16px;align-self:start}
.pioneer-status{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#304955}
.pioneer-status-dot{height:7px;width:7px;border-radius:50%;background:#ad8439;flex:none;box-shadow:0 0 0 4px #ad843918}
.portal .pioneer-deadline{font-size:13px;line-height:1.5;color:#596565;margin:7px 0 14px}
.pioneer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;font-size:13px}
.portal .pioneer-actions .botao{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;background:#304e5b;border:1px solid #304e5b;color:#fffaf0;border-radius:7px;font-size:14px;padding:11px 20px;box-shadow:0 3px 0 #213b46;clip-path:none}
.portal .pioneer-actions .botao:hover{background:#3f6473;color:white}
.portal .pioneer-account-note{max-width:52ch;font-size:11px;line-height:1.5;color:#64706f;margin:12px 0 0}
.pioneer-how{margin:30px 0 20px}
.portal .pioneer-how h2{font-size:21px;margin:0 0 16px}
.pioneer-how-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}
.pioneer-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;list-style:none;padding:0;margin:0}
.pioneer-steps li{display:flex;gap:12px;min-width:0}
.pioneer-step-number{font-size:13px;font-weight:700;color:#987332;display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:#efe4ce;border:1px solid #d8c9ac}
.pioneer-steps strong{display:block;font-size:14px;line-height:1.4;margin:4px 0 5px}
.portal .pioneer-steps p{font-size:12px;line-height:1.6;margin:0;color:#596565}
.pioneer-location{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #d8c9ac;border-radius:12px;background:#fffaf055}
.portal .pioneer-minimap{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #bda77b;border-radius:8px;background:#293840;cursor:zoom-in;line-height:0}
.pioneer-minimap img{display:block;width:100%;height:auto}
.pioneer-minimap:hover,.pioneer-minimap:focus-visible{outline:3px solid #987332;outline-offset:3px}
.pioneer-location-copy{min-width:0}.pioneer-location .pioneer-eyebrow{margin:0 0 6px;font-size:10px}
.portal .pioneer-location h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:#304955}
.portal .pioneer-location-copy p:not(.pioneer-eyebrow){font-size:12px;line-height:1.6;margin:0 0 8px;color:#596565}
.pioneer-location-coordinates{font-variant-numeric:tabular-nums}.pioneer-location-copy small{display:block;font-size:11px;color:#856326}
.pioneer-rules{border:1px solid #d8c9ac;border-radius:10px;background:#fffaf055}
.pioneer-rules summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:16px 20px;list-style:none}
.pioneer-rules summary::-webkit-details-marker{display:none}
.pioneer-rules summary strong{display:block;font-size:14px;color:#304955}
.pioneer-rules summary span span{display:block;font-size:12px;color:#64706f;margin-top:4px}
.pioneer-rules-toggle{font-size:25px;color:#987332;line-height:1}
.pioneer-rules[open] .pioneer-rules-toggle{transform:rotate(45deg)}
.pioneer-rules-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 20px 20px;border-top:1px solid #d8c9ac66;font-size:13px;color:#596565;line-height:1.65}
.portal .pioneer-rules-body h3{font-size:17px;margin:18px 0 8px;color:#304955}
.pioneer-rules-body ul{padding-left:18px;margin:0}.pioneer-rules-body li{margin:8px 0}
.pioneer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pioneer-teaser{margin:24px auto;padding:24px;max-width:1080px;border:1px solid #d8c7a6;background:#fffaf0;border-radius:16px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.pioneer-teaser h2{margin:0}.pioneer-teaser p{max-width:650px}
.pioneer-dialog{box-sizing:border-box;width:540px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);overflow:auto;border:1px solid #c6ae7d;border-radius:18px;padding:24px;background:radial-gradient(ellipse at 50% 35%,#fffdf7,#f4ebd9);color:#304955;box-shadow:0 10px 24px -8px #201b1870,0 2px 8px #201b1840}
.pioneer-dialog[open]{animation:pioneer-dialog-arrive .52s cubic-bezier(.16,.8,.24,1) both}
.pioneer-dialog::backdrop{background:rgb(20 25 28 / .3);animation:pioneer-backdrop-arrive .3s ease-out both}
:root:has(#pioneer-dialog[open]){overflow:hidden}
.portal .pioneer-dialog .pioneer-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;min-width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#596565;font:24px/1 sans-serif;cursor:pointer}
.pioneer-dialog .pioneer-close:hover{background:#eaddbc88}.pioneer-dialog :is(.pioneer-close,.pioneer-dismiss):focus-visible{outline:2px solid #856326;outline-offset:2px}
.pioneer-dialog-heading{text-align:center;padding:4px 18px 0}
.portal .pioneer-dialog-heading .pioneer-eyebrow{margin:0 0 8px;font-size:10px}
.portal .pioneer-dialog-heading h2{margin:0 0 10px;font-size:28px;line-height:1.2;letter-spacing:-.025em;color:#304955}
.portal .pioneer-dialog-heading h2:focus{outline:none}
.portal .pioneer-dialog-heading>p:last-child{margin:0;font-size:13px;line-height:1.6;color:#596565}
.pioneer-dialog .pioneer-colors{max-width:340px;margin:12px auto 0;gap:12px}
.pioneer-dialog .pioneer-art{margin-bottom:0}.pioneer-dialog .pioneer-colors figcaption{font-size:13px;min-height:28px}
.portal .pioneer-dialog .pioneer-dialog-benefits{margin:6px 0 0;text-align:center;font-size:11px;line-height:1.5;color:#64706f}
.pioneer-dialog .pioneer-kit{margin-top:14px;padding-top:12px}.portal .pioneer-dialog .pioneer-kit h3{margin:0 0 8px;font-size:14px}
.pioneer-dialog .pioneer-kit-items{gap:6px}.portal .pioneer-dialog .pioneer-kit-items a{min-height:44px;padding:6px;gap:6px;font-size:11px}
.pioneer-dialog .pioneer-kit-items img{width:20px;height:20px}.portal .pioneer-dialog .pioneer-kit-advice{margin:10px 0 0;padding:8px 10px;font-size:11px;line-height:1.5}
.portal .pioneer-dialog .pioneer-dialog-status{margin:14px 0 12px;text-align:center;font-size:11px;line-height:1.6;color:#64706f}
.pioneer-dialog-status strong{color:#856326}
.pioneer-countdown{margin:14px 0 12px;text-align:center}
.portal .pioneer-countdown .pioneer-countdown-date{margin:0 0 8px;font-size:11px;line-height:1.6;color:#596565}
.pioneer-countdown-date strong{display:block;color:#856326}.pioneer-countdown-date time{font-weight:700;color:#304955;white-space:nowrap}
.pioneer-countdown-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:300px;margin:0 auto}
.pioneer-countdown-unit{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border:1px solid #d8c9ac;border-radius:8px;background:#fffaf0a6}
.pioneer-countdown-unit b{font-size:22px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;color:#304955}
.pioneer-countdown-unit small{font-size:9px;line-height:1.4;color:#64706f}
.portal .pioneer-countdown .pioneer-countdown-finished{margin:8px 0 0;font-size:11px;line-height:1.5;color:#856326}
.pioneer-countdown-finished[hidden]{display:none}
.pioneer-dialog .pioneer-countdown{margin:10px 0}
.pioneer-dialog .pioneer-countdown-date strong{display:inline;margin-right:5px}
.pioneer-dialog .pioneer-countdown-unit{padding:5px 4px}
.pioneer-dialog .pioneer-colors{max-width:320px}
.pioneer-join .pioneer-countdown{text-align:left;padding:12px;border:1px solid #d8c9ac;border-radius:10px;background:#fffaf055}
.pioneer-join .pioneer-countdown-clock{margin:0}.pioneer-join .pioneer-countdown-date strong{display:inline;margin-right:4px}
.portal .pioneer-dialog .pioneer-preview-note{margin:0 0 8px;text-align:center;font-size:10px;line-height:1.5;color:#64706f}
.pioneer-dialog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;align-items:center}
.portal .pioneer-dialog-actions .botao{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;border:1px solid #304e5b;border-radius:7px;background:#304e5b;color:#fffaf0;font-size:13px;clip-path:none;text-decoration:none}
.portal .pioneer-dialog-actions .botao:hover{background:#3f6473}
.portal .pioneer-dismiss{min-height:42px;padding:8px;border:0;background:transparent;color:#596565;font:inherit;font-size:12px;cursor:pointer}.pioneer-dismiss:hover{text-decoration:underline}
@keyframes pioneer-dialog-arrive{from{opacity:0;transform:translateY(calc(-50vh - 50%))}to{opacity:1;transform:translateY(0)}}
@keyframes pioneer-backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.pioneer-dialog[open],.pioneer-dialog::backdrop{animation:none}}
@media(max-width:420px){.pioneer-dialog{padding:18px 14px}.portal .pioneer-dialog-heading h2{font-size:24px}.pioneer-dialog .pioneer-colors{max-width:290px}.pioneer-dialog-actions{flex-direction:column;gap:4px}.pioneer-dialog-actions .botao{width:100%}}
@media(max-width:760px){
 .pioneer-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "join" "reward";gap:20px}
 .portal .pioneer-campaign{padding-top:4px}.portal .pioneer-campaign h1{font-size:30px;max-width:22ch;margin-bottom:12px}
 .portal .pioneer-intro{font-size:14px;line-height:1.6}.pioneer-eyebrow{font-size:10px;margin-bottom:10px}
 .pioneer-benefits{font-size:11px;gap:6px 12px;margin-top:12px}
 .pioneer-reward{padding:16px 12px 12px;border-radius:14px}.pioneer-reward::before{border-radius:10px}
 .pioneer-reward .pioneer-eyebrow{display:none}.portal .pioneer-reward h2{font-size:21px;margin-bottom:10px}
 .pioneer-colors{gap:8px}.pioneer-art{margin-bottom:0}.pioneer-colors figcaption{font-size:13px;min-height:36px}
 .pioneer-kit-items{grid-template-columns:repeat(2,minmax(0,1fr))}.pioneer-kit{margin-top:12px;padding-top:12px}
 .pioneer-kit-items a{min-height:52px}.portal .pioneer-color-card{padding:3px}
 .portal .pioneer-reward-note{font-size:11px;margin-top:4px}
 .pioneer-join{padding-top:0;border:0}.pioneer-actions{gap:14px;font-size:12px}
 .portal .pioneer-actions .botao{padding-inline:16px;gap:14px}
 .pioneer-how{margin-top:26px}.portal .pioneer-how h2{font-size:20px;margin-bottom:14px}
 .pioneer-how-content{grid-template-columns:minmax(0,1fr);gap:20px}.pioneer-location{grid-template-columns:clamp(110px,34vw,160px) minmax(0,1fr);gap:14px;padding:12px}.portal .pioneer-location h3{font-size:16px}
 .pioneer-steps{grid-template-columns:minmax(0,1fr);gap:14px}.pioneer-steps strong{margin-top:2px;margin-bottom:3px}
 .pioneer-step-number{width:30px;height:30px}.portal .pioneer-steps p{font-size:12px;line-height:1.5}
 .pioneer-rules summary{padding:14px}.pioneer-rules summary span span{font-size:11px}
 .pioneer-rules-body{grid-template-columns:minmax(0,1fr);gap:0;padding-inline:14px}
}

/* Short first invitation; item quantities and advice remain on the campaign page. */
.portal .pioneer-dialog .pioneer-dialog-kit-summary{margin:10px auto;font-size:12px;line-height:1.6;max-width:46ch;text-align:center;color:#596565}
.pioneer-dialog .pioneer-colors{max-width:290px}.pioneer-dialog .pioneer-dialog-benefits{margin-block:6px}
@media(max-width:420px){.pioneer-dialog{padding:18px 14px}.portal .pioneer-dialog-heading h2{font-size:23px}.pioneer-dialog .pioneer-colors{max-width:250px}.portal .pioneer-dialog .pioneer-dialog-kit-summary{font-size:11px}}