:root{color-scheme:dark;--cream:#fff1ce;--muted:#b9ae95;--gold:#f4bf5b;--red:#a6503f;--green:#88b9a2;--ink:#251e1b}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{touch-action:manipulation}button:disabled{opacity:.45;cursor:default}
#app{height:100%;display:flex;flex-direction:column;padding:0 28px 14px;max-width:1760px;margin:auto}.masthead{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #504235;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2px;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #998367;border-radius:50%;font-family:Georgia,serif;font-size:19px;color:var(--gold)}.edition{font:italic 14px Georgia,serif;color:var(--muted)}.head-actions{display:flex;align-items:center;gap:9px}.small-btn{color:var(--cream);background:transparent;border:1px solid #645342;border-radius:5px;padding:9px 12px;font-size:11px;letter-spacing:.7px}.small-btn:hover{background:#42352b}.offline{font-size:10px;letter-spacing:1.5px;color:#b2c2a8;margin-right:12px}.offline:before{content:' ';display:inline-block;background:#9fb490;width:5px;height:5px;border-radius:50%;margin-right:8px}
#stage{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #5a4835;border-radius:8px;margin-top:16px;background:#886d42;box-shadow:0 14px 50px #0005}canvas{width:100%;height:100%;display:block;touch-action:none}#vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #2b211a38;border-radius:8px}.footer{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#a79980;font-size:10px;letter-spacing:1px}.footer span:last-child{color:#cfb685}
#hud{display:none;position:absolute;inset:20px 22px auto;pointer-events:none;gap:14px;align-items:start;justify-content:space-between}.hud-box{background:#29231fec;border:1px solid #e9c78842;border-radius:7px;box-shadow:0 4px 12px #0002;padding:13px 16px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:700}.wave-line{font:700 23px Georgia,serif;margin:5px 0 8px}.wave-line small{font:12px Arial;color:#cbbb99}.wave-meter{height:3px;background:#564334;border-radius:4px;overflow:hidden}.wave-meter i{display:block;width:0;background:var(--gold);height:100%;transition:width .2s}.hero-hud{min-width:200px}.meter-row{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1px;margin:8px 0}.meter-row label{width:37px}.meter{height:6px;flex:1;min-width:80px;background:#5d4538;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;background:#cf7159;width:100%;transition:width .15s}.meter.grit i{background:#9fbea4}.hud-score{text-align:right}.score{font:700 26px Georgia,serif;margin:5px 0}.rescue-count{font-size:11px;color:#cfbfa4}.hud-middle{display:flex;gap:12px}.hud-middle .hud-box{min-width:166px}
#objective{display:none;position:absolute;bottom:23px;left:50%;transform:translateX(-50%);background:#29231feb;border:1px solid #e9c78842;border-radius:7px;padding:12px 20px;text-align:center;pointer-events:none;min-width:320px;max-width:75%;font-size:12px;line-height:1.6;box-shadow:0 4px 12px #0002}#objective b{color:var(--gold)}#objective small{display:block;color:#baa98b;font-size:10px;letter-spacing:.4px}.key{display:inline-grid;place-items:center;border:1px solid #9c896e;border-bottom-width:2px;border-radius:3px;min-width:23px;padding:2px 5px;font:10px Arial;color:var(--cream);margin:0 2px}
#toast{position:absolute;top:125px;left:50%;transform:translateX(-50%) translateY(-8px);background:#f6e7bf;color:#3f3022;border:1px solid #ae8751;border-radius:5px;padding:11px 18px;font-size:12px;font-weight:bold;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:80%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#overlay{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(20px,4vw,72px);background:linear-gradient(90deg,#241c18f7 0%,#241c18ed 31%,#241c1880 56%,#241c1800 80%);overflow:auto}.intro{width:470px;max-width:100%;position:relative}.issue{display:flex;align-items:center;gap:12px;font:italic 14px Georgia,serif;color:#d0b895;margin-bottom:19px}.issue:before{content:'';width:30px;height:1px;background:#b88e52}h1{font:700 clamp(44px,4.6vw,76px)/.93 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0 0 22px;text-shadow:0 3px #0002}h1 em{font-weight:normal;color:var(--gold)}.subtitle{font:italic 20px/1.3 Georgia,serif;margin:0 0 17px;color:#efdab0}.intro p{font-size:13px;line-height:1.8;color:#cbbb9d;max-width:385px}.intro strong{color:#e9d6af}.intro .pitch{margin-bottom:25px}.primary{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;background:var(--gold);color:#2b241c;font-weight:700;border:0;border-radius:4px;padding:17px 22px;font-size:13px;box-shadow:0 4px 0 #9a6b35;min-width:230px}.primary:hover{background:#ffd485;transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #9a6b35}.intro-controls{display:flex;gap:18px;margin-top:27px;padding-top:20px;border-top:1px solid #80633e70;flex-wrap:wrap;color:#bbaa8c;font-size:10px;align-items:center}.intro-controls div{line-height:2}.demo-note{margin-top:20px!important;font-size:10px!important;color:#99896e!important;max-width:390px!important}.stamp{position:absolute;right:36px;bottom:35px;transform:rotate(-7deg);width:133px;height:133px;border:2px solid #f1e2b491;border-radius:50%;display:grid;place-content:center;text-align:center;font:italic 16px/1.5 Georgia;color:#fff0ca;box-shadow:inset 0 0 0 5px #402e3140,inset 0 0 0 6px #ffe6b15c;background:#38292140}.stamp strong{font:700 25px Georgia}.map-tag{position:absolute;right:31px;top:28px;color:#fff0cc;font:italic 15px Georgia;background:#34261ec9;padding:9px 13px;border:1px solid #d8bd784a;border-radius:4px}
.modal-overlay{justify-content:center!important;background:#1b1713b8!important;backdrop-filter:blur(5px)}.dialog{max-width:760px;width:100%;background:#2c241f;border:1px solid #a18457;border-radius:9px;padding:33px;box-shadow:0 18px 80px #0008;text-align:center}.dialog h2{font:700 clamp(27px,3vw,43px) Georgia;margin:10px 0 12px}.dialog p{font-size:13px;line-height:1.7;color:#c4b498;max-width:540px;margin:10px auto 23px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.card{display:flex;flex-direction:column;align-items:start;text-align:left;border:1px solid #766044;background:#382d24;border-radius:6px;padding:18px 16px;color:var(--cream);min-height:170px}.card:hover,.card:focus{border-color:var(--gold);background:#443525;transform:translateY(-3px)}.card .icon{font-size:25px;color:var(--gold);margin-bottom:15px}.card b{font:700 18px Georgia;margin-bottom:9px}.card span:last-child{font-size:11px;color:#c7b79a;line-height:1.7}.dialog .small-btn{margin-top:10px}.result-stats{display:flex;justify-content:center;gap:35px;margin:24px 0 30px}.result-stats strong{display:block;font:700 33px Georgia;color:var(--gold)}.result-stats span{font-size:10px;color:var(--muted);letter-spacing:1px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin:23px 0}.help-grid div{background:#382d24;padding:14px;font-size:12px;line-height:1.7;border-radius:5px}.help-grid b{color:var(--gold);display:block;margin-bottom:6px}.help-grid span{color:#c5b699}.touch-controls{display:none;position:absolute;inset:auto 14px 90px;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls button{pointer-events:auto;border:1px solid #f7dca96b;color:#fff0ca;background:#2c241fbf;border-radius:50%;width:54px;height:54px;font-size:11px;font-weight:700;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(3,40px);gap:2px}.dpad button{width:43px;height:40px;border-radius:8px;font-size:20px}.touch-actions{display:flex;gap:10px}.north{grid-column:2}.west{grid-column:1;grid-row:2}.south{grid-column:2;grid-row:3}.east{grid-column:3;grid-row:2}
@media(max-width:850px){#app{padding:0 12px 9px}.masthead{height:58px}.brand{font-size:9px;letter-spacing:1px}.edition{display:none}.offline{display:none}#stage{margin-top:10px}.footer{font-size:8px;letter-spacing:.4px}.intro{width:390px}#overlay{padding:28px;background:linear-gradient(90deg,#241c18f5,#241c18ca 45%,#241c1833)}h1{font-size:55px}.subtitle{font-size:18px}.stamp{display:none}#hud{inset:12px 12px auto;gap:7px}.hud-box{padding:10px}.hud-middle{gap:7px}.hud-middle .hud-box{min-width:120px}.hero-hud{min-width:140px}.wave-line{font-size:18px}.score{font-size:21px}.map-tag{font-size:11px;right:14px;top:14px}#objective{bottom:14px;font-size:11px;min-width:290px}#toast{top:110px}.cards{gap:8px}.card{padding:14px 11px}.dialog{padding:23px}}
@media(max-width:600px){.brand{max-width:185px;line-height:1.5}.brand-mark{flex:none}.small-btn{font-size:10px;padding:8px}.head-actions{gap:5px}.intro{width:100%}h1{font-size:49px}.intro p{font-size:12px}.intro-controls{gap:10px;margin-top:20px;padding-top:14px}.demo-note{margin-top:13px!important}.map-tag{display:none}#overlay{background:#241c18d9;padding:23px}.issue{font-size:12px;margin-bottom:14px}.intro .pitch{margin-bottom:18px}.hud-middle{flex:1}.hud-middle .hud-box{min-width:0;width:100%}.hud-box{padding:9px}.hero-hud{min-width:109px;max-width:125px}.meter-row{font-size:8px;gap:4px}.meter{min-width:38px}.meter-row label{width:27px}.wave-line{font-size:16px;white-space:nowrap}.wave-line small{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1px}.hud-score{min-width:76px}.score{font-size:19px}.rescue-count{font-size:9px}.cards{grid-template-columns:1fr;margin:15px 0}.card{min-height:0;display:grid;grid-template-columns:30px 1fr;gap:4px 10px;padding:12px}.card .icon{grid-row:1/3;margin:0;font-size:22px}.card b{font-size:16px;margin:0}.card span:last-child{font-size:10px}.dialog h2{font-size:28px}.dialog p{font-size:12px;margin-bottom:14px}.dialog{padding:21px}.help-grid{grid-template-columns:1fr;gap:7px;margin:15px 0}.help-grid div{padding:9px;font-size:11px}.result-stats{gap:20px}.footer span:first-child{max-width:70%}#objective{max-width:94%;width:94%;min-width:0}#objective small{font-size:9px}.wave-meter{margin-top:11px}.hero-hud .eyebrow{display:none}#toast{font-size:11px;top:104px;width:max-content}}
@media(pointer:coarse){.touch-controls.active{display:flex}#objective small{display:none}}
@media(max-height:650px) and (min-width:601px){.masthead{height:49px}#stage{margin-top:9px}#overlay{padding:23px 40px}h1{font-size:50px;margin-bottom:14px}.intro p{font-size:12px;line-height:1.6}.issue{margin-bottom:12px}.intro-controls{margin-top:17px;padding-top:11px}.demo-note{margin-top:10px!important}.dialog{padding:20px}.cards{margin:14px 0}.card{min-height:150px}.dialog h2{font-size:30px}}
:root{--ink:#142421;--cream:#f4e6c8;--muted:#a6b4a5;--gold:#edbd6b}html,body{background:#142421}.masthead{border-color:#4b5848}.small-btn{border-color:#67715b}.small-btn:hover{background:#34473c}#stage{background:#758987;border-color:#66715b}#labels,#warning,#damage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#labels{z-index:1}#vignette{z-index:2;box-shadow:inset 0 0 100px #0d25262b}#warning{z-index:2;box-shadow:inset 0 0 95px #db9a40;opacity:0;transition:opacity .2s}#damage{z-index:3;background:#b95a38;opacity:0;transition:opacity .3s}#damage.flash{opacity:.3}#hud,#objective,#mission,#abilities,#touch,#toast{z-index:4}#overlay{z-index:6;background:linear-gradient(90deg,#112723fa 0%,#152a26f2 33%,#14272465 65%,#15272405 90%)}.hud-box,#objective{background:#152a25eb;border-color:#d4c59540}.hero-hud{min-width:168px}.wave-line{font-size:23px}.wave-line small{font-size:12px}.hud-middle .hud-box{min-width:220px}.hud-score{min-width:160px}#objective{bottom:19px;max-width:54%;min-width:360px;font-size:11px}.intro{width:510px}.intro p{max-width:440px}.intro .pitch{margin-bottom:17px}.intro-controls{margin-top:19px;padding-top:14px}.issue{margin-bottom:16px}h1{font-size:clamp(48px,5vw,78px);margin-bottom:17px}.subtitle{font-size:19px}.demo-note{font-size:10px!important;margin-top:14px!important;color:#b2b49a!important}.district-label{margin:18px 0 9px}.districts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:440px}.district{border:1px solid #9e9c725e;background:#293b30c9;color:#e6dab9;padding:11px 9px;text-align:left;border-radius:5px;min-height:93px}.district.selected{border-color:#e1bd75;background:#4c5035}.district:hover{border-color:#e1bd75}.district span{font:italic 14px Georgia;color:#dabb79;display:block;margin-bottom:8px}.district b{font:700 13px/1.3 Georgia;display:block}.district small{font-size:7px;letter-spacing:.5px;display:block;margin-top:8px;color:#b6baa1}.district-description{font-size:11px!important;line-height:1.5!important;margin:9px 0!important;min-height:17px}.difficulty-row{display:flex;gap:13px;align-items:center;margin:13px 0 19px;font-size:11px;color:#c0c5ad}select{border:1px solid #828165;background:#283a2e;color:#eee0bf;padding:8px 10px;border-radius:4px;font-size:11px}.title-actions{display:flex;gap:13px;align-items:center}.title-actions .small-btn{padding:12px 13px;font-size:10px}.title-actions .primary{min-width:210px}.stamp{border-color:#bdc6aa;color:#dbe5c0;background:#1a382740}.map-tag{background:#18312bcf;color:#e5dfc4}.modal-overlay{background:#0b1b1bc4!important}.dialog{background:#1d3028;border-color:#8b926d;max-height:100%;overflow:auto;flex-shrink:0}.dialog p{color:#c0c4ab}.card,.help-grid div{background:#2a3c2e;border-color:#708065}.card:hover,.card:focus{background:#3e4b31}.card span:last-child,.help-grid span{color:#c3c6ad}.dialog h2{font-size:35px}.hint-note{font-size:10px!important;line-height:1.6!important;margin:15px auto 0!important;color:#aab39a!important}.kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;text-align:left}.kit-card{padding:14px;border:1px solid #69795677;border-radius:6px;background:#293b2c}.kit-card.owned{border-color:#9aba7b}.kit-card>div{display:flex;align-items:center;gap:9px}.kit-card .icon{font-size:23px;color:#e4c277}.kit-card b{font:700 16px Georgia}.kit-card p{font-size:11px;margin:7px 0 9px;line-height:1.5;min-height:33px}.kit-card .small-btn{margin:0;font-size:9px;padding:8px}.next-district{border:1px solid #73835e;background:#2c3c2d;padding:18px;margin:20px 0}.next-district span{display:block;font-size:10px;letter-spacing:2px;color:#b9bd90}.next-district b{display:block;font:700 27px Georgia;margin-top:9px}.next-district p{margin:10px auto 0;font-size:12px}#mission{position:absolute;top:136px;left:22px;width:218px;border-left:2px solid #ceba7c;border-radius:0 5px 5px 0;background:#183027df;padding:14px;color:#e3dcc0;pointer-events:none;box-shadow:0 4px 16px #0002}#mission h3{font:700 15px Georgia;margin:9px 0 13px}.mission-row{display:flex;justify-content:space-between;font-size:10px;line-height:1.7;color:#c2c8ae}.mission-row b{color:#edd298}.mission-row+.mission-row{color:#b3cda8;margin-top:5px}#mission p{font-size:10px;line-height:1.7;color:#b5c0a4;margin:9px 0 0}#abilities{display:flex;position:absolute;left:22px;bottom:107px;gap:5px}.ability{width:62px;min-height:72px;background:#182f28ec;border:1px solid #a6ad795e;border-radius:5px;color:#e8d8aa;display:flex;flex-direction:column;align-items:center;position:relative;padding:8px 3px 6px}.ability:hover{background:#425139;border-color:#ebce8d}.ability-key{position:absolute;top:4px;left:5px;font-size:7px;color:#b9c39a}.ability b{font:22px Georgia;margin:5px 0 2px}.ability>span:not(.ability-key){font-size:8px;white-space:nowrap}.ability small{font-size:7px;color:#c6d6b6;margin-top:5px}.ability.locked{filter:saturate(.3);color:#9eaa90}.ability.locked b{opacity:.5}.ability.locked small{color:#aab393}.ability.cooling{border-color:#6b7760;opacity:.68}#toast{background:#ede0b6;border-color:#9e9664;color:#25392b;top:113px;font-size:11px;z-index:5}#toast.danger{background:#a05c3d;color:#fff1c8}#toast.success{background:#b5c89b;color:#233a28}.footer{color:#a2b59f}.touch-controls{bottom:108px!important;z-index:4}.touch-actions{display:none}.dpad button{background:#142d25c9;color:#f5e5b5;border-color:#d2dcad66}
@media(max-width:1000px){.edition{display:none}#mission{width:180px;top:127px;padding:11px}.hero-hud{min-width:145px}.hud-score{min-width:145px}.hud-middle .hud-box{min-width:190px}#abilities{left:15px;bottom:104px}.ability{width:55px}#objective{min-width:340px;max-width:75%}.offline{display:none}}
@media(max-width:720px){#hud{inset:12px;gap:6px}.hero-hud{min-width:105px;max-width:115px}.hud-score{min-width:90px;max-width:105px}.hud-middle .hud-box{min-width:0}.hud-middle{flex:1}.wave-line{font-size:18px}.wave-line small{font-size:9px}.hud-score .score{font-size:21px}.rescue-count{font-size:8px;line-height:1.4}#mission{top:115px;left:13px;width:175px;padding:9px;opacity:.93}#mission h3{font-size:12px;margin:7px 0}#mission p{display:none}.mission-row{font-size:9px}#abilities{left:50%;transform:translateX(-50%);bottom:97px;gap:4px}.ability{width:57px;min-height:63px}.ability b{font-size:20px}.ability>span:not(.ability-key){font-size:8px}.ability small{font-size:6px}.ability-key{font-size:6px}#objective{max-width:94%;min-width:0;width:94%;bottom:14px;font-size:10px;padding:9px 13px;min-height:65px}#objective small{font-size:8px;line-height:1.8}.head-actions{gap:4px}.head-actions .small-btn{font-size:8px;padding:8px 6px}.brand{font-size:8px;max-width:168px}.brand-mark{width:28px;height:28px;font-size:17px}.masthead{gap:7px}.intro{width:100%}.title-actions{gap:8px}.title-actions .primary{min-width:185px;padding:14px}.title-actions .small-btn{font-size:8px;padding:12px 8px}#overlay{padding:24px}.intro .pitch{font-size:12px;line-height:1.7}.subtitle{font-size:17px}h1{font-size:50px}.district{padding:10px 8px;min-height:89px}.district b{font-size:13px}.district small{font-size:6px}.district-description{font-size:10px!important}.difficulty-row{margin:10px 0 15px;font-size:10px}.intro-controls{gap:10px;font-size:9px;margin-top:17px;padding-top:12px}.demo-note{font-size:9px!important}.dialog{padding:22px}.dialog h2{font-size:29px}.kit-card{padding:11px}.kit-card b{font-size:14px}.kit-card p{font-size:10px}.kit-card .small-btn{font-size:8px}.result-stats{gap:22px}#toast{top:105px;max-width:90%;width:max-content;font-size:10px}.touch-controls{bottom:170px!important;inset-inline:12px}.dpad{grid-template-columns:repeat(3,35px);grid-template-rows:repeat(3,33px)}.dpad button{width:34px;height:32px;font-size:16px}}
@media(max-width:450px){.brand{max-width:139px;font-size:7px;gap:6px}.brand-mark{width:25px;height:25px}.masthead{height:57px}.head-actions .small-btn{font-size:7px;padding:8px 5px}#kitButton{display:none}.hero-hud{min-width:84px;max-width:91px}.hud-score{min-width:75px;max-width:80px}.hud-box{padding:8px}.eyebrow{font-size:7px;letter-spacing:.65px}.wave-line{font-size:14px}.wave-line small{font-size:8px}.meter-row{gap:4px;font-size:7px}.meter-row label{width:26px}.meter{min-width:28px}.hud-score .score{font-size:19px}#mission{width:153px;top:108px}.mission-row{font-size:8px}#abilities{gap:3px}.ability{width:49px}.ability small{font-size:5.5px}.ability>span:not(.ability-key){font-size:7px}.intro .pitch{font-size:11px}.intro-controls{font-size:8px}.district b{font-size:11px}.district span{font-size:11px}.district small{font-size:5.5px}.district{min-height:86px;padding:9px 6px}.title-actions .primary{min-width:170px;font-size:12px}.title-actions .small-btn{font-size:7px}.kit-grid{grid-template-columns:1fr}.kit-card p{min-height:0}.kit-card{padding:10px}.dialog h2{font-size:26px}.dialog p{font-size:11px}.result-stats strong{font-size:28px}.result-stats span{font-size:8px}.help-grid div{font-size:10px}#overlay{padding:18px}.issue{font-size:11px}h1{font-size:47px}.subtitle{font-size:16px}}
@media(max-height:780px){#overlay{align-items:flex-start;padding-top:25px;padding-bottom:25px}.intro{margin:auto 0}h1{font-size:54px}.issue{margin-bottom:11px}.subtitle{font-size:17px}.intro .pitch{margin:10px 0;font-size:12px}.district-label{margin-top:12px}.district{min-height:79px;padding:9px}.district span{margin-bottom:5px}.intro-controls{margin-top:14px;padding-top:10px}.demo-note{margin-top:10px!important}.dialog{margin:auto 0}.stamp{bottom:24px}.kit-card{padding:10px}.dialog h2{font-size:30px}}
@media(max-height:650px){.masthead{height:48px}h1{font-size:44px}.subtitle{display:none}.intro .pitch{font-size:11px}.district-label{margin-top:10px}.district{min-height:71px}.intro-controls{margin-top:10px}.demo-note{font-size:8px!important}.difficulty-row{margin:9px 0 12px}.primary{padding:13px 18px}.hint-note{font-size:9px!important}#mission{top:114px}.ability{min-height:60px}#abilities{bottom:88px}#objective{bottom:10px;padding:8px 12px}}
@media(pointer:coarse){#objective small{display:block}.touch-controls.active{display:flex}.touch-actions{display:flex}.touch-actions button{width:42px;height:42px;background:#1a372acb;font-size:9px}.touch-actions #touchBelch{display:none}}
.campaign-intro{width:560px;max-width:100%}.campaign-intro h1{font-size:47px;line-height:1.06;max-width:540px;margin-bottom:14px}.campaign-intro .pitch{font-size:12px;line-height:1.6;margin:10px 0 16px;max-width:480px}.campaign-intro .district-label{display:flex;justify-content:space-between;max-width:520px;gap:12px}.campaign-intro .district-label span{color:#d7c487;white-space:nowrap}.journey{grid-template-columns:repeat(2,1fr);max-width:520px;gap:8px;position:relative}.journey .district{min-height:76px;padding:10px 13px}.journey .district span{font:10px Arial;letter-spacing:.5px;margin-bottom:6px}.journey .district b{font-size:15px}.journey .district small{font-size:7px;margin-top:6px}.journey .district.locked{opacity:.5;cursor:default}.journey .district:disabled:hover{border-color:#9e9c725e}.campaign-intro .district-description{max-width:520px;min-height:32px}.campaign-intro .difficulty-row{margin:10px 0 14px}.campaign-intro .intro-controls{margin-top:14px;padding-top:10px}.campaign-intro .demo-note{margin-top:10px!important}.kit-heading{text-align:left;font:11px Arial;letter-spacing:1.5px;color:#e4c58a;margin:25px 0 12px}.kit-state{font:10px Arial;color:#c4cead}.outfits{display:flex;flex-wrap:wrap;gap:7px;text-align:left}.outfits .small-btn{display:flex;align-items:center;gap:8px;font-size:10px}.outfits .selected{border-color:#edbd6b;background:#4b5036}.outfits i{display:inline-block;width:15px;height:18px;border-radius:4px}.honours{display:flex;flex-direction:column;gap:7px;color:#c6d4b0;font-size:12px;margin:18px 0}.stars{color:#efc875;letter-spacing:8px;font-size:36px;margin-bottom:5px}#honourStatus{color:#e1c88f!important;border-top:1px solid #8d9d7344;padding-top:8px;font-size:9px!important}
@media(max-width:720px){.campaign-intro h1{font-size:40px;max-width:430px}.campaign-intro .pitch{font-size:11px}.journey .district{padding:9px;min-height:77px}.journey .district b{font-size:13px}.journey .district small{font-size:6px}.journey .district span{font-size:9px}.campaign-intro .district-label{font-size:8px;letter-spacing:.5px}.campaign-intro .district-description{font-size:10px!important}.campaign-intro .title-actions .primary{min-width:175px}.campaign-intro .demo-note{font-size:8px!important}.honours{font-size:11px}}
@media(max-height:700px){.campaign-intro h1{font-size:36px}.campaign-intro .issue{font-size:11px;margin-bottom:9px}.campaign-intro .pitch{font-size:10px;margin:8px 0 10px}.journey .district{min-height:65px;padding:8px 11px}.journey .district b{font-size:13px}.journey .district small{font-size:6px}.journey .district span{font-size:8px;margin-bottom:5px}.campaign-intro .intro-controls{margin-top:10px}.campaign-intro .district-description{min-height:25px}.campaign-intro .demo-note{font-size:8px!important}}
#overlay:not(.modal-overlay){align-items:flex-start;padding-top:24px;padding-bottom:24px}.campaign-intro{margin:0}.campaign-intro h1{font-size:36px;margin-bottom:9px}.campaign-intro .issue{font-size:11px;margin-bottom:9px}.campaign-intro .pitch{font-size:11px;margin:8px 0 12px}.campaign-intro .district-label{margin-top:10px}.journey .district{min-height:64px;padding:8px 12px}.journey .district b{font-size:14px}.journey .district span{font-size:9px;margin-bottom:5px}.journey .district small{margin-top:5px;font-size:6.5px}.campaign-intro .difficulty-row{margin:8px 0 12px}.campaign-intro .primary{padding:13px 18px}.campaign-intro .intro-controls{margin-top:12px;padding-top:9px}.campaign-intro .demo-note{font-size:9px!important}


.arcade-link{color:var(--cream);text-decoration:none;white-space:nowrap}
@media(max-width:540px){.arcade-link{font-size:9px;padding:8px}.masthead{gap:8px}.brand{font-size:8px;letter-spacing:.4px}.head-actions{gap:5px}}