:root{color-scheme:dark;--gold:#bba579;--pale:#e3d5b2;--stone:url(../assets/0ad/ui-panel-stone.webp);--light:url(../assets/0ad/ui-light.webp);--button:url(../assets/0ad/ui-button.webp);--selected:url(../assets/0ad/ui-button-selected.webp);--tl:url(../assets/0ad/ui-corner-tl.webp);--tr:url(../assets/0ad/ui-corner-tr.webp);--bl:url(../assets/0ad/ui-corner-bl.webp);--br:url(../assets/0ad/ui-corner-br.webp)}*{box-sizing:border-box}body{margin:0;background:#131818;color:#e6dfce;font:14px Georgia,Times New Roman,serif;overflow:hidden}#world{display:block;width:100vw;height:100vh}button{font:inherit;color:#e4dbc6;cursor:pointer;text-shadow:0 1px 2px #000;background:linear-gradient(#15191815,#0006),var(--button) center/cover;border:1px solid #79705a;border-top-color:#bbb090;box-shadow:inset 0 0 0 1px #171b18,0 2px 4px #0008;border-radius:0;padding:9px 18px;transition:filter .12s}button:hover{background-image:linear-gradient(#d7bf8010,#0004),var(--selected);filter:brightness(1.16);color:#fff0c9}button:active{box-shadow:inset 0 2px 5px #0009}button:disabled{cursor:default;filter:grayscale(.8);opacity:.48}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #dfc58b;outline-offset:3px}.primary{color:#f9e3ac;border-color:#bba579;background-image:linear-gradient(#b2914830,#0004),var(--selected)}header,aside,footer,.menu-panel,#modal>section{background-color:#262b29;background-image:var(--tl),var(--tr),var(--bl),var(--br),linear-gradient(#121b1980,#080d0b80),var(--stone);background-position:top left,top right,bottom left,bottom right,center,center;background-size:6px 6px,6px 6px,6px 6px,6px 6px,auto,256px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;border:1px solid #9a8967;box-shadow:inset 0 0 0 2px #0e1514,inset 0 0 0 3px #6a62504d,0 4px 14px #0008}header{position:absolute;top:0;left:0;right:0;height:76px;display:flex;align-items:center;gap:24px;padding:10px 28px;border-top:0;border-left:0;border-right:0;z-index:2}.brand{min-width:228px;text-align:center;border-right:1px solid #7d735b;padding-right:24px}.brand b{color:#e1c88e;font-size:25px;letter-spacing:4px;font-weight:400;text-shadow:0 2px 3px #000}.brand small{display:block;color:#b2aa95;font:9px system-ui,sans-serif;letter-spacing:1.8px;margin-top:5px}#resources{display:flex;flex:1;justify-content:center;gap:18px}.resource{display:flex;align-items:center;gap:7px;min-width:72px}.resource img{height:30px;width:30px;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}.resource strong{font-size:21px;font-weight:400;line-height:1;display:block;color:#f0e4c9}.resource small{display:block;color:#b5aa91;font:9px system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.dust-orb{display:block;width:23px;height:23px;border:1px solid #c1a05a;border-radius:50%;background:radial-gradient(circle at 38% 32%,#f2dda1,#a0833e 40%,#433516 73%);box-shadow:0 0 9px #d7bd6528}#menuButton{min-width:96px;text-transform:uppercase;letter-spacing:2px;font-size:12px}aside{position:absolute;top:94px;left:18px;padding:16px 18px;width:248px;font-size:12px;line-height:1.7;background-color:#202522}aside h3{font-size:19px;font-weight:400;color:#e2cc94;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #97845a77}aside p{margin:6px 0}aside .muted{border-top:1px solid #97845a55;padding-top:10px}.muted{font:11px/1.7 system-ui,sans-serif;color:#b1ad9d}#notice{position:absolute;bottom:170px;left:50%;transform:translate(-50%);width:max-content;max-width:70%;text-align:center;background:linear-gradient(90deg,#111a1700,#17221bef 12% 88%,#111a1700);padding:9px 32px;color:#e1d1a8;font-size:13px;text-shadow:0 1px #000;pointer-events:none;border-top:1px solid #baa47344;border-bottom:1px solid #baa47344}footer{position:absolute;bottom:0;left:0;right:0;height:154px;display:flex;align-items:center;gap:18px;padding:12px 24px 27px 204px;border-bottom:0;border-left:0;border-right:0}.map-frame{position:absolute;left:22px;bottom:14px;width:150px;height:150px;border-radius:50%;background:var(--button) center/cover;border:3px double #a68e5d;box-shadow:0 0 0 3px #1a211b,inset 0 0 12px #000,0 0 0 5px #8b765146;padding:9px}#minimap{width:100%;height:100%;border-radius:50%;border:1px solid #8f815a;display:block;cursor:crosshair}.selection-card{display:flex;gap:15px;align-items:center;flex:1;min-width:300px;max-width:490px}.portrait-frame{flex:none;position:relative;padding:4px;background:var(--button) center/cover;border:1px solid #b09a67;box-shadow:inset 0 0 0 1px #000,0 0 0 3px #111a16;width:94px;height:108px}#portrait{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04)}#selection{line-height:1.85;font-size:12px;color:#c4bba4}#selection b{font-weight:400;font-size:19px;color:#eddbaf;display:inline-block;margin-bottom:5px;border-bottom:1px solid #8e7e565c;padding-bottom:3px}#actions{display:flex;gap:9px;align-items:center;justify-content:flex-start;flex:1;min-width:190px;border-left:1px solid #8e7e565c;padding-left:22px;height:110px}#actions button{position:relative;width:126px;min-height:100px;padding:5px 7px;font:10px/1.4 system-ui,sans-serif}#actions button img{width:44px;height:44px;object-fit:cover;display:block;margin:0 auto 5px;border:1px solid #9b8555;box-shadow:0 1px 4px #0008}#actions button span{display:block}footer .controls{position:absolute;bottom:4px;left:204px;right:18px;margin:0;font:9px/1.5 system-ui,sans-serif;color:#8e9489}.overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#050c0bcc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#modal>section{position:relative;width:min(560px,94vw);max-height:94vh;overflow:auto;padding:35px 40px;border:1px solid #b6a071;outline:4px solid #141d17;box-shadow:0 0 0 5px #8d78574d,0 30px 100px #000a}.overlay h1{color:#e6d3a1;font-size:29px;font-weight:400;line-height:1.2;margin:9px 0 20px;text-align:center;text-shadow:0 2px 3px #000}.overlay p{line-height:1.8}.eyebrow{font-size:9px;letter-spacing:2px;text-align:center;color:#aea38b;margin:0 0 18px}.main-logo{font-size:62px;line-height:.9;letter-spacing:3px;text-transform:uppercase;color:#ddc383;text-align:center;text-shadow:0 3px #332c1d,0 5px 10px #0008;margin:12px 0 21px}.main-logo span{display:block;font-size:72px;letter-spacing:9px}.ornament{height:9px;margin:15px auto 24px;max-width:210px;border-top:1px solid #ac986a;border-bottom:1px solid #ac986a;transform:scaleY(.5);background:linear-gradient(90deg,transparent,#b9a16d66,transparent)}.menu-actions{display:grid;gap:10px;margin:24px 0}.menu-actions button{width:100%;min-height:42px;font-size:15px;letter-spacing:.5px}.start-screen{place-items:center start;background:linear-gradient(90deg,#06110bb8,#07130b10 64%,#07130b10);-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:6vw}.start-screen .menu-panel{width:390px!important;padding:28px 32px!important}.start-screen h1{font-size:25px;margin:8px 0 15px}.intro{text-align:center;color:#bcb49f;font-size:13px}.menu-bottom{font:10px/1.8 system-ui,sans-serif;color:#969b8e;text-align:center;margin-top:20px}.credits{color:#bdab7f;text-underline-offset:3px;font-size:11px}.credits:hover{color:#f5dfa6}#loading{text-align:center;font:10px system-ui,sans-serif;color:#c5b48b}details{border-top:1px solid #8e7e565c;padding-top:12px;font-size:12px;line-height:1.6;color:#bcb49f}summary{cursor:pointer;color:#d0bd8f}details ol{padding-left:19px}li{margin:8px 0}.option-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:12px 0;border-block:1px solid #8e7e565c;color:#d0c1a0;font-size:14px}.option-row input{accent-color:#b39c64;width:18px;height:18px}.pause-story{font-size:13px;text-align:center;color:#c3bba6}.mission-goals{font-size:12px;line-height:1.8;color:#b6b4a4;border-left:2px solid #9d895b;padding:0 0 0 13px}.hidden{display:none!important}@media(max-width:1050px){header{gap:12px;padding-inline:16px}.brand{min-width:180px;padding-right:12px}.brand b{font-size:20px}.brand small{font-size:8px;letter-spacing:1px}#resources{gap:9px}.resource{min-width:54px;gap:4px}.resource img{width:24px;height:24px}.resource strong{font-size:17px}.resource small{font-size:8px}footer{gap:13px;padding-left:165px}.map-frame{width:124px;height:124px;left:16px}.selection-card{min-width:268px;gap:12px}.portrait-frame{width:75px;height:90px}#selection{font-size:11px}#selection b{font-size:16px}#actions{padding-left:12px;min-width:140px}#actions button{width:110px;font-size:9px}footer .controls{left:165px;font-size:8px}}@media(max-width:760px){header{height:64px;gap:7px;padding:7px}.brand{min-width:114px;padding-right:7px}.brand b{font-size:14px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:0}#resources{gap:5px}.resource{min-width:34px;gap:3px}.resource img{width:17px;height:17px}.resource strong{font-size:13px}.resource small{display:none}.dust-orb{width:14px;height:14px}#menuButton{min-width:48px;padding:7px;font-size:9px;letter-spacing:0}aside{top:78px;left:9px;width:211px;font-size:10px;padding:12px}aside h3{font-size:16px}footer{height:150px;padding:9px 10px 27px 116px;gap:7px;align-items:center}.map-frame{width:90px;height:90px;left:10px;bottom:36px;padding:5px}.selection-card{min-width:160px;gap:7px;max-width:240px}.portrait-frame{width:48px;height:65px}#selection{font-size:9px}#selection b{font-size:12px}#actions{padding-left:7px;min-width:70px;gap:5px;height:110px}#actions button{width:82px;padding:4px;font-size:8px;min-height:94px}#actions button img{height:33px;width:33px}footer .controls{left:116px;font-size:7px;bottom:5px}#notice{bottom:161px;max-width:88%;font-size:10px;padding:8px 20px}.start-screen{place-items:center;padding:0}.start-screen .menu-panel{max-width:94vw}#modal>section{padding:25px}.main-logo{font-size:46px}.main-logo span{font-size:54px}}#actions button span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#portrait:not([src]){visibility:hidden}.menu-actions .primary,.menu-actions .primary:hover{color:#262010;text-shadow:0 1px 0 #fff6}body.briefing header,body.briefing aside,body.briefing footer,body.briefing #notice{visibility:hidden}#arrivalCard.arrival-card{position:absolute;top:98px;right:22px;left:auto;width:400px;min-height:198px;padding:17px;display:flex;align-items:center;gap:17px;z-index:3;border-color:var(--arrival-color,#d3b771);box-shadow:inset 0 0 0 2px #101712,0 0 28px #c7a85424;pointer-events:none}#arrivalFigure{width:112px;height:128px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px #dec37655)}.arrival-card h2{font-size:21px;font-weight:400;color:var(--arrival-color);margin:9px 0 12px}.arrival-card small{font:8px system-ui,sans-serif;color:#b8a77b;letter-spacing:1.4px}.arrival-card p{font-size:18px;color:#e9dfc9;line-height:1.5;margin:0;border:0;padding:0}@media(max-width:760px){#arrivalCard.arrival-card{top:80px;right:8px;width:272px;gap:10px;min-height:150px;padding:12px}#arrivalFigure{width:60px;height:100px}.arrival-card h2{font-size:16px}.arrival-card p{font-size:14px}.arrival-card small{font-size:7px;letter-spacing:.5px}}#arrivalCard.arrival-card{inset:auto auto 184px 50%;transform:translate(-50%);width:min(700px,calc(100vw - 36px));min-height:194px;padding:24px 28px 24px 224px;display:block;animation:dialog-cut-in .32s steps(6,end)}#arrivalFigure{position:absolute;left:15px;bottom:14px;width:192px;height:256px;object-fit:fill;image-rendering:pixelated;border:2px solid #b8a16a;background:#0b1322;box-shadow:0 0 0 3px #151e1b,0 8px 20px #0008;filter:none}.arrival-card h2{margin:7px 0 16px;font-size:26px}.arrival-card p{font-size:22px;line-height:1.45;min-height:64px}.arrival-card small{font-size:9px}.arrival-card.speaking p:after{content:"";display:inline-block;height:19px;border-left:2px solid #d6bb7b;margin-left:4px;animation:dialog-caret .5s steps(2,end) infinite}@keyframes dialog-cut-in{0%{opacity:0;transform:translate(calc(-50% - 50px))}to{opacity:1;transform:translate(-50%)}}@keyframes dialog-caret{50%{opacity:0}}@media(max-width:760px){#arrivalCard.arrival-card{inset:auto auto 166px 50%;min-height:148px;width:calc(100vw - 20px);padding:16px 15px 16px 142px}#arrivalFigure{width:120px;height:160px;left:10px;bottom:12px}.arrival-card h2{font-size:19px;margin:6px 0 10px}.arrival-card p{font-size:16px;min-height:48px}.arrival-card small{font-size:7px;letter-spacing:.6px}}@media(prefers-reduced-motion:reduce){#arrivalCard.arrival-card,.arrival-card.speaking p:after{animation:none}}#portrait.pixel-avatar,#actions button img.pixel-avatar{image-rendering:pixelated;object-fit:contain;background:#0b1322}#arrivalCard.technique-banner{border-color:var(--arrival-color);box-shadow:inset 0 0 0 2px #101712,0 0 30px #b8daf533}.technique-banner h2{text-transform:uppercase;font-size:30px;letter-spacing:1.5px;text-shadow:0 0 12px #d9c37a33}.technique-banner p{font-style:italic}@media(max-width:760px){.technique-banner h2{font-size:21px;letter-spacing:.5px}}