@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#182428;--paper:#f5f1e9;--white:#fffdf8;--muted:#71807d;--line:#d8d8ce;--ember:#e46d4f;--ember-dark:#b94c39;--gold:#eab461;--sage:#9ab3a5;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope','Avenir Next',sans-serif;--mono:'DM Mono',ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--ember);outline-offset:3px}.game-shell{max-width:1420px;margin:0 auto;padding:0 clamp(20px,5vw,70px);overflow:hidden}.game-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.game-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.game-logo>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--ink);color:var(--gold);font:600 20px var(--serif);font-style:italic}.game-logo strong{display:block;font-size:13px;letter-spacing:.12em}.game-logo small{display:block;margin-top:3px;color:var(--muted);font:8px var(--mono);letter-spacing:.06em}.header-actions{display:flex;align-items:center;gap:20px}.header-actions a,.header-actions button{border:0;background:transparent;color:var(--muted);font-size:11px;text-decoration:none;cursor:pointer}.header-actions button{font-size:22px;padding:3px}.demo-pill{padding:6px 8px;border:1px solid #e2b8aa;border-radius:5px;color:var(--ember-dark);font:8px var(--mono);letter-spacing:.08em}.game-main{padding:57px 5vw 82px}.game-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.eyebrow{margin:0 0 12px;color:var(--ember-dark);font:10px var(--mono);letter-spacing:.14em}.game-intro h1{margin:0;font:600 clamp(51px,7vw,92px)/.9 var(--serif);letter-spacing:-.06em}.game-intro h1 em{color:var(--ember);font-style:italic}.intro-copy{max-width:270px;margin:0 0 5px;color:var(--muted);font-size:13px;line-height:1.6}.hud{display:flex;align-items:center;gap:30px;padding:17px 20px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:rgba(255,253,248,.52)}.hud>div:not(.hud-spacer):not(.save-state){display:grid;gap:4px}.hud small{color:var(--muted);font:8px var(--mono);letter-spacing:.12em}.hud strong{font:600 20px var(--serif)}.hud-spacer{flex:1}.save-state{display:flex;gap:7px;align-items:center;color:var(--muted);font:9px var(--mono)}.save-state i{width:6px;height:6px;border-radius:50%;background:var(--sage)}.play-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:16px}.play-column,.camp-panel,.log-panel{border:1px solid var(--line);border-radius:13px;background:var(--white)}.play-column{padding:24px}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:15px}.panel-heading h2{margin:0;font:600 29px var(--serif);letter-spacing:-.04em}.party-count,.route-note,#logHint{color:var(--muted);font:9px var(--mono)}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px}.hero-card{position:relative;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer;transition:transform .2s,border .2s,background .2s}.hero-card:hover{transform:translateY(-3px);border-color:#aaa99d}.hero-card.selected{border-color:var(--ember);background:#f9e4db;box-shadow:inset 0 -3px 0 var(--ember)}.hero-card.disabled{opacity:.48;pointer-events:none}.hero-mark{width:34px;height:34px;display:grid;place-items:center;margin-bottom:19px;border-radius:9px;background:#e3ece6;color:#4d7968;font:600 16px var(--serif)}.hero-card:nth-child(3n) .hero-mark{background:#f7e3b6;color:#946b21}.hero-card:nth-child(2n) .hero-mark{background:#f6d7ce;color:var(--ember-dark)}.hero-card strong{display:block;font:600 17px var(--serif)}.hero-card small{display:block;margin-top:5px;color:var(--muted);font:9px var(--mono)}.hero-check{position:absolute;top:14px;right:14px;width:14px;height:14px;border:1px solid #b4b5ab;border-radius:50%}.selected .hero-check{background:var(--ember);border-color:var(--ember)}.selected .hero-check:after{content:'✓';display:grid;place-items:center;height:100%;color:white;font-size:9px}.route-heading{margin-top:42px}.route-list{display:grid;gap:8px;margin-top:17px}.route-card{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer}.route-card:hover{border-color:#aaa99d}.route-card.selected{border-color:var(--ember);background:#f9e4db}.route-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e3ece6;color:#4d7968;font-size:15px}.route-card:nth-child(2) .route-icon{background:#f7e3b6;color:#946b21}.route-card:nth-child(3) .route-icon{background:#f6d7ce;color:var(--ember-dark)}.route-card strong,.route-card small{display:block}.route-card strong{font:600 14px var(--serif)}.route-card small{margin-top:3px;color:var(--muted);font-size:9px}.route-reward{text-align:right;color:var(--ember-dark);font:9px var(--mono)}.launch-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 17px;border:0;border-radius:8px;background:var(--ink);color:var(--white);font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.launch-button span{font-size:19px}.launch-button:not(:disabled):hover{transform:translateY(-2px);background:var(--ember-dark)}.launch-button:disabled{background:#c8c8bf;color:#f5f1e9;cursor:not-allowed}.camp-panel{overflow:hidden}.camp-art{height:244px;position:relative;overflow:hidden;background:#c8d8cf}.camp-art:after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.18),transparent 55%,rgba(24,36,40,.12))}.camp-moon{position:absolute;top:38px;right:17%;width:92px;height:92px;border-radius:50%;background:var(--gold)}.camp-hill{position:absolute;bottom:-45px;left:-8%;width:118%;height:160px;background:#5f7d70;clip-path:polygon(0 100%,41% 11%,61% 45%,76% 0,100% 100%)}.camp-fire{position:absolute;z-index:2;bottom:47px;left:47%;width:24px;height:24px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 9px rgba(228,109,79,.15),0 0 0 18px rgba(228,109,79,.08)}.camp-fire:before,.camp-fire:after{content:'';position:absolute;left:-13px;bottom:-10px;width:50px;height:6px;border-radius:6px;background:#695348;transform:rotate(27deg)}.camp-fire:after{transform:rotate(-27deg)}.camp-label{position:absolute;z-index:3;left:18px;bottom:17px;color:var(--white);font:9px var(--mono);letter-spacing:.15em}.camp-copy{padding:24px 24px 10px}.camp-copy h2{margin:0 0 12px;font:600 30px/.98 var(--serif);letter-spacing:-.04em}.camp-copy>p:last-child{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.upgrade-list{padding:16px 24px 24px;display:grid;gap:8px}.upgrade{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #ece8df}.upgrade-info strong,.upgrade-info small{display:block}.upgrade-info strong{font:600 14px var(--serif)}.upgrade-info small{margin-top:2px;color:var(--muted);font-size:9px}.upgrade button{padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ember-dark);font:9px var(--mono);cursor:pointer}.upgrade button:hover:not(:disabled){border-color:var(--ember)}.upgrade button:disabled{opacity:.4;cursor:not-allowed}.log-panel{margin-top:16px;padding:24px}.event-panel{margin:19px 0;padding:18px 19px;border-radius:9px;background:#f9e4db;border:1px solid #e4b6a7}.event-panel .eyebrow{margin-bottom:8px}.event-panel h3{margin:0 0 6px;font:600 23px var(--serif)}.event-panel p{margin:0;color:#6b706b;font-size:11px;line-height:1.5}.event-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.event-actions button{padding:9px 11px;border:1px solid #d89784;border-radius:6px;background:rgba(255,253,248,.62);color:var(--ink);font-size:10px;font-weight:700;cursor:pointer}.event-actions button:hover{background:var(--white);border-color:var(--ember)}.log-list{display:grid;gap:0}.log-entry{display:grid;grid-template-columns:65px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #ece8df}.log-entry time{color:var(--ember-dark);font:9px var(--mono)}.log-entry p{margin:0;color:var(--muted);font-size:11px}.log-entry strong{color:var(--ink);font-family:var(--serif);font-size:15px}.log-entry em{color:#4c826d;font:9px var(--mono);font-style:normal}.game-footer{display:flex;justify-content:space-between;padding:22px 5vw;border-top:1px solid var(--line);color:#8b9691;font:9px var(--mono);letter-spacing:.05em}.shake{animation:shake .35s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:900px){.play-layout{grid-template-columns:1fr}.camp-panel{display:grid;grid-template-columns:.9fr 1.1fr}.camp-art{height:auto;min-height:270px}.camp-copy{padding-bottom:0}.upgrade-list{grid-column:2}}
@media(max-width:620px){.game-shell{padding-inline:16px}.game-header{height:76px}.header-actions{gap:10px}.demo-pill{display:none}.game-main{padding:44px 0 65px}.game-intro{align-items:start;flex-direction:column;gap:18px}.game-intro h1{font-size:55px}.intro-copy{font-size:12px}.hud{gap:14px;padding:14px}.hud-spacer{min-width:2px}.save-state span{display:none}.roster{grid-template-columns:repeat(2,1fr)}.play-column{padding:18px}.camp-panel{display:block}.camp-art{height:220px;min-height:0}.upgrade-list{padding-top:10px}.log-panel{padding:18px}.log-entry{grid-template-columns:50px 1fr;gap:8px}.log-entry em{grid-column:2}.game-footer{margin-inline:-16px;padding-inline:16px;flex-direction:column;gap:9px;font-size:8px}}

