﻿:root{--bg:#fff2d4;--panel:#fff9e9;--paper:#ffe3a1;--red:#c7472c;--muted:#79664c;--line:#c9ae7e}body{background:#fff2d4;color:#453525;font-family:Nunito,sans-serif}.topline{display:none}header{background:#513328;border-bottom:3px solid #2f251b;height:90px;color:#fff0c4}.brand{font:35px Bangers;letter-spacing:1px}.brand>span{color:#ffbf48}.brand img{width:40px}nav{font-weight:900}nav b{border-color:#9b7151;color:#ffdb84}.btn{background:#ffbe42;border:3px solid #704723;box-shadow:4px 5px 0 #513327;border-radius:8px;color:#4f301a;font-weight:900}.btn:hover{background:#ffd06a;box-shadow:5px 7px 0 #513327}.btn.small{padding:11px 18px}.outline{color:#724829;border:2px solid #a8804a;border-radius:7px;font-weight:800}.quiet{color:inherit}h1,h2,h3{font-family:Bangers;font-weight:400;letter-spacing:1px}h2 em{color:#db6330}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;min-height:730px;padding:65px 5% 85px;align-items:center;overflow:visible;background:radial-gradient(ellipse at 10% 20%,#fff9e8,transparent 65%)}.hero-copy{max-width:none}.hero-copy>.eyebrow{display:inline-block;color:#805120;background:#ffe094;border:2px solid #c18a36;padding:12px 14px;box-shadow:3px 3px 0 #bf782b;border-radius:3px;font-size:10px;letter-spacing:1px;transform:rotate(-2deg)}.hero h1{font:clamp(65px,7.4vw,115px)/1.04 Bangers;letter-spacing:1px;color:#563529;text-shadow:3px 4px 0 #d3b27c;margin:28px 0}.hero h1 em{color:#ffbd43;text-shadow:3px 4px 0 #c5512c,5px 6px 0 #60351e;-webkit-text-stroke:1px #915326}.hero p{font-size:16px;color:#806b4d;line-height:1.8}.hero .actions{gap:27px}.text-link{color:#bd4c29;font-weight:900}.hero-caption{font-size:10px;color:#98784d;letter-spacing:.7px}.hero-caption span{color:#d68927}.frontier-frame{position:relative;background:#ffd886;border:4px solid #714928;border-radius:12px;box-shadow:6px 7px 0 #be8851,9px 11px 0 #50331f,15px 25px 35px #6a3b2222;transform:rotate(2deg);min-width:0}.frontier-frame:before{content:'';position:absolute;top:-18px;left:-20px;width:80px;height:27px;background:#c99856bb;transform:rotate(-31deg);z-index:2}.frame-heading{padding:17px 19px;display:flex;justify-content:space-between;background:#694426;color:#ffe4a1;font:11px 'Barlow Condensed';letter-spacing:2px;border-bottom:3px solid #52351f}.frame-heading span:last-child{font-size:9px;color:#cfa46b}.frontier-view{position:relative;height:460px;overflow:hidden}.frontier-view>img{width:100%;height:100%;object-fit:cover;object-position:75% center}.frontier-view button{position:absolute;border:0;background:none;color:#56351f;display:flex;align-items:center;flex-direction:column;gap:6px;transition:transform .2s}.frontier-view button:hover{transform:translateY(-6px)}.frontier-view button>span{width:44px;height:44px;display:grid;place-items:center;border:3px solid #583b23;border-radius:50%;background:#e7a436;font-size:24px;color:#fff1ba;box-shadow:3px 3px 0 #34261988}.frontier-view button>b{background:#ffe9b0;border:2px solid #67432a;border-radius:3px;padding:8px 12px;box-shadow:3px 3px 0 #2e251c80;font:19px Bangers;letter-spacing:.5px}.town-pin{right:5%;top:53%;transform:rotate(3deg)}.crew-pin{left:6%;top:22%;transform:rotate(-4deg)}.frontier-label{position:absolute;left:18px;bottom:17px;background:#fff0d3e8;padding:8px 12px;color:#91652c;font:9px 'Barlow Condensed';letter-spacing:1px}.frame-caption{padding:15px 18px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;align-items:center;color:#76501d;border-top:3px solid #805528}.frame-caption span{font:9px 'Barlow Condensed';letter-spacing:1px}.frame-sticker{position:absolute;right:7%;bottom:-40px;background:#de6835;color:#ffe6a9;border:4px solid #783c20;border-radius:7px;box-shadow:4px 5px 0 #513220;padding:14px 24px;transform:rotate(-7deg);font:22px/1 Bangers}.frame-sticker em{color:#fff2cd;font-size:30px}.ticker{background:#a13f2b;color:#ffe4a1;border-color:#713122}.ticker>div{font:24px Bangers;letter-spacing:1px}.section-heading h2,h2{font-size:62px;line-height:1.04}.section-heading .eyebrow{color:#bc6533}.section-heading p{color:#897654;font-size:16px}.board-caption{color:#9d7c48;border-color:#c5a477}.wanted-card{background:#fff8df;border:3px solid #997343;border-radius:8px;outline-color:#c8af7d;box-shadow:6px 7px 0 #d4b984;color:#614427}.wanted-card>img{border:2px solid #7b5932;border-radius:4px;filter:none}.wanted-card p{color:#8e704c}.wanted-card button{color:#c15a2d;border-color:#d5bd92}.wanted-name{color:#684422}.wanted-role{color:#a2783c}.manifesto{background:#733c2a;border-color:#422d20;color:#fff0c9}.manifesto h2{font:64px/1.05 Bangers;letter-spacing:1px}.manifesto h2 em{color:#ffbf4d}.manifesto-copy p{color:#e7c49a}.manifesto .outline{color:#ffe6ab;border-color:#bf925d;background:#a25c35}.steps article{background:#fff9e9;border:2px solid #c0a06f;border-radius:10px;box-shadow:4px 5px 0 #d7bd91}.steps article>span{color:#a0814e}.steps b{color:#cc6732;background:#ffe0a0;border:2px solid #c19750;border-radius:10px;width:62px;height:62px;text-align:center;font-size:37px;box-shadow:3px 3px 0 #d4b47d}.steps h3{font:31px Bangers;color:#70472a}.steps p{color:#8a7251}.stamp{color:#b4712e;border-color:#bd8a46;background:#ffe6aa;border-radius:8px}.legend-section{background:#f4dba8;border-block:3px solid #c8a26a}.legend-copy h2{font:62px/1.02 Bangers}.legend-copy p{color:#8f734c}.legend-location{background:#fff0cae8;color:#8c5b2e;border-color:#b99457;border-radius:4px}.charges button{background:#fff2d0;border:2px solid #cfad6d;color:#8a6337;font-weight:800}.charges button[aria-pressed=true]{background:#ba5832;border-color:#783f27;color:#fff0c4;box-shadow:2px 3px 0 #bd8b51}blockquote{color:#80552e;border-color:#c87f38}.camp{background:#f8e4bd;border-block:2px solid #d9ba85}.empty{background:#fff9e7;border:2px dashed #b6a16f;border-radius:10px}.empty h3{font:34px Bangers;color:#76522e}.empty p{color:#967c51}.draft{background:#fff8e5;border:2px solid #b89b6b;box-shadow:4px 5px 0 #d0b989;border-radius:8px}.draft h3{font:31px Bangers;color:#694426}.draft p{color:#927346}.draft>span{color:#c16a31}.draft-actions button{color:#b9552c;border-color:#d5b37c}.faq details{border-color:#d4bc92}.faq summary{color:#79522f;font-weight:900}.faq details p{color:#8b7754}.closing{background:#603b29;border-color:#3e2e21;color:#fff0cf}.closing h2{font:75px/1 Bangers;text-shadow:3px 4px 0 #36271d}.closing h2 em{color:#ffbf47}.closing .eyebrow{color:#d5ae75}footer{background:#483124;border-color:#35271d;color:#ffedbc}footer>span{color:#bfa780}dialog{background:#fff4d9;border:3px solid #9b7241;color:#674a2b;border-radius:12px;box-shadow:8px 9px 0 #4c342255}dialog h2{font:45px Bangers}.close{background:#ffcd69;border:2px solid #b8883b;color:#795023;border-radius:50%}input,textarea,select{background:#fffcf3;border:2px solid #ccb787;color:#62492e}.wallet-box span,.note{color:#967d53}.poster{background:#ffe3a1;outline-color:#caa063;border:2px solid #ba8b42;border-radius:5px;box-shadow:4px 5px 0 #d6b26f}#review-content h3{color:#67472b}#review-content strong{color:#ba5c32}.poster h3{color:#5e4029}.poster>img{border-radius:4px}#toast{background:#9e4d2c;color:#fff0ca;border:2px solid #693c25;border-radius:8px}
/* A short three-chapter arrival, in the spirit of an adventure opening. */
#intro{background:radial-gradient(ellipse at 50% 40%,#995b3c66,transparent 65%),#493329;animation:none;display:grid;place-items:center;overflow:auto;border:0;transition:opacity .6s}.arrival-stage{text-align:center;width:min(720px,95vw);padding:60px 20px 30px}.arrival-kicker{font:11px 'Barlow Condensed';letter-spacing:2px;color:#dbb780;display:flex;justify-content:center;gap:20px;align-items:center;margin-bottom:27px}.arrival-kicker>span{color:#ffc55a;font-size:22px}.arrival-scene{width:490px;height:270px;max-width:83%;position:relative;margin:0 auto 42px;border:5px solid #c69752;border-radius:50px 50px 12px 12px;background:#4e3521;box-shadow:0 0 0 3px #38291c,8px 10px 0 #2c231b;perspective:800px;animation:arrivalScene .7s both}.arrival-land{width:100%;height:100%;object-fit:cover;object-position:75% center;border-radius:44px 44px 7px 7px;animation:landReveal 4s both}.saloon-door{position:absolute;inset:0 auto 0 0;width:50%;background:repeating-linear-gradient(90deg,#89582f 0 36px,#704321 37px 40px);border:4px solid #53351f;box-shadow:inset 0 0 0 6px #c18c4577;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform-origin:left;backface-visibility:hidden;border-radius:43px 0 0 7px;animation:saloonLeft 1.2s 2.2s both;z-index:2}.saloon-door span{color:#eac074;font-size:45px;text-shadow:3px 3px 0 #4e331e}.saloon-door b{font:34px Rye;color:#e9bd76;text-shadow:2px 2px 0 #48301e}.right-door{left:auto;right:0;transform-origin:right;border-radius:0 43px 7px 0;animation-name:saloonRight}.arrival-poster{position:absolute;width:140px;left:-48px;bottom:-22px;padding:8px;background:#ffe5a4;border:3px solid #9e6f37;border-radius:3px;box-shadow:4px 5px 0 #211c1688;transform:rotate(-13deg);z-index:3;animation:posterArrive .8s .5s both}.arrival-poster b{font:23px Rye;color:#634326;display:block}.arrival-poster img{width:100%;height:105px;object-fit:cover;object-position:center 30%;display:block;border:2px solid #94682e;margin-top:5px}.arrival-poster>span{font:7px 'Barlow Condensed';color:#8e612d;letter-spacing:.5px}.arrival-badge{position:absolute;right:-26px;bottom:-38px;z-index:4;width:100px;filter:drop-shadow(4px 6px 0 #231a1588);animation:badgeFound .7s 3.3s both}.arrival-badge img{width:100%}.arrival-sticker{position:absolute;right:-38px;top:25px;background:#ffce70;color:#7c4b24;padding:12px 15px;border:3px solid #815129;border-radius:7px;box-shadow:4px 5px 0 #221c1788;transform:rotate(8deg);font:22px/1 Bangers;z-index:4;animation:stickerFound .5s 3.65s both}.arrival-sticker em{font:900 12px Nunito;color:#a3542b}.arrival-copy h2{font:67px/.98 Bangers;color:#ffedc3;text-shadow:4px 5px 0 #2a2118;margin:0 0 25px;letter-spacing:1px;animation:arrival .7s 1s both}.arrival-copy h2 em{color:#ffc348;text-shadow:3px 4px 0 #aa4c28,5px 6px 0 #2a2118}.arrival-chapters{display:flex;justify-content:center;gap:9px;margin-bottom:18px}.arrival-chapters span{padding:7px 10px;font:10px 'Barlow Condensed';letter-spacing:.6px;color:#c29d72;background:#5b3d2b;border:1px solid #a17542;border-radius:4px}.arrival-chapters span.active{background:#ffc958;color:#764822;border-color:#ffe49c;transform:rotate(-2deg);box-shadow:2px 3px 0 #2e2319}.arrival-chapters span.complete{background:#90633a;color:#ffe1a7}.arrival-progress{width:250px;height:10px;border:2px solid #2d231a;border-radius:6px;overflow:hidden;margin:auto;background:#291f18}.arrival-progress i{height:100%;display:block;background:repeating-linear-gradient(-45deg,#ffcf62 0 10px,#d99132 10px 20px);transform-origin:left;animation:arrivalProgress 5.7s linear both}#arrival-status{font:800 12px Nunito;color:#dab987;margin:14px 0;min-height:18px}.arrival-signature{font:9px 'Barlow Condensed';letter-spacing:1.5px;color:#ab875d}#skip{border:2px solid #b68a50;border-radius:8px;background:#63452f;color:#ffebbd;box-shadow:3px 4px 0 #30251b;top:23px;right:25px;font-weight:900;z-index:8}#intro.departing{opacity:0;pointer-events:none}@keyframes arrivalScene{from{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:none}}@keyframes landReveal{0%,45%{filter:brightness(.35)}90%,100%{filter:brightness(1)}}@keyframes saloonLeft{to{transform:rotateY(-110deg);opacity:0}}@keyframes saloonRight{to{transform:rotateY(110deg);opacity:0}}@keyframes posterArrive{from{opacity:0;transform:rotate(-24deg) translateY(30px) scaleX(.1)}to{opacity:1;transform:rotate(-13deg)}}@keyframes badgeFound{from{opacity:0;transform:scale(.3) rotate(-80deg)}to{opacity:1;transform:rotate(12deg)}}@keyframes stickerFound{from{opacity:0;transform:scale(.2) rotate(-10deg)}to{opacity:1;transform:rotate(8deg)}}@keyframes arrivalProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:.85fr 1.15fr;padding-inline:4%}.hero h1{font-size:90px}.hero-copy>.eyebrow{font-size:8px}.frontier-view{height:430px}.frame-caption span{display:none}.section-heading h2{font-size:56px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:40px 6% 80px;gap:40px}.hero h1{font-size:100px}.hero-copy>.eyebrow{font-size:10px}.frontier-frame{margin:0 8px}.frontier-view{height:440px}.hero .actions{flex-direction:row;align-items:center}.hero-copy{max-width:none}.hero-caption{max-width:none}.nav-open nav{background:#5a3a29;border-color:#34271d}.manifesto h2{font-size:55px}.legend-copy h2{font-size:55px}.closing h2{font-size:60px}nav{top:90px}.brand{font-size:29px}}
@media(max-width:550px){header{height:77px}.brand{font-size:25px;gap:4px}.brand img{width:30px}.btn.small{font-size:10px;padding:9px}.hero{padding-top:35px;min-height:0}.hero h1{font-size:82px;margin:25px 0}.hero-copy>.eyebrow{font-size:8px;padding:10px;letter-spacing:.4px}.hero p{max-width:none;font-size:15px}.hero .actions{gap:20px}.hero .btn{padding:14px 17px;font-size:13px}.hero .text-link{font-size:13px}.hero-caption{font-size:8px;letter-spacing:.4px}.frontier-view{height:345px}.frame-heading{font-size:8px;padding:13px 10px;letter-spacing:1px}.frame-heading span:last-child{font-size:7px}.frame-caption{font-size:10px;padding:12px 10px}.frontier-frame{border-width:3px;margin-inline:0}.frontier-view button>b{font-size:15px;padding:7px 9px}.frontier-view button>span{width:35px;height:35px;font-size:19px}.frontier-label{font-size:7px;left:10px;bottom:12px;padding:6px 8px}.frame-sticker{font-size:17px;padding:10px 17px;bottom:-33px}.frame-sticker em{font-size:23px}.section-heading h2,h2{font-size:47px}.manifesto h2{font-size:45px}.closing h2{font-size:49px}.legend-copy h2{font-size:50px}nav{top:77px}.arrival-stage{padding:70px 12px 25px}.arrival-kicker{font-size:9px;letter-spacing:1px;gap:10px;margin-bottom:25px}.arrival-scene{height:205px;max-width:84%;width:320px;border-width:4px;border-radius:35px 35px 10px 10px;margin-bottom:45px}.arrival-land{border-radius:29px 29px 6px 6px}.left-door{border-radius:29px 0 0 6px}.right-door{border-radius:0 29px 6px 0}.saloon-door b{font-size:25px}.saloon-door span{font-size:33px}.arrival-poster{width:100px;left:-18px;bottom:-25px;padding:6px}.arrival-poster b{font-size:17px}.arrival-poster img{height:73px}.arrival-poster>span{font-size:5px}.arrival-badge{width:72px;right:-15px;bottom:-28px}.arrival-sticker{font-size:16px;padding:9px 10px;right:-18px;top:20px;border-width:2px}.arrival-sticker em{font-size:9px}.arrival-copy h2{font-size:49px;letter-spacing:.6px;margin-bottom:22px}.arrival-chapters{gap:6px}.arrival-chapters span{font-size:8px;padding:6px 7px;letter-spacing:.3px}#arrival-status{font-size:10px}.arrival-signature{font-size:7px}#skip{font-size:11px;top:15px;right:17px;padding:9px 13px}}
@media(max-height:700px) and (min-width:551px){.arrival-stage{padding-top:50px}.arrival-scene{height:190px;width:410px;margin-bottom:30px}.arrival-copy h2{font-size:50px;margin-bottom:18px}.arrival-kicker{margin-bottom:17px}.arrival-poster{width:115px}.arrival-poster img{height:75px}.arrival-badge{width:75px}.arrival-sticker{font-size:18px}}
@media(prefers-reduced-motion:reduce){.saloon-door{display:none}.arrival-land{filter:none}.arrival-progress i{transform:scaleX(1)}}
#intro.hidden{display:none}
@media(max-width:550px){.hero h1{font-size:68px}.frame-caption>span{display:none}}
