#hud,.screen{--h:clamp(96px,min(24vh,17.5vw),240px);--bar:clamp(18px,min(3.6vh,2.7vw),36px);--gold:#fcd312;--gold-dim:#b89a3a;--trim-light:#e9cf86;--trim-dark:#5c4518;--ink:#05070b;--text:calc(var(--h)*.074);position:fixed;pointer-events:none;font-family:Friz Quadrata,Cinzel,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:var(--text);color:#fff;user-select:none;-webkit-user-select:none;text-shadow:0 1px #000,0 0 3px #000;inset:0}#hud *,.screen *{box-sizing:border-box}#hud [hidden]{display:none!important}#hud button,.screen button{font:inherit;color:inherit;cursor:inherit}#hud img{display:block;-webkit-user-drag:none}.stone{background-image:linear-gradient(#222a3cb8,#0a0d16e6),var(--stone);background-size:auto,192px}.trim{border:2px solid;border-color:var(--trim-light)var(--trim-dark)var(--trim-dark)var(--trim-light);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 calc(var(--h)*.08)#000000b3}.well{background:var(--ink);border:2px solid #6e5a2a;border-color:#000 #6e5a2a #6e5a2a #000;box-shadow:inset 0 0 0 1px #ffe6961f}#topbar{position:absolute;height:var(--bar);display:flex;padding:0 calc(var(--bar)*.3);border-bottom:2px solid var(--trim-dark);box-shadow:0 1px 0 var(--trim-light),0 3px 8px #0009;pointer-events:auto;font-size:calc(var(--bar)*.46);justify-content:space-between;align-items: center;top:0;left:0;right:0}.menu-buttons{display:flex;gap:calc(var(--bar)*.2)}.menu-button{height:calc(var(--bar)*.76);padding:0 calc(var(--bar)*.5);border:1px solid;border-color:var(--trim-light)var(--trim-dark)var(--trim-dark)var(--trim-light);background:linear-gradient(#27324a,#0c1120);color:var(--gold)!important}.menu-button:hover{background:linear-gradient(#3a4a6e,#141c34);color:#fff!important}.menu-button kbd{font:inherit;color:#fff;opacity:.75;margin-left:.4em}#clock{position:absolute;left:50%;top:calc(var(--bar)*-.55);width:calc(var(--bar)*2.3);height:calc(var(--bar)*2.3);border:3px solid var(--trim-light);box-shadow:0 0 0 2px #000,0 3px 8px #000,inset 0 0 0 2px var(--trim-dark);overflow:hidden;background:#000;border-radius:50%;transform:translate(-50%)}#clock .face{position:absolute;background:radial-gradient(circle at 50% 22%,#fff6b0 0 9%,#ffc21e 10% 14%,#0000 15%),radial-gradient(circle at 50% 78%,#f2f4ff 0 8%,#9aa6d8 9% 11%,#0000 12%),linear-gradient(#4fa3ea 0 50%,#0a1030 50% 100%);border-radius:50%;inset:0}#clock .hand{position:absolute;border:calc(var(--bar)*.2)solid transparent;border-bottom-color:var(--trim-light);filter:drop-shadow(0 0 1px #000);width:0;height:0;bottom:0;left:50%;transform:translate(-50%)}.resources{display:flex;align-items: center;gap:calc(var(--bar)*.75)}.resource{display:flex;align-items: center;gap:calc(var(--bar)*.2);min-width:calc(var(--bar)*2.3)}.resource img{width:calc(var(--bar)*.72);height:calc(var(--bar)*.72)}.upkeep{color:#20e020;min-width:calc(var(--bar)*3);text-align:right}#heroes{position:absolute;top:calc(var(--bar) + var(--h)*.06);left:calc(var(--h)*.05);display:flex;gap:calc(var(--h)*.05);pointer-events:auto;flex-direction:column}.hero-button{width:calc(var(--h)*.3);background:0 0;border:0;padding:0}.bar{height:calc(var(--h)*.03);background:#000;border:1px solid #000;margin-top:1px}.bar i{display:block;height:100%}.bar.hp i{background:linear-gradient(#5cff5c,#0a9a0a)}.bar.mp i{background:linear-gradient(#6aa8ff,#1438c8)}.bar.xp i{background:linear-gradient(#c070ff,#6a1ab8)}.icon{position:relative;display:block;aspect-ratio:1;background:#000 50%/cover no-repeat;border:2px solid #2a2416;border-color:#8a7a52 #2a2416 #2a2416 #8a7a52;width:100%;padding:0;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffebaa4d}button.icon:hover{border-color:#fff3c4 #b89a3a #b89a3a #fff3c4}button.icon:active{filter:brightness(.8);transform:translate(1px,1px)}.icon.dim{filter:brightness(.55)saturate(.6)}.slot{aspect-ratio:1}#console-wings{position:absolute;height:calc(var(--h)*.4);border-top:2px solid var(--trim-light);pointer-events:auto;bottom:0;left:0;right:0;box-shadow:0 -1px #000}#console{position:absolute;height:var(--h);display:flex;pointer-events:auto;align-items: flex-end;bottom:0;left:50%;transform:translate(-50%)}.panel{position:relative;padding:calc(var(--h)*.045)}.minimap-panel{height:var(--h);display:flex;gap:calc(var(--h)*.03);border-top-left-radius:calc(var(--h)*.08)}.minimap-panel .well{aspect-ratio:1;flex:none;height:100%}#minimap{display:block;width:100%;height:100%}.minimap-buttons{width:calc(var(--h)*.13);display:flex;gap:calc(var(--h)*.03);flex-direction:column}.portrait-panel{height:calc(var(--h)*.92);width:calc(var(--h)*.62);display:flex;flex-direction:column}.portrait-panel .well{flex:1;min-height:0}#portrait{display:block;width:100%;height:100%}.vitals{height:calc(var(--text)*2.5);padding-top:calc(var(--h)*.02);text-align:center;line-height:1.2;font-size:calc(var(--text)*.92)}.vitals .mp{color:#7ab0ff}.info-panel{height:calc(var(--h)*.84);width:calc(var(--h)*2);display:flex}.info-panel .well{display:flex;flex:1;min-width:0}.info{padding:calc(var(--h)*.03)calc(var(--h)*.05);display:flex;flex-direction:column;flex:1;align-items: center;min-width:0}.unit-name{color:#fff;font-size:calc(var(--text)*1.15)}.unit-class{color:var(--gold);font-size:calc(var(--text)*.92);margin-top:.1em}.info .bar.xp{width:70%;margin-top:.3em}.bar.summon i{background:linear-gradient(#7af0e0,#147a78)}.summon-label{color:#9adfd4;font-size:calc(var(--text)*.82);margin-top:.3em}.stats{display:flex;gap:calc(var(--h)*.06);justify-content:center;width:100%;margin-top:auto;margin-bottom:auto}.stat{display:flex;align-items: center;gap:calc(var(--h)*.03);font-size:calc(var(--text)*.85);white-space:nowrap;line-height:1.25}.stat .icon{width:calc(var(--h)*.2);flex:none}.stat label{color:var(--gold);display:block}.stat .primary{color:var(--gold)}.multi{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--h)*.028);width:100%;margin:auto 0}.multi .member{background:0 0;border:0;padding:0}.multi .member.inactive .icon{filter:brightness(.6)}.multi.dense{gap:calc(var(--h)*.012)}.multi.dense .icon{border-width:1px}.multi .more{display:flex;color:var(--gold);font-size:calc(var(--text)*.8);justify-content:center;align-items: center}.inventory-panel{height:calc(var(--h)*.84);display:grid;grid-template-columns:repeat(2,calc(var(--h)*.215));grid-template-rows:repeat(3,1fr);gap:calc(var(--h)*.02)}.command-panel{height:var(--h);display:grid;grid-template-columns:repeat(4,calc(var(--h)*.265));grid-template-rows:repeat(3,1fr);gap:calc(var(--h)*.026);border-top-right-radius:calc(var(--h)*.08);align-content: center}.command-panel .slot,.inventory-panel .slot{background:#0000008c;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffe69614}.command-panel .slot{display:flex}#idle-worker{position:absolute;left:calc(var(--h)*.05);bottom:calc(var(--h)*1.06);width:calc(var(--h)*.3);pointer-events:auto}#idle-worker .count{position:absolute;color:var(--gold);font-size:calc(var(--text)*.95);bottom:1px;right:3px}#tooltip{position:absolute;right:calc(var(--h)*.08);bottom:calc(var(--h)*1.05);width:calc(var(--h)*1.9);padding:calc(var(--h)*.045)calc(var(--h)*.055);border:1px solid var(--gold-dim);background:#04060ce0;line-height:1.3;box-shadow:0 0 0 1px #000}#tooltip .title{color:#fff;font-size:calc(var(--text)*1.05);margin-bottom:.3em}#tooltip .title b{color:var(--gold);font-weight:400}#tooltip .body{font-size:calc(var(--text)*.92)}#dialog-shade{position:absolute;display:flex;pointer-events:auto;background:#00000073;justify-content:center;align-items: center;inset:0}.dialog{min-width:calc(var(--h)*1.9);padding:calc(var(--h)*.1);text-align:center}.dialog h2{font-weight:400;font-size:calc(var(--text)*1.5);color:var(--gold);margin:0 0 .8em}.dialog h3{font-weight:400;font-size:var(--text);color:var(--gold);text-align:left;margin:.8em 0 .3em}.dialog p{font-size:calc(var(--text)*.95);color:#c8ccd4;text-align:left;margin:0 0 1em}.dialog .menu-button{display:block;height:calc(var(--text)*2.4);font-size:var(--text);width:100%;margin-top:.5em}.building-body{display:flex;justify-content:center;align-items: center;gap:calc(var(--h)*.035);flex-direction:column;flex:1;width:100%}.description{color:#c8ccd4;font-size:calc(var(--text)*.9);text-align:center;line-height:1.3}.progress-label{color:var(--gold);font-size:calc(var(--text)*.92)}.bar.progress{height:calc(var(--h)*.06);width:80%}.bar.progress i{background:linear-gradient(#7ad0ff,#1a6ac8);width:0}.queue{display:flex;gap:calc(var(--h)*.025);height:calc(var(--h)*.19)}.queue .icon{width:calc(var(--h)*.19)}.cargo{color:var(--gold);font-size:calc(var(--text)*.88);min-height:1.3em}#tooltip .price{display:flex;color:var(--gold);align-items: center;gap:.35em;margin-bottom:.3em}#tooltip .price img{width:1.2em;height:1.2em;margin-left:.5em}#tooltip .price img:first-child{margin-left:0}#messages{position:absolute;left:0;right:0;bottom:calc(var(--h)*1.12);text-align:center;color:var(--gold);font-size:calc(var(--text)*1.15);opacity:0}.icon .rank{position:absolute;color:var(--gold);font-size:calc(var(--text)*.85);line-height:1.1;bottom:0;right:2px}.icon .cooldown{position:absolute;pointer-events:none;inset:0}.icon.inert{cursor:inherit}.icon.locked{filter:grayscale(.9)brightness(.45)}button.icon.inert:hover{border-color:#8a7a52 #2a2416 #2a2416 #8a7a52}button.icon.inert:active{filter:none;transform:none}.icon.no-mana{filter:saturate(.3)brightness(.6)sepia(.4)hue-rotate(180deg)}@property --autocast-turn{syntax:"<angle>";inherits:false;initial-value:0deg}.icon.autocast:after{content:"";position:absolute;pointer-events:none;background-image:conic-gradient(from var(--autocast-turn),transparent 0deg,#fff3a8 30deg,#fff 55deg,transparent 90deg,transparent 180deg,#fff3a8 210deg,#fff 235deg,transparent 270deg);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-clip:content-box,border-box;mask-composite:exclude;animation:1.6s linear infinite autocast-spin;padding:3px;inset:-2px}@keyframes autocast-spin{to{--autocast-turn:360deg}}#tooltip .requires{color:#ff5040;font-size:calc(var(--text)*.9);margin-bottom:.3em}#tooltip .requires span+span:before{content:", "}#tooltip .mana-line{color:#8ab8ff;font-size:calc(var(--text)*.9);margin-bottom:.3em}.stat .bonus{color:#40e040}.buffs{display:flex;gap:calc(var(--h)*.02);height:calc(var(--h)*.13);margin-top:calc(var(--h)*.01)}.buffs .icon{width:calc(var(--h)*.13);pointer-events:auto}.buffs .icon.good{border-color:#7ae07a #1a5a1a #1a5a1a #7ae07a}.buffs .icon.bad{border-color:#e07a7a #5a1a1a #5a1a1a #e07a7a}.inventory-panel .slot{display:flex}.hero-button .icon .points{position:absolute;color:#ff5030;font-size:calc(var(--text)*1.3);line-height:1;top:-2px;left:2px}.hero-button .icon.fallen{filter:grayscale(1)brightness(.45)}#quest-feed{position:absolute;left:calc(var(--h)*.08);width:calc(var(--h)*2.1);display:flex;gap:calc(var(--h)*.06);flex-direction:column;top:24%}.notice{line-height:1.3;font-size:calc(var(--text)*.95)}.notice b{display:block;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:400}.notice i{display:block;font-style:normal;font-size:calc(var(--text)*1.15)}.notice.completed b{color:#40e040}.notice.failed b{color:#ff5040}.letterbox{position:absolute;pointer-events:none;background:#000;height:13vh;transition:transform .5s;left:0;right:0}.letterbox.top{top:0;transform:translateY(-100%)}.letterbox.bottom{display:flex;justify-content:flex-end;align-items: flex-end;bottom:0;transform:translateY(100%)}.letterbox .skip{color:#8a8f99;font-size:calc(var(--text)*.85);padding:.6em 1em}#hud.cinematic .letterbox{pointer-events:auto;transform:none}#hud.cinematic>:not(.letterbox):not(#transmission):not(#fade):not(#titlecard){visibility:hidden}#fade{position:absolute;opacity:0;pointer-events:none;background:#000;transition:opacity linear;inset:0}#titlecard{position:absolute;text-align:center;opacity:0;pointer-events:none;text-shadow:0 0 .5em #000,0 2px 2px #000;transition:opacity .8s,transform 1.6s ease-out;top:36vh;left:0;right:0;transform:translateY(.6vh)}#titlecard.shown{opacity:1;transform:none}#titlecard h2{font-weight:400;font-size:calc(var(--text)*3.2);letter-spacing:.14em;text-transform:uppercase;color:var(--trim-light);margin:0}#titlecard h2:after{content:"";display:block;width:min(60vw,calc(var(--h)*2.6));background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);height:1px;margin:.35em auto}#titlecard p{font-size:calc(var(--text)*1.35);letter-spacing:.08em;color:#c8ccd4;margin:0}#transmission{position:absolute;left:50%;bottom:calc(var(--h)*1.1);width:min(92vw,calc(var(--h)*4.4));display:flex;gap:calc(var(--h)*.08);padding:calc(var(--h)*.06);border:1px solid var(--gold-dim);background:#04060cd1;transform:translate(-50%);box-shadow:0 0 0 1px #000}#hud.cinematic #transmission{bottom:15vh}#transmission .icon{width:calc(var(--h)*.42);flex:none}#transmission .words{flex:1;line-height:1.35}#transmission b{font-weight:400;font-size:calc(var(--text)*1.1);filter:brightness(1.6)}#transmission b small{color:#8a8f99;margin-left:.7em;font-size:.8em}#transmission p{font-size:calc(var(--text)*1.05);margin:.2em 0 0}.dialog{max-width:calc(var(--h)*3.4)}.dialog p.centre{text-align:center}.allies{border-collapse:collapse;text-align:left;font-size:var(--text);width:100%;margin-bottom:.8em}.allies td{color:#c8ccd4;padding:.3em .5em}.allies td:first-child{color:#fff;white-space:nowrap}.allies .swatch{display:inline-block;vertical-align:-.05em;border:1px solid #000;width:.85em;height:.85em;margin-right:.5em}.allies .stance{text-align:right}.allies .gifts{white-space:nowrap}.allies .gifts .menu-button{display:inline-block;height:calc(var(--text)*1.9);font-size:calc(var(--text)*.88);width:auto;margin:0 .3em 0 0;padding:0 .7em}.allies .gifts .menu-button:disabled{opacity:.4}.allies .lent{color:#3aa8ff;font-size:calc(var(--text)*.88)}.allies .you .stance{color:#2fd02f}.allies .ally .stance{color:#3aa8ff}.allies .enemy .stance{color:#e8262a}.allies .neutral .stance{color:#e8c020}.dialog p.quest b{display:block;color:#fff;font-weight:400}.dialog p.quest.completed b{color:#40e040}.dialog p.quest.failed b,.dialog h2.defeat{color:#ff5040}#bark{position:absolute;left:50%;bottom:calc(var(--h)*.97);max-width:calc(var(--h)*3);font-size:calc(var(--text)*1.02);white-space:nowrap;opacity:0;background:linear-gradient(90deg,#0000,#04060cb8 18% 82%,#0000);padding:.25em .9em;font-style:italic;transform:translate(-50%)}#bark b{color:var(--gold);margin-right:.6em;font-style:normal;font-weight:400}#bark b:after{content:":"}.trim{border:3px solid;border-color:var(--trim-light)var(--trim-dark)var(--trim-dark)var(--trim-light);box-shadow:0 0 0 1px #000,0 0 0 2px #785a1e99,inset 0 0 0 1px #000,inset 0 0 calc(var(--h)*.08)#000000bf}.panel:before,.panel-box:before,.dialog:before{content:"";position:absolute;pointer-events:none;--stud:radial-gradient(circle,#fff 0 18%,var(--trim-light)24% 55%,var(--trim-dark)62% 78%,transparent 80%);background:var(--stud)top left,var(--stud)top right,var(--stud)bottom left,var(--stud)bottom right;background-repeat:no-repeat;background-size:calc(var(--h)*.05)calc(var(--h)*.05);inset:3px}.panel-box,.dialog{position:relative}#topbar{border-bottom:3px solid #d8b868}#console-wings{background-image:repeating-linear-gradient(90deg,#00000073 0 2px,transparent 2px calc(var(--h)*.42)),linear-gradient(#3c466080,#0a0d16eb),var(--stone);background-size:auto,auto,192px;border-top:3px solid #d8b868}.menu-button{letter-spacing:.03em;background:linear-gradient(#34405e,#141a2e 55%,#0a0e1c);box-shadow:inset 0 1px #fff0b440,0 1px 2px #000}.menu-button:active{filter:brightness(.85);transform:translateY(1px)}.icon{border-color:#c8ac62 #4a3810 #4a3810 #c8ac62;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffebaa59,inset 0 0 6px #0009}#clock{box-shadow:0 0 0 2px #000,0 0 0 4px #7a5a1c,0 0 0 5px #000,0 3px 8px #000,inset 0 0 0 2px var(--trim-dark),inset 0 0 12px #0009;border:3px solid #e9cf86}#tooltip,#transmission{background:linear-gradient(#0e1220f0,#04060cf0);border:2px solid #6a4a12;border-color:#e0c070 #6a4a12 #6a4a12 #c89a3a}.options{display:flex;min-width:calc(var(--h)*2.3);text-align:left;flex-direction:column;gap:.5em}.options h3{color:var(--gold);font-weight:400;font-size:var(--text);letter-spacing:.08em;text-transform:uppercase;margin:.5em 0 .1em}.option{display:flex;font-size:calc(var(--text)*.95);color:#c8ccd4;align-items: center;gap:.8em}.option .name{flex:0 0 9.5em}.option .value{text-align:right;color:var(--gold);flex:0 0 3em}.option input[type=range]{accent-color:#c89a3a;cursor:inherit;flex:1}.option .choices{display:flex;gap:.5em}.option .menu-button{padding:0 .9em;display:inline-block!important;height:calc(var(--text)*2)!important;font-size:calc(var(--text)*.92)!important;width:auto!important;margin:0!important}.menu-button.chosen{background:linear-gradient(#4a5e8e,#1c2644);border-color:#fff;color:#fff!important}.screen{position:fixed;z-index:20;pointer-events:auto;display:flex;justify-content:center;align-items: center;gap:calc(var(--h)*.14);color:#fff;text-shadow:0 1px #000,0 0 3px #000,0 0 12px #000c;animation:.6s screen-in;background:#05070b 50%/cover no-repeat;flex-direction:column;transition:opacity .6s;font-family:Friz Quadrata,Cinzel,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;inset:0}@keyframes screen-in{0%{opacity:0}}.screen[hidden]{display:none}.screen.leaving{opacity:0;pointer-events:none}.masthead{text-align:center}.screen h1{font-weight:400;font-size:calc(var(--text)*4);letter-spacing:.08em;background:linear-gradient(#fff6c8,#fcd312 45%,#b8741a);color:#0000;text-shadow:none;filter:drop-shadow(0 2px 0 #000)drop-shadow(0 0 14px #000000e6);-webkit-background-clip:text;background-clip:text;margin:0}.screen .lead{max-width:calc(var(--h)*3.8);text-align:center;color:#d4d8e0;line-height:1.55;font-size:calc(var(--text)*1.15);margin:.4em auto 0}.screen-body{display:flex;align-items: center;gap:calc(var(--h)*.08);min-height:calc(var(--h)*1.6);flex-direction:column}.menu-column{display:flex;gap:calc(var(--h)*.07);flex-direction:column}.menu-row{display:flex;gap:calc(var(--h)*.08)}.screen .panel-box{width:min(92vw,calc(var(--h)*3.8));padding:calc(var(--h)*.12);overflow-y:auto;max-height:62vh}.screen .panel-box.narrow{width:min(92vw,calc(var(--h)*2.9))}.screen .panel-box.wide{width:min(94vw,calc(var(--h)*4.6))}.mission-row{display:flex;align-items: center;gap:calc(var(--h)*.1);padding:calc(var(--h)*.06)0;border-bottom:1px solid #ffe69626}.mission-row:last-of-type{border-bottom:0}.mission-row .about{flex:1;line-height:1.35}.mission-row .about b{display:block;font-weight:400;font-size:calc(var(--text)*1.2)}.mission-row .about span{color:#c8ccd4;font-size:calc(var(--text)*.95)}.mission-row .done{color:#40e040;font-size:calc(var(--text)*.9)}.mission-row .about small{display:block;color:var(--gold-dim);letter-spacing:.1em;text-transform:uppercase;font-size:calc(var(--text)*.78)}.mission-row .locked,.mission-row .count{color:#8a90a0;font-size:calc(var(--text)*.9);white-space:nowrap}.mission-row.locked .about{opacity:.5}.page-title{font-weight:400;font-size:calc(var(--text)*1.9);letter-spacing:.1em;color:var(--trim-light);margin:0}.page-title small{letter-spacing:.06em;color:#40e040;margin-left:.8em;font-size:.5em}.skirmish .lead{text-align:left;font-size:var(--text);color:#c8ccd4;margin:.2em 0 .4em}.skirmish .difficulty{margin-top:calc(var(--h)*.07)}.skirmish .difficulty:first-child{margin-top:0}.save-list{overflow-y:auto;text-align:left;max-height:52vh}.save-row{display:flex;align-items: center;gap:calc(var(--h)*.06);padding:calc(var(--h)*.05)0;border-bottom:1px solid #ffe69626}.save-row:last-child{border-bottom:0}.save-row .about{flex:1;line-height:1.35}.save-row .about b{display:block;color:#fff;font-weight:400}.save-row .about span{color:#c8ccd4;font-size:calc(var(--text)*.9)}.save-row .menu-button,.dialog .save-row .menu-button{display:inline-block;height:calc(var(--text)*2.2);font-size:calc(var(--text)*.95);width:auto;margin:0;padding:0 .9em}.screen .menu-button{height:calc(var(--text)*2.4);font-size:var(--text);padding:0 1.2em}.screen .menu-button.big{width:calc(var(--h)*1.5);height:calc(var(--text)*3.1);font-size:calc(var(--text)*1.3);border-width:2px}.difficulty{display:flex;align-items: center;gap:calc(var(--h)*.06);margin-top:calc(var(--h)*.1);color:#c8ccd4}.screen .small{color:#8a90a0;font-size:calc(var(--text)*.85)}.screen .footer{position:absolute;margin:0;bottom:1.2em}.controls{border-collapse:collapse;font-size:calc(var(--text)*.95)}.controls td{color:#c8ccd4;vertical-align:top;padding:.22em .8em}.controls td:first-child{color:var(--gold);white-space:nowrap}.screen.loading{justify-content:flex-end;gap:calc(var(--h)*.1);padding-bottom:7vh}.screen.loading .masthead{margin-top:9vh;margin-bottom:auto}.briefing{width:min(90vw,calc(var(--h)*4));padding:calc(var(--h)*.08)calc(var(--h)*.14);background:linear-gradient(90deg,#0000,#020408b3 12% 88%,#0000)}.briefing .lead{margin:0}.loading-bar{width:min(80vw,calc(var(--h)*3.4));height:calc(var(--h)*.09);border:2px solid;border-color:var(--trim-light)var(--trim-dark)var(--trim-dark)var(--trim-light);background:#000;padding:2px}.loading-bar i{display:block;background:linear-gradient(#9adfff,#1a6ac8 60%,#0c3a8a);width:0;height:100%;transition:width .4s}.prompt{color:var(--gold);font-size:calc(var(--text)*1.15);letter-spacing:.08em;margin:0}.prompt.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.screen.interlude{z-index:40;cursor:pointer;justify-content:center;transition:opacity .6s}.screen.interlude:before{content:"";position:absolute;z-index:-1;opacity:0;pointer-events:none;background:#000;transition:opacity .7s;inset:0}.screen.interlude.dark:before{opacity:1}.interlude-page{display:flex;align-items: center;gap:calc(var(--h)*.16);width:min(92vw,calc(var(--h)*4.6));flex-direction:column;transition:opacity .7s}.screen.interlude.dark .interlude-page{opacity:0}.screen.interlude h1{font-size:calc(var(--text)*3.4)}.interlude-words{display:flex;gap:calc(var(--h)*.07);min-height:calc(var(--h)*1.5);flex-direction:column;width:100%}.interlude-line{animation:.7s ease-out both interlude-in;transition:opacity .6s}.interlude-line.read{opacity:.5}.interlude-line p{line-height:1.55;font-size:calc(var(--text)*1.2);color:#e4e7ee;margin:0}.interlude-line.narration p{text-align:center;color:#d4d8e0;text-shadow:0 1px 3px #000;font-style:italic}.interlude-line.spoken{display:flex;gap:calc(var(--h)*.08);padding:calc(var(--h)*.06);border:1px solid var(--gold-dim);background:#04060cb8;box-shadow:0 0 0 1px #000}.interlude-line.spoken .icon{width:calc(var(--h)*.42);flex:none}.interlude-line.spoken .words{flex:1}.interlude-line.spoken b{font-weight:400;font-size:calc(var(--text)*1.1);filter:brightness(1.6)}.interlude-line.spoken b small{color:#8a8f99;margin-left:.7em;font-size:.8em}@keyframes interlude-in{0%{opacity:0;transform:translateY(.5em)}}.interlude-signature{display:none}.interlude-page.letter{align-items:stretch;gap:calc(var(--h)*.08);width:min(88vw,calc(var(--h)*3.6));padding:calc(var(--h)*.22)calc(var(--h)*.26);box-sizing:border-box;box-shadow:0 calc(var(--h)*.06)calc(var(--h)*.3)#000000bf,inset 0 0 calc(var(--h)*.4)#785a2847;background:linear-gradient(176deg,#efe4c6,#dccba0 60%,#cdb98a);border:1px solid #8a7648;transform:rotate(-.6deg)}.interlude-page.letter .masthead{text-align:left;align-items: flex-start}.interlude-page.letter h1{font-size:calc(var(--text)*1.7);-webkit-text-fill-color:#3a2a14;color:#3a2a14;text-shadow:none;filter:none;background:0 0;font-style:italic}.interlude-page.letter .lead{text-align:left;font-size:calc(var(--text)*.95);color:#6a5630;text-shadow:none;max-width:none;margin:0}.interlude-page.letter .interlude-words{min-height:calc(var(--h)*1.2)}.interlude-page.letter .interlude-line p{text-align:left;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-style:italic;font-size:calc(var(--text)*1.25);color:#2c2010;text-shadow:none;line-height:1.6}.interlude-page.letter .interlude-line.read{opacity:.82}.interlude-page.letter .interlude-signature{display:block;text-align:right;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-style:italic;font-size:calc(var(--text)*1.5);color:#2c2010;opacity:0;min-height:1.6em;margin:0;transition:opacity .9s}.interlude-page.letter .interlude-signature.shown{opacity:1}.interlude-page.signal .interlude-words{justify-content:center;align-items: center}.interlude-page.signal .interlude-line{animation:.7s linear both signal-flash}.interlude-page.signal .interlude-line.spoken{box-shadow:none;background:0 0;border:none;flex-direction:column;align-items: center}.interlude-page.signal .interlude-line.spoken .icon{display:none}.interlude-page.signal .interlude-line.spoken .words{text-align:center}.interlude-page.signal .interlude-line p{text-align:center;text-transform:uppercase;letter-spacing:.28em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-style:normal;font-size:calc(var(--text)*1.5);color:#ffe6a0;text-shadow:0 0 .5em #ffb040,0 0 1.6em #ffa02899}@keyframes signal-flash{0%{opacity:0}20%{opacity:1}35%{opacity:.15}55%{opacity:1}70%{opacity:.4}to{opacity:1}}.screen.outcome{z-index:30;gap:calc(var(--h)*.12)}.screen.outcome.defeat h1{background:linear-gradient(#ffb090,#e0301c 50%,#6a0c08);-webkit-background-clip:text;background-clip:text}.score-columns{display:flex;justify-content:space-around;gap:calc(var(--h)*.12);flex-wrap:wrap}.score-sheet{display:flex;gap:calc(var(--h)*.07);box-sizing:border-box;flex-direction:column;width:100%;min-width:0}.score-summary{display:flex;justify-content:space-around;gap:calc(var(--h)*.05)calc(var(--h)*.1);padding-bottom:calc(var(--h)*.06);border-bottom:1px solid #ffe69640;flex-wrap:wrap}.score-summary .fact{display:flex;flex-direction:column;align-items: center;line-height:1.25}.score-summary small{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:calc(var(--text)*.78)}.score-summary b{color:#fff;font-size:calc(var(--text)*1.35);font-weight:400}.score-summary em{color:#9fe07a;font-style:normal;font-size:calc(var(--text)*.8);min-height:1.2em}.score-tabs{display:flex;justify-content:center;gap:calc(var(--h)*.04);flex-wrap:wrap}.score-tabs .menu-button{font-size:calc(var(--text)*.9);min-width:0;padding:.25em .9em}.score-tabs.small .menu-button{font-size:calc(var(--text)*.8)}.score-body{min-height:calc(var(--h)*.9);display:flex;justify-content:center;align-items: flex-start;width:100%}.score{border-collapse:collapse;font-size:var(--text);width:100%}.score th{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:calc(var(--text)*.78);text-align:right;border-bottom:1px solid #ffe69640;padding:.3em .7em .5em;font-weight:400}.score th:first-child{text-align:left}.score td.who{text-align:left;color:#fff;white-space:nowrap}.score td.who small{color:var(--gold);margin-left:.6em;font-size:.8em}.score tr.mine td{background:#ffe69612}.score .swatch,.score-legend .swatch{display:inline-block;vertical-align:-.05em;border:1px solid #000;width:.8em;height:.8em;margin-right:.5em}.score-chart-box{display:flex;align-items: center;gap:calc(var(--h)*.04);flex-direction:column;width:100%}.score-chart{aspect-ratio:760/260;width:min(100%,760px)}.score-legend{display:flex;font-size:calc(var(--text)*.9);color:#c8ccd4;gap:1.4em}.score caption{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:calc(var(--text)*.9);border-bottom:1px solid #ffe69640;padding-bottom:.5em}.score td{text-align:right;color:#e4e6ea;padding:.32em .7em}.score tr:first-of-type td{padding-top:.6em}#countdowns{position:absolute;top:calc(var(--h)*.5);display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:.2em;left:50%;transform:translate(-50%)}#countdowns .countdown{display:flex;color:var(--gold);font-size:calc(var(--text)*1.05);background:#080a10b8;border:1px solid #ffe69666;align-items:baseline;gap:.8em;padding:.2em .9em}#countdowns .countdown b{color:#fff;font-variant-numeric:tabular-nums;font-size:1.25em;font-weight:400}#countdowns .countdown.low b{color:#ff5040}#scoreboard{position:absolute;top:calc(var(--h)*.36);right:calc(var(--h)*.08);min-width:calc(var(--h)*1.3);font-size:var(--text);color:#e4e6ea;pointer-events:none;background:#080a10b8;border:1px solid #ffe69666;padding:.4em .8em}#scoreboard h3{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffe69640;margin:0 0 .3em;padding-bottom:.25em;font-size:.9em;font-weight:400}#scoreboard .row{display:flex;justify-content:space-between;gap:1.5em;line-height:1.5}#scoreboard .row b{color:#fff;font-variant-numeric:tabular-nums;font-weight:400}.dialog.choice .menu-button{min-width:60%}.for-touch{display:none}body.touch .for-touch{display:inline}body.touch .for-keys{display:none}body.touch #hud,body.touch .screen{--h:clamp(96px,min(34vh,17.5vw),260px);--bar:clamp(26px,min(6.4vh,3.6vw),40px)}#hud,.screen,#minimap{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.screen .panel-box,.save-list,.dialog{touch-action:pan-y}body.touch .letterbox .skip{color:#d8dce4;padding:1em 1.4em}#touchbar{position:absolute;right:calc(var(--h)*.08);bottom:calc(var(--h) + var(--h)*.08);display:none;align-items:stretch;gap:calc(var(--h)*.05);pointer-events:none;flex-direction:column}body.touch #touchbar{display:flex}#hud .touch-button{pointer-events:auto;min-width:calc(var(--h)*.78);min-height:max(44px,calc(var(--h)*.26));padding:0 calc(var(--h)*.1);font-size:calc(var(--text)*1.05);color:var(--gold);border-radius:calc(var(--h)*.04)}#hud .touch-button:active{filter:brightness(1.35)}.touch-note{max-width:calc(var(--h)*1.5);border:1px solid var(--gold-dim);border-radius:calc(var(--h)*.03);color:var(--gold);font-size:calc(var(--text)*.9);text-align:right;background:#000000b8;align-self: flex-end;padding:.35em .7em;line-height:1.25}#hud .touch-button.plus.on{color:#10140c;background:var(--gold);border-color:#fff6c8 var(--trim-dark)var(--trim-dark)#fff6c8;text-shadow:none;box-shadow:0 0 calc(var(--h)*.08)var(--gold)}.interlude-skip{position:absolute;right:calc(var(--h)*.12);bottom:calc(var(--h)*.12);min-width:calc(var(--h)*.7);min-height:max(44px,calc(var(--h)*.24));padding:0 calc(var(--h)*.1);border-radius:calc(var(--h)*.04);color:#c8ccd4;pointer-events:auto;background:#00000073;border:1px solid #5c6068}body.touch .interlude-skip.for-touch{display:block}