/* playable surface finish pass */
body{background-image:radial-gradient(circle at 10% 0%,rgba(234,180,97,.1),transparent 24%),radial-gradient(circle at 90% 44%,rgba(153,179,165,.1),transparent 24%)}.game-header{background:rgba(245,241,233,.7);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.game-logo{transition:transform .2s}.game-logo:hover{transform:translateY(-2px)}.play-column,.camp-panel,.log-panel{box-shadow:0 12px 28px rgba(24,36,40,.04)}.hero-card,.route-card{box-shadow:0 4px 10px rgba(24,36,40,.025)}.hero-card:hover,.route-card:hover{box-shadow:0 9px 18px rgba(24,36,40,.08)}.hero-card.selected{box-shadow:inset 0 -3px 0 var(--ember),0 9px 18px rgba(228,109,79,.12)}.launch-button:not(:disabled){box-shadow:0 8px 18px rgba(24,36,40,.14)}.camp-panel{transition:box-shadow .2s}.camp-panel:hover{box-shadow:0 16px 32px rgba(24,36,40,.09)}.camp-art{background:linear-gradient(150deg,#d8e4dc 0%,#a9c0b4 100%)}.log-entry{transition:background .2s;padding-inline:8px;border-radius:6px}.log-entry:hover{background:#fbf3e9}.event-panel{box-shadow:0 8px 22px rgba(228,109,79,.1)}
@media(max-width:620px){.game-header{backdrop-filter:none}.play-column,.camp-panel,.log-panel{box-shadow:0 8px 18px rgba(24,36,40,.035)}}
.game-footer .footer-legal{max-width:760px;line-height:1.5;text-align:right}@media(max-width:620px){.game-footer .footer-legal{max-width:none;text-align:left}}
/* fan-game labelling */
.intro-copy{max-width:430px}
.about-panel{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:13px;background:var(--white)}
.about-steps{margin:18px 0 0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.75}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.about-grid p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.about-grid a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}}