/* Adventure desk: tactile paper, leather instruments and a bound field journal. */
:root{--paper:#eee1c2;--ink:#3d3022;--muted:#8a7559;--line:#c4ab7f;--light:#fff3d8;--green:#47694c;--red:#ae5544}
body{background-color:#302117;background-image:repeating-linear-gradient(3deg,#0000 0 4px,#100b0718 5px 6px),repeating-linear-gradient(91deg,#503624 0,#342219 180px,#5b3e28 183px,#2e1e16 187px,#39271c 360px);background-attachment:fixed;color:var(--ink)}
.topbar{max-width:1500px;min-height:76px;margin:15px auto 0;padding:12px 25px;color:#f1d7a2;background:linear-gradient(120deg,#44352a,#211e19);border:2px solid #87683e;outline:1px dashed #b2936266;outline-offset:-7px;box-shadow:0 6px 18px #0007;border-radius:8px}.brand small{color:#c4aa7c}nav a{color:#d6bf97}nav a.active{color:#ffe0a0;border-color:#edc886}.brand-mascot{filter:drop-shadow(0 3px 3px #0008)}
main:not(.story-layout){background:#f3e7ca;box-shadow:0 10px 40px #0005;padding:32px;border:1px solid #b99c6a;border-radius:5px;margin-top:30px}.home{max-width:1240px}.hero{background:transparent}.story-layout{max-width:1500px;padding:0 26px;margin:25px auto 45px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.story-main{grid-column:1;grid-row:1;min-width:0;padding:18px;background:linear-gradient(135deg,#68503a,#30251d);border:2px solid #9d7b4c;border-radius:8px;box-shadow:0 12px 32px #0007,inset 0 0 0 5px #211a13}.journey-topline{color:#f3dfb7;border-bottom:1px dashed #9c7b4c;padding:0 4px 12px}.journey-topline h1{font-size:27px;margin:0}.journey-topline h1 span,.journey-topline .eyebrow{color:#c7b28c}.day-tag{background:#e7d4a6;color:#382c20;border:1px solid #aa8d5b;box-shadow:2px 3px 0 #0005;transform:rotate(2deg);padding:5px 15px}.journey-route{background:#e9d9b6;padding:6px 16px;border:1px solid #ad905d}.route-progress{margin:8px 0}.day-progress{color:#eedab2}.day-progress-track{background:#261e16}.day-progress-track>i{background:#c5a05a}
.wallet-strip{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.wallet-strip .wallet-balance,.wallet-strip .vital{background:linear-gradient(135deg,#2d3430,#181d1b);border:2px solid #98784c;outline:1px dashed #b79b6755;outline-offset:-5px;border-radius:5px;min-height:112px;padding:12px 14px;box-shadow:0 4px 7px #0006,inset 0 0 10px #0006;color:#d9c6a3}.wallet-strip .wallet-balance>strong{font-size:32px;color:#f0c76c;white-space:nowrap}.wallet-strip .wallet-balance>small{color:#b8ab8e;font-size:10px}.wallet-strip .vital>b{font-size:32px}.wallet-strip .vital.health>b{color:#f17e72}.wallet-strip .vital.energy>b{color:#8eb8ec}.wallet-strip .vital.mood>b{color:#b0a2ef}.wallet-strip .vital span{color:#e3d4b4}.wallet-strip .vital small{color:#a89e88}.wallet-strip .vital i{background:#1118}.wallet-strip .vital.health i b{background:#ec7a70}.wallet-strip .vital.energy i b{background:#89b3df}.wallet-strip .vital.mood i b{background:#a799e8}.health-note{color:#e0c69e;background:#382b20;border-color:#705938}
.scene-photo.large-photo{margin:15px 0 0;border:7px solid #241e18;border-bottom:0;box-shadow:0 3px 12px #0006;transform:rotate(-.3deg);background:#211a14}.scene-photo.large-photo img{width:100%;height:290px;max-height:none;object-fit:cover;filter:saturate(.8) sepia(.15)}.scene-photo figcaption{background:#251f19db;color:#e1d0ac;padding:7px 12px;font-size:10px}.scene-photo figcaption a{color:#bfad89}
.event-card.narrative-card{position:relative;background:radial-gradient(ellipse at 20% 10%,#fff6dc,#e7d3aa);border:1px solid #b99a66;border-top:5px solid #cdb181;padding:25px 28px;margin:0;box-shadow:0 5px 8px #0004,inset 0 0 32px #aa7c3320;border-radius:2px 2px 5px 5px;min-height:250px}.event-card h2{font:700 29px/1.35 var(--serif);color:#30271e;margin:12px 0}.story-prose p{font:16px/1.95 var(--serif);color:#58442e}.card-topline{color:#89704c}.decision-pause{color:#a24e35;background:#bd674915;border:1px solid #b97b58;padding:3px 8px;border-radius:2px}.node-question{font-size:11px;color:#967950}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-button{display:flex;align-items:flex-start;padding:16px 12px;gap:9px;background:linear-gradient(145deg,#fff5d9,#e5d1a5);border:3px solid #6f8158;border-radius:8px 3px 10px 4px;box-shadow:2px 4px 0 #70533555;min-height:110px;transition:transform .18s,box-shadow .18s}.choice-button:nth-child(2){border-color:#b26953}.choice-button:nth-child(3){border-color:#6c8790}.choice-button:not(:disabled):hover{background:#fff4d5;transform:translateY(-4px) rotate(-.5deg);box-shadow:3px 8px 0 #70533555}.choice-letter{background:transparent;color:#65734e;font:700 30px var(--serif);padding:0;width:28px;flex-shrink:0}.choice-content strong{font-size:15px;color:#352c21}.choice-content small{font-size:11px;color:#846c49}.choice-button>span:last-child{display:none}.journey-player{background:#211d17;color:#ddc89f;border:1px solid #8e7145;padding:12px;margin-top:13px;border-radius:4px}.player-button{color:#eedcb7;border-color:#766040;background:#403428}.save-label{color:#b8a17c;font-size:10px;margin-bottom:0}
.story-aside{grid-column:2;grid-row:1 / span 2;display:block;position:sticky;top:16px;padding:24px 22px 20px 32px;background:repeating-linear-gradient(0deg,#0000 0 30px,#95764115 31px 32px),linear-gradient(110deg,#d1b98c,#f3e6c9 10%,#e9d8b5);border:7px solid #3b2c20;border-radius:9px 5px 9px 4px;box-shadow:4px 9px 20px #0007,inset 4px 0 0 #ac8a54;min-width:0}.journal-binding{position:absolute;left:-13px;top:60px;bottom:45px;width:30px;background:repeating-linear-gradient(0deg,transparent 0 64px,#3e3220 65px,#d9b669 68px,#6f5127 72px,transparent 76px);pointer-events:none}.story-aside .travel-stats{font-size:10px;border-color:#ba9d6b;display:flex;flex-wrap:wrap;gap:8px}.story-aside .section-kicker{font:700 24px var(--serif);color:#4e3926;border-bottom:2px solid #bba071;padding-bottom:12px}.story-aside .section-kicker span{font:9px var(--mono)}.story-aside .travel-style{font-size:11px}.live-timeline{max-height:650px;overflow:auto;scrollbar-width:thin;scrollbar-color:#af905e transparent}.story-aside .timeline{display:block}.story-aside .timeline article{padding:15px 0 17px 15px;border-bottom:1px solid #bda37466}.story-aside .timeline h4{font:700 15px/1.6 var(--serif)}.story-aside .timeline p{font-size:12px;line-height:1.8;-webkit-line-clamp:4}.cash-ledger{background:#fff8dd66;border-color:#c6ad7c}.cash-in strong{color:#397448}.cash-out strong{color:#ae4235}.story-aside .divine-note{font-size:15px}.aside-exit{border-color:#ba9d6b}.desk-talents{grid-column:1;grid-row:2;background:linear-gradient(120deg,#e8d5ad,#f3e5c6);padding:17px 22px;border:5px solid #6a5032;outline:1px solid #aa8753;border-radius:5px;box-shadow:0 7px 18px #0006}.desk-talents .talent-panel{margin:8px 0 0}.desk-talents .talent-list{display:flex;gap:12px;flex-wrap:wrap}.desk-talents .talent-chip{flex:1;min-width:170px;background:#d9c49c55;border-color:#b69860;box-shadow:none}.desk-talents .talent-badge{filter:drop-shadow(0 3px 2px #67491666)}footer{color:#d0b993;border-color:#715435;max-width:1450px}.playing footer{margin-top:20px}
@media(min-width:1500px){.scene-photo.large-photo img{height:340px}}
@media(max-width:1050px){.story-layout{grid-template-columns:minmax(0,1fr) 290px;padding:0 14px;gap:14px}.story-main{padding:12px}.choices{grid-template-columns:1fr}.choice-button{min-height:70px}.story-aside{padding:20px}.wallet-strip .wallet-balance>strong{font-size:25px}.event-card.narrative-card{padding:22px}.scene-photo.large-photo img{height:240px}}
@media(max-width:760px){.topbar{margin:8px;min-height:65px;padding:12px 14px}.brand{font-size:13px}nav{gap:13px;font-size:11px}.story-layout{display:flex;flex-direction:column;margin-top:14px;padding:0 10px}.story-main,.story-aside,.desk-talents{width:100%}.story-aside{position:static}.desk-talents{order:1}.story-aside{order:2}.wallet-strip{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-strip .wallet-balance{grid-column:1/-1;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.wallet-strip .wallet-balance>strong{font-size:29px;margin:0}.wallet-strip .vital{min-height:94px;padding:10px}.scene-photo.large-photo img{height:220px}.event-card h2{font-size:25px}.story-prose p{font-size:15px}.event-card.narrative-card{padding:20px 17px}.choices{grid-template-columns:1fr}.choice-button{padding:13px}.live-timeline{max-height:420px}main:not(.story-layout){padding:20px;margin:18px 10px}.journey-player{flex-wrap:wrap;gap:9px}.journey-topline h1{font-size:23px}.card-topline{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.choice-button:not(:disabled):hover{transform:none}}
/* Keep the decision in view on laptop screens. */
.playing .journey-topline{padding-bottom:8px}.playing .journey-topline .eyebrow{display:none}.playing .day-progress{margin:9px 0;color:#e6d0a4}.playing .day-progress-head,.playing .day-progress-label{color:#e6d0a4}.playing .day-progress-track{height:5px}.playing .day-progress-days{margin-top:3px}.playing .wallet-strip .wallet-balance,.playing .wallet-strip .vital{min-height:95px;padding:9px 12px}.playing .wallet-strip{margin:10px 0}.playing .wallet-strip .vital>b{margin:5px 0}.playing .journey-route{padding:0 12px}.playing .journey-player{position:static;bottom:auto}.playing .scene-photo.large-photo img{height:220px}.playing .story-aside{background:repeating-linear-gradient(0deg,#0000 0 30px,#95764115 31px 32px),linear-gradient(110deg,#d1b98c,#f3e6c9 10%,#e9d8b5);border:7px solid #3b2c20}.playing .story-aside .divine-note{color:#735630}.playing .topbar nav button{color:#d6bf97}.playing .day-progress small,.playing .day-progress span{color:#e0caa5}@media(max-width:760px){.playing .scene-photo.large-photo img{height:180px}}
/* Contrast on leather surfaces and rounded brass binding. */
.playing .day-progress-label>strong{color:#f4dfb6}.playing .day-progress-label>span{color:#e6d0ab}.playing .day-stamps>span{color:#dac6a2}.playing .day-stamps>.done{color:#cfdfb8}.playing .day-stamps>.current{color:#33472e;background:#eee2bd;border-color:#c2b786}.playing .health-note,.playing .health-note summary,.playing .health-note p{color:#ead8b5}.playing .health-note.health-warning,.playing .health-note.health-danger{color:#ffccc0;border-color:#ba8065}.playing .health-note.health-danger summary,.playing .health-note.health-warning summary{color:#ffccc0}.playing .player-status,.playing .save-label{color:#d9c6a4}.playing .wallet-strip .wallet-balance>small,.playing .wallet-strip .vital small{color:#d3c3a3}.playing .wallet-strip .meter{background:#080c0b}.playing .wallet-strip .health .meter>i{background:#ee887d}.playing .wallet-strip .energy .meter>i{background:#91bce9}.playing .wallet-strip .mood .meter>i{background:#b9aaf4}.playing .scene-photo:after{color:#fff0ce;text-shadow:0 1px 3px #000}
.journal-binding{left:-29px;top:26px;bottom:28px;width:48px;background:url('../assets/ui/binder-ring.svg') left top / 48px 80px repeat-y;z-index:2;filter:drop-shadow(1px 2px 1px #1b10094d)}
@media(max-width:760px){.journal-binding{left:-22px;width:40px;background-size:40px 72px}.story-aside{margin-left:6px;width:calc(100% - 6px)}}
/* Home is a set of objects on the desk, rather than one long sheet. */
.topbar nav button{color:#eddbb6;background:transparent}.topbar nav button:hover{color:#fff1c9;background:#ffffff0c}.topbar nav button:focus-visible{outline-color:#f1c96b}.topbar nav button svg{stroke:currentColor}
main.home{background:transparent;border:0;box-shadow:none;padding:0 24px;margin:28px auto 55px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;max-width:1450px}.home .hero{grid-column:1/-1;margin:0;padding:45px 40px;background:radial-gradient(ellipse at 75% 30%,#fff6db,#eddbb3);border:6px solid #6a5032;border-radius:7px;outline:1px solid #b19361;box-shadow:0 12px 25px #0005,inset 0 0 0 1px #b49a68;min-height:510px}.home .hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.3}.home .hero .intro{color:#68563d}.home .hero-art{min-width:0}.home .how,.home .destinations{margin:0;padding:25px 28px 28px;background:linear-gradient(120deg,#f4e8cd,#e6d2a9);border:1px solid #b29969;border-radius:5px;box-shadow:3px 7px 0 #21170e55,0 8px 20px #0004;position:relative}.home .how{transform:rotate(-.35deg)}.home .destinations{transform:rotate(.35deg);background:repeating-linear-gradient(0deg,transparent 0 29px,#a4844820 30px),linear-gradient(120deg,#e2d1a9,#f2e5c5)}.home .how:before,.home .destinations:before{content:'';position:absolute;top:-9px;left:26px;width:85px;height:20px;background:#bba36b80;transform:rotate(-5deg);box-shadow:0 1px 1px #fff4}.home .destinations:before{left:auto;right:25px;transform:rotate(6deg)}.home .section-kicker{font:700 23px var(--serif);color:#4e3926;border-bottom:1px dashed #b89c68;padding:0 0 17px;margin-bottom:20px;display:flex;align-items:center;gap:14px}.home .section-kicker span{font:9px var(--mono);color:#8c734b;letter-spacing:1px}.home .how-grid{display:grid;grid-template-columns:1fr;gap:17px}.home .how-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 12px;border:0;padding:0 0 16px;border-bottom:1px solid #b49a682e}.home .how-grid article:last-child{border:0;padding-bottom:0}.home .step-no{grid-column:1;grid-row:1/3;border:1px solid #b49a68;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#6b7959;font:12px var(--mono);margin:0;background:#f9eed4}.home .how-grid h3{grid-column:2;font:700 18px var(--serif);margin:0 0 6px}.home .how-grid p{grid-column:2;margin:0;font-size:12px;line-height:1.8;color:#806848}.home .destination-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:0}.home .destination-list>span{display:flex;gap:13px;align-items:center;min-width:0;padding:10px 13px;background:#fff8e470;border:1px solid #b59b6b;box-shadow:1px 2px 0 #9b7b3e25;border-radius:3px;font:15px var(--serif);color:#513f28}.home .destination-list b{font:700 12px var(--mono);color:#8d6741;min-width:27px;border-right:1px solid #bba173;padding-right:9px}.home>.local-note{grid-column:1/-1;color:#decca9;font-size:11px;margin:0;text-align:center;padding:10px 15px}.home .hero-buttons .text-button{color:#6b5131}
@media(max-width:850px){main.home{grid-template-columns:1fr;padding:0 16px;gap:22px}.home .hero{padding:30px 24px;min-height:0}.home .hero-art{min-height:330px}.home .how,.home .destinations{transform:none}.home .hero h1{font-size:43px}}
@media(max-width:480px){main.home{padding:0 10px;margin-top:18px}.home .hero{padding:26px 20px;border-width:4px}.home .hero h1{font-size:37px}.home .how,.home .destinations{padding:23px 20px}.home .section-kicker{font-size:21px}.home .destination-list>span{padding:9px;font-size:14px;gap:8px}.home .hero-art{min-height:300px}.topbar nav button{font-size:11px}}
@media(max-width:760px){.home .hero{display:flex;flex-direction:column;gap:20px;overflow:hidden}.home .hero-copy{min-width:0;width:100%}.home .hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.home .hero-buttons>button{max-width:100%}.home .hero-art{width:100%;height:330px;min-height:330px;transform:scale(.85);transform-origin:center center}.home .game-facts{display:flex;flex-wrap:wrap;gap:10px 16px}.home .section-kicker{flex-wrap:wrap;gap:8px}.topbar nav{flex-wrap:wrap;gap:8px 14px}.topbar nav button{padding:4px;color:#eddbb6}.topbar .brand{flex-shrink:0}.topbar{gap:12px}.home .hero h1{overflow-wrap:normal}.home .destination-list{grid-template-columns:repeat(2,minmax(0,1fr))}}