@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Rye&display=swap');
:root{color-scheme:dark;--ink:#e7ddc9;--muted:#a69e8c;--gold:#d1a35c;--line:#484236}*{box-sizing:border-box}body{margin:0;background:#211f1a;color:var(--ink);font:16px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:600 14px 'DM Sans',sans-serif;cursor:pointer;transition:background .18s,transform .18s}button:focus-visible,a:focus-visible{outline:3px solid #f1c774;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.15)}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font:27px 'Rye',Georgia,serif;letter-spacing:2px}.brand small{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:5px;margin-top:5px}.star{font-size:44px;color:var(--gold)}.chapter{font-size:12px;letter-spacing:3px;color:#b2a48c}.chapter span{margin:0 15px}.quiet{border:0;background:transparent;color:var(--muted);padding:10px}.quiet span{border:1px solid #645a49;border-radius:50%;padding:1px 6px;margin-left:8px}.banner{height:230px;background:linear-gradient(90deg,#292218f5,#352819a0),#372b1e;background-size:cover;background-position:center 55%;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #655037}.eyebrow{font:600 12px 'DM Sans',sans-serif;letter-spacing:2.2px;color:var(--gold)}h1{font:42px 'Rye',Georgia,serif;margin:14px 0 12px;letter-spacing:-1px}.banner p{color:#d1c1a8;margin:0}.seal{font:12px 'Barlow Condensed',sans-serif;line-height:1.8;letter-spacing:3px;text-align:center;color:#d0ba91;border:1px solid #b5966260;border-radius:50%;padding:25px 19px;transform:rotate(-9deg);margin-right:3%}.seal strong{font-size:18px}main{max-width:1500px;margin:auto;padding:0 5%}h2{font:600 23px 'Barlow Condensed',sans-serif;letter-spacing:.4px;margin:7px 0 0}.campaignbar{display:flex;gap:30px;align-items:center;padding:27px 0}.resources{display:flex;gap:38px;margin-left:auto}.resources small{display:block;font-size:11px;letter-spacing:1.3px;color:var(--muted)}.resources b{font:28px 'Barlow Condensed';display:block;margin-top:4px}.primary{background:var(--gold);border:1px solid var(--gold);color:#231e17;padding:14px 21px}.primary span{margin-left:24px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 305px;border:1px solid var(--line)}.mapsection{background:#cfc099;color:#423c2a;min-width:0}.maphead{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 0}.maphead .eyebrow{color:#6b5c3f}.maphead h2{font-family:'Rye',Georgia;font-size:19px}.maphint{font-size:12px;color:#75664a}#map{height:395px;position:relative;margin:0 10px;background-image:radial-gradient(#71634926 .7px,transparent .7px);background-size:7px 7px}#map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.outpost{position:absolute;transform:translate(-50%,-50%);width:132px;padding:8px 2px;border:0;color:#3b3628;background:transparent}.outpost .marker{display:flex;align-items:center;justify-content:center;background:var(--faction);color:white;width:36px;height:36px;margin:0 auto 7px;border:3px solid #e4d9b7;box-shadow:0 0 0 1px #7f7058;font:600 16px 'Barlow Condensed';border-radius:50%}.outpost.selected .marker{outline:2px solid #302c22;outline-offset:4px}.outpost strong{display:block;font:600 16px 'Barlow Condensed';letter-spacing:.3px}.outpost small{font-size:11px;color:#6a604b}.legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;border-top:1px solid #796b5038;padding:17px 10px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:8px;width:8px;background:var(--color);border-radius:50%}aside{padding:25px;background:#2b2821;border-left:1px solid var(--line)}aside h2{font:26px 'Rye',Georgia;line-height:1.3;margin:12px 0}.faction{font-size:12px;color:var(--gold);padding-bottom:23px;border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px 0}.stats small{font-size:11px;color:var(--muted);letter-spacing:1px;display:block}.stats b{display:block;font:25px 'Barlow Condensed';margin-top:4px}.action{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px;margin-top:9px;background:#373229;color:var(--ink);border:1px solid #66573e}.action em{font-size:12px;color:var(--gold);font-style:normal}.detailnote{font-size:12px;color:var(--muted);line-height:1.7;margin-top:18px}.dispatch{display:grid;grid-template-columns:230px 1fr;padding:27px 0;border-bottom:1px solid var(--line);gap:25px}.dispatch ol{list-style:none;margin:0;padding:0}.dispatch li{font-size:13px;line-height:1.6;padding:4px 0;color:#bab19f}.dispatch li:first-child{color:#e2d5bd}.dispatch li:before{content:'—';margin-right:12px;color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;padding:13px 0 25px;font-size:12px;color:var(--muted)}footer button{font-size:12px}dialog{background:#29251d;color:var(--ink);border:1px solid #967446;max-width:560px;width:calc(100% - 30px);padding:34px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#100d09c9;backdrop-filter:blur(5px)}dialog h2{font:28px 'Rye',Georgia;line-height:1.4}dialog p,dialog li{line-height:1.7;color:#c4b9a5;font-size:14px}dialog ul{padding-left:20px}dialog .primary{margin-top:18px}dialog .quiet{margin-left:12px}.targetlane{height:90px;background:#15140f;border:1px solid #655537;position:relative;overflow:hidden;margin:25px 0}.bullseye{position:absolute;left:40%;width:20%;height:100%;background:#c1924355;border-left:1px solid #d9ad60;border-right:1px solid #d9ad60}.bullseye:after{content:'HIT ZONE';position:absolute;top:36px;left:0;width:100%;font-size:10px;text-align:center;color:var(--gold)}#needle{position:absolute;top:0;width:3px;height:100%;background:#fff3d4}.battleinfo{display:flex;justify-content:space-between;font-size:13px;color:var(--gold)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#dac19a;color:#211c15;padding:14px 23px;box-shadow:0 6px 30px #0007;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;z-index:10}#toast.show{opacity:1}.victory{color:var(--gold)}@media(min-width:1500px){#map{height:450px}}@media(max-width:1000px){.chapter{display:none}.resources{gap:20px}.campaignbar{gap:18px}.workspace{grid-template-columns:minmax(0,1fr) 265px}.maphint{display:none}.outpost{width:105px}.outpost strong{font-size:14px}}@media(max-width:760px){header{height:76px}.brand{font-size:21px}.banner{height:195px}h1{font-size:29px}.seal{display:none}.campaignbar{flex-wrap:wrap}.campaignbar>div:first-child{width:100%}.resources{margin-left:0;flex:1;gap:23px}.resources small{font-size:10px}.primary{padding:12px 14px}.primary span{margin-left:6px}.workspace{grid-template-columns:1fr}.maphead{padding:20px 18px 0}#map{height:400px;margin:0 6px}.outpost{width:86px}.outpost strong{font-size:13px}.outpost small{font-size:10px}.legend{gap:12px;font-size:10px}aside{border-left:0;border-top:1px solid var(--line)}aside h2{font-size:23px}.stats{grid-template-columns:repeat(4,1fr)}.dispatch{grid-template-columns:1fr;gap:15px}footer{align-items:flex-start;gap:12px;flex-direction:column}main{padding:0 4%}}

.banner{background-image:linear-gradient(90deg,#211b14e8,#211b1440),url('frontier-dusk.png')}

/* High Noon Hijinks: illustrated adventure edition */
:root{--gold:#dab66a;--line:#806343;--ink:#f4e4bc;--muted:#c0ac84}body{background:#171b1b;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000012 3px,#00000012 4px)}header{height:76px;background:#232421;border-bottom:3px double #927247}.brand{font-size:25px}.banner{height:155px;border-bottom:4px double #ac8952}.banner h1{font-size:31px}.banner .seal{font-size:10px;padding:15px}main{max-width:1650px;padding:0 3%}.campaignbar{padding:18px 0}.questbar{display:flex;align-items:center;justify-content:space-between;background:#302e27;border:3px double #9a784c;padding:12px 20px;margin-bottom:15px;gap:15px}.questbar p{margin:7px 0 0;font-size:14px}.questbar .primary{font-family:'Barlow Condensed';font-size:18px;white-space:nowrap}.hearts{color:#e4a197;letter-spacing:3px;margin-left:12px}.workspace{grid-template-columns:minmax(0,1fr) 300px;border:5px ridge #a08556;box-shadow:0 8px 28px #0007}.mapsection{background:#213d43;color:#efd4a0;overflow:hidden;background-image:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 4px)}.maphead{padding:18px 22px 0}.maphead .eyebrow{color:#d6b879}.maphint{color:#c6be9e}#map{height:auto;aspect-ratio:1000/620;margin:0;background:none}#map .usa-map{position:relative;display:block;inset:auto;width:100%;height:100%;pointer-events:auto}.usa-map .map-post{cursor:pointer;outline:none}.map-post:hover circle,.map-post:focus circle,.map-post.chosen circle{fill:#765525;stroke:#fff6d2;stroke-width:5}.map-post.chosen circle{filter:drop-shadow(0 0 5px #fbd992)}.map-number{font:700 19px 'Barlow Condensed',sans-serif;fill:#fff3c7}.region-label{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;fill:#fff0c4;paint-order:stroke;stroke:#392e23;stroke-width:3px;stroke-linejoin:round}.post-label{font:600 15px 'Barlow Condensed',sans-serif;fill:#fff3ce;paint-order:stroke;stroke:#3c3126;stroke-width:3px;stroke-linejoin:round}.ocean{font:italic 16px Georgia,serif;fill:#9cb5b4;letter-spacing:4px}.map-caption{font:18px 'Rye',Georgia;fill:#d9c089}.map-subcaption{font:14px Georgia;fill:#b6bba5}.legend{border-top:2px solid #947949;color:#e2d5b5;background:#202d2e;font-size:12px;gap:16px}.legend i{width:11px;height:11px;border:1px solid #e0c49b;border-radius:0}aside{background:#302921;padding:18px;border-left:4px ridge #9c8156}aside h2{font-size:24px}.faction{padding-bottom:14px}.stats{margin:16px 0;gap:14px}.action{border:2px outset #826644;background:#403629;padding:11px;font-family:'Barlow Condensed',sans-serif;font-size:18px}.action em{font-family:'DM Sans',sans-serif;font-size:12px}.primary{border:3px outset #d3ae62;background:#c39d58;box-shadow:2px 3px #0005}.primary:active{border-style:inset}.detailnote{font-size:13px}.scene-art{background-image:url('location-atlas.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:3/2;image-rendering:auto}.tile-0{background-position:0 0}.tile-1{background-position:50% 0}.tile-2{background-position:100% 0}.tile-3{background-position:0 100%}.tile-4{background-position:50% 100%}.tile-5{background-position:100% 100%}.outpost-art{width:calc(100% + 36px);margin:-18px -18px 18px;aspect-ratio:1.7;border-bottom:4px ridge #b6975b}.dispatch{padding:19px 0}.dispatch li{font-size:14px}dialog{width:min(900px,calc(100% - 24px));max-width:900px;max-height:92dvh;padding:28px;border:5px ridge #c4a66b;background:#251f18;overflow:auto}dialog:has(.cinematic){padding:0}.cinematic{overflow:hidden}.cinematic>.scene-art{aspect-ratio:2.15;border-bottom:4px ridge #ac8650}.cinema-caption{position:relative;padding:25px 32px;background:#29231b}.cinema-caption h2{margin-top:12px;color:#f6df9c}.cinema-caption p{font:16px/1.65 Georgia,serif;color:#e0d0ac}.moving-scene{animation:scene-arrive 4s ease-out both}.cinema-caption{animation:caption-arrive .7s ease-out}.tactic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.tactic{padding:14px 16px;text-align:left;background:#3b3327;border:2px outset #977b4e;color:#f4dfac}.tactic:last-child{grid-column:1/-1}.tactic strong{display:block;font:22px 'Barlow Condensed'}.tactic em{float:right;font-size:16px;color:#e0b76a;font-style:normal}.tactic span{display:block;font:13px/1.6 'DM Sans';margin-top:6px;color:#cabc9d}.battle-art{max-height:235px}.targetlane{height:72px;margin:17px 0}.bullseye:after{top:27px}.scouted .bullseye{left:32%;width:36%}.quest-list{font:16px/2 Georgia;list-style:none;padding:0}.fineprint{font-size:12px!important}.questbar .eyebrow{font-size:11px}@keyframes scene-arrive{from{filter:brightness(.35);transform:scale(1.015)}to{filter:brightness(1);transform:scale(1)}}@keyframes caption-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.moving-scene,.cinema-caption{animation:none}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 240px}.map-caption{font-size:16px}.hearts{display:block;margin:5px 0 0}aside h2{font-size:20px}.stats b{font-size:22px}}@media(max-width:700px){.banner{height:140px}.banner h1{font-size:24px}.banner p{font-size:14px}.workspace{grid-template-columns:1fr}.mapsection{overflow-x:auto}.maphead{position:sticky;left:0}#map{min-width:650px}.legend{min-width:650px;justify-content:flex-start;padding-left:25px}aside{border-left:0;border-top:4px ridge #a08556}.outpost-art{float:right;width:43%;margin:0 0 12px 15px;border:3px ridge #9a7b4e;aspect-ratio:1.5}.stats{clear:both;grid-template-columns:repeat(4,1fr)}.questbar{padding:12px;align-items:flex-start}.questbar p{font-size:12px;line-height:1.6}.questbar .primary{font-size:16px;padding:9px}.questbar .eyebrow{font-size:10px;letter-spacing:1px}.cinema-caption{padding:20px}.cinema-caption h2{font-size:24px}.cinema-caption p{font-size:15px}.tactic-grid{grid-template-columns:1fr}.tactic:last-child{grid-column:auto}.cinematic>.scene-art{aspect-ratio:1.65}.maphint{display:block;font-size:10px}.maphint:after{content:' · swipe to explore'}.resources{gap:20px}}

.scene-art{background-size:300% auto}.tile-0{background-position:0 17%}.tile-1{background-position:50% 17%}.tile-2{background-position:100% 17%}.tile-3{background-position:0 83%}.tile-4{background-position:50% 83%}.tile-5{background-position:100% 83%}

.cinematic>.tile-3{background-position:0 65.2%}@media(max-width:700px){.cinematic>.tile-3{background-position:0 71.74%}}

@media(min-width:701px){#map{height:min(50vw,620px);aspect-ratio:auto}}

.sound-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 16px;background:#241f19;color:#d7c39b;font-size:12px}.sound-controls label{display:flex;align-items:center;gap:7px}.sound-controls input{width:70px;accent-color:#d3ab63}.sound-toggle{color:#ead2a1;white-space:nowrap;font-size:13px}.sound-toggle[aria-pressed=true]{color:#efcb75}header>.sound-controls{background:transparent;padding:0}.mission-scene{height:300px;position:relative;overflow:hidden;border-bottom:4px ridge #a98750}.mission-backdrop{position:absolute;inset:0;aspect-ratio:auto;filter:brightness(.64)}.mission-scene.raid .mission-backdrop{animation:train-scenery 5s ease-in-out infinite alternate}.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#131725aa,transparent 80%)}.mission-motion{position:absolute;inset:0}.adventure-actor{position:absolute;height:110px;width:65px;left:20%;bottom:40px;filter:drop-shadow(3px 4px 1px #0008);transition:left .2s,transform .6s;animation:actor-breathe .8s ease-in-out infinite alternate}.powder-prop{display:none;position:absolute;left:65%;bottom:47px;background:#633426;border:3px solid #bc8a47;padding:10px 14px;color:#f1d192;font:700 20px 'Barlow Condensed';transform:rotate(-7deg)}.siege .powder-prop{display:block}.fuse{position:absolute;right:-25px;top:-10px;width:35px;height:25px;border-top:3px dotted #efbc59;border-radius:60%;animation:fuse-glow .7s infinite alternate}.train-deck{display:none;position:absolute;left:-20%;right:-20%;height:52px;bottom:0;background:repeating-linear-gradient(90deg,#423223 0,#423223 135px,#987148 137px,#211c18 142px);border-top:8px solid #ae8d59;box-shadow:0 -4px #3d2c22}.raid .train-deck{display:block;animation:rolling-cars 1s linear infinite}.signal-flare{display:none;position:absolute;left:62%;bottom:70px;font-size:62px;color:#ffd984;filter:drop-shadow(0 0 16px orange)}.stage-won .adventure-actor{left:62%!important;transform:translateY(-30px) rotate(-8deg)}.stage-won.siege .powder-prop{animation:powder-flash 1.2s ease-out both}.stage-won.scout .signal-flare{display:block;animation:fuse-glow .3s infinite alternate}.scene-subtitle{position:absolute;top:15px;left:20px;color:#fff0c4;text-shadow:2px 2px #17120c;font:22px 'Barlow Condensed';letter-spacing:1px}.mission-status{display:flex;justify-content:space-between;gap:12px;font:14px 'DM Sans';color:#dec08a}.pattern-row{display:flex;gap:12px;justify-content:center;padding:19px 0}.pattern-step{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid #99733e;background:#171716;color:#f7dc9c;font:34px Georgia}.pattern-step.correct{background:#375444;border-color:#99c895;color:#e0f3d7}.direction-pad{display:flex;gap:12px;justify-content:center}.arrow-key{font:30px Georgia;min-width:58px;min-height:52px;border:3px outset #a17d46;color:#f7dfb0;background:#54432b}.mission-lane{position:relative}.mission-lane #mission-needle{position:absolute;top:0;height:100%;width:4px;background:#fff4c8;box-shadow:0 0 8px #fff}.mission-buttons{display:flex;align-items:center;gap:10px}.mission-buttons [hidden]{display:none}.stage-result{padding:24px;background:#314134;border:1px solid #759b67;margin:20px 0;color:#e6eecf;font-size:19px}.mission-guide{padding:20px 30px}.mission-guide p{font-size:14px}.mission-scene.raid{background:#202936}.mission-scene.siege{background:#262833}.mission-scene.scout{background:#324335}@keyframes actor-breathe{from{margin-bottom:0}to{margin-bottom:3px}}@keyframes rolling-cars{to{transform:translateX(-142px)}}@keyframes train-scenery{from{transform:scale(1.06) translateX(-1%)}to{transform:scale(1.06) translateX(1%)}}@keyframes fuse-glow{to{filter:brightness(1.7) drop-shadow(0 0 8px #e3ab34)}}@keyframes powder-flash{0%{filter:brightness(1)}30%{filter:brightness(7);transform:scale(1.2)}100%{filter:brightness(1);transform:scale(1)}}@media(max-width:900px){header .chapter{display:none}header>.sound-controls label{display:none}header{padding:0 3%;gap:8px}.brand{font-size:20px}.mission-scene{height:240px}}@media(max-width:520px){header .brand .star{display:none}header .brand{font-size:17px;letter-spacing:0}header .brand small{letter-spacing:3px;font-size:9px}header .quiet{font-size:12px;padding:6px}.sound-controls{justify-content:center}.mission-scene{height:220px}.pattern-step{width:48px;height:48px}.pattern-row{gap:8px}.mission-buttons{flex-wrap:wrap}.mission-status{font-size:12px}.cinema-caption .tactic-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.adventure-actor,.train-deck,.mission-backdrop,.fuse,.signal-flare,.stage-won.siege .powder-prop{animation:none!important}.adventure-actor{transition:none}}

.siege.mission-step-0 .powder-prop{display:none}.siege.mission-step-1 .fuse{visibility:hidden}.stage-won.siege:not(.mission-step-2) .powder-prop{animation:none}.raid.mission-step-2.stage-won .train-deck{animation:car-release 1.5s ease-in forwards}@keyframes car-release{to{transform:translateX(60%)}}