@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-C6FIENGV.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/cormorantgaramond-BdVZZfm5.woff2) format("woff2")}:root{font-family:Inter,Arial,sans-serif;color:#e9e0c8;background:#172119;font-synthesis:none;--gold:#c6a76a;--wood:#292b22;--panel:#20251f;--line:#5f5c44;--muted:#a7ac97;--blue:#81adba;--bottom:207px;--top:64px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0}#game canvas{display:block}button,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,select:focus-visible{outline:2px solid #edcd8f;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.4}button:not(:disabled):hover{color:#fff1cc}img{pointer-events:none}#interface{position:fixed;inset:0;pointer-events:none}#interface button,#interface select,#minimap{pointer-events:auto}kbd{font:10px Inter,sans-serif;color:#aea98e;border:1px solid #68664f;min-width:17px;padding:2px 4px;border-radius:2px;text-align:center;background:#151b18}#topbar{position:absolute;inset:0 0 auto;height:var(--top);display:flex;align-items:center;gap:26px;padding:0 22px;background:linear-gradient(180deg,#393a2e,#252b22 80%);border-bottom:3px solid #8c7c51;box-shadow:0 5px 16px #0006;pointer-events:auto}#topbar:after,#bottom:before{content:"";height:1px;position:absolute;left:0;right:0;background:#d5b77b66;bottom:2px}.wordmark{display:flex;align-items:center;gap:9px;min-width:178px}.wordmark svg{height:40px;width:36px}.wordmark>span{font:600 19px Cormorant Garamond,Georgia,serif;letter-spacing:1.4px}.wordmark small{display:block;font:8px Inter,sans-serif;letter-spacing:3.1px;color:var(--gold);margin-top:2px}.resources{display:flex;align-items:center;justify-content:center;gap:23px;flex:1}.resource{display:flex;align-items:center;gap:4px;min-width:90px;position:relative}.resource img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 2px #0006)}.resource small{display:block;font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#c6c3a9}.resource b{font:500 21px Cormorant Garamond,Georgia,serif;font-variant-numeric:tabular-nums;line-height:1.15}.resource em{font-style:normal;font-size:9px;align-self:flex-end;margin-bottom:3px;color:#a5ae90}.resource.pop{border-left:1px solid #ffffff18;padding-left:20px;min-width:108px}.pop-icon{font-size:30px;margin-right:4px;color:#c9be97}.capped b{color:#e3a77e}.top-actions{display:flex;align-items:center;gap:10px}.top-actions time{font-size:11px;font-variant-numeric:tabular-nums;color:#bcbda6;margin-right:8px}.top-actions button{height:29px;min-width:29px;border:1px solid #77755566;background:#131c1670;font-size:19px;line-height:1}.top-actions button:hover{background:#7c714940}#objective{position:absolute;top:83px;left:24px;display:flex;align-items:center;gap:12px;padding:13px 14px;background:linear-gradient(90deg,#18231bd9,#18231baf);border-left:2px solid var(--gold);box-shadow:0 3px 10px #0002;max-width:440px}.objective-mark{font-size:28px;color:var(--gold)}#objective small{display:block;font-size:8px;letter-spacing:2px;color:var(--gold);margin-bottom:5px}#objective strong{display:block;font:600 17px Cormorant Garamond,Georgia,serif}#objective-detail{display:block;font-size:10px;color:#c5c8b3;margin-top:4px}#objective button{align-self:flex-start;border:1px solid #85886b;border-radius:50%;font-size:10px;width:18px;height:18px;margin-left:12px;padding:0}#bottom{position:absolute;left:0;bottom:22px;right:0;height:185px;display:grid;grid-template-columns:258px minmax(360px,1fr) minmax(380px,1.05fr);gap:0;background:linear-gradient(125deg,#33352a,#232920 40%,#292e24);border-top:4px solid #9b8657;box-shadow:0 -5px 20px #0005;pointer-events:auto}#bottom:before{top:2px;bottom:auto}.map-panel{border-right:1px solid #76745580;padding:7px 12px 4px}.panel-label{display:flex;justify-content:space-between;align-items:center;color:#b9b69b;font-size:8px;letter-spacing:1.5px;height:17px}.panel-label button{font-size:15px;line-height:1;color:#dbc891}.map-panel .panel-label{height:14px}#minimap{display:block;width:232px;height:138px;background:#132017;border:1px solid #6d7153;cursor:crosshair;box-shadow:inset 0 0 14px #0008}.map-bottom{font-size:7px;letter-spacing:.8px;display:flex;align-items:center;gap:6px;padding-top:5px;color:#acae97}.team-dot{width:5px;height:5px;background:#89b9c6;display:inline-block}.compass{margin-left:auto;font-size:9px;color:#cfc49e}.selection-panel{padding:17px 20px 10px;border-right:1px solid #76745580;position:relative;overflow:hidden}.entity-selection{display:flex;gap:16px}.portrait{width:103px;height:115px;flex-shrink:0;background:radial-gradient(ellipse,#77745050,#101a1755);border:1px solid #7d765450;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait img{width:100%;height:92px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 4px 3px #0008)}.portrait span{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#151f18b8;font-size:6px;letter-spacing:1px;color:#c3c4ab;padding:5px 1px}.entity-info{min-width:0;flex:1}.entity-info small,.group-selection>small,.empty-selection small{font-size:8px;letter-spacing:1.3px;color:var(--gold)}h3{font:600 23px Cormorant Garamond,Georgia,serif;margin:4px 0 8px;line-height:1}.entity-info p,.empty-selection p,.group-selection p{font-size:10px;line-height:1.65;color:#b8bea9;margin:9px 0}.health-track,.progress-track{height:5px;background:#111b16;border:1px solid #7e795440}.health-track i{height:100%;display:block;background:linear-gradient(90deg,#5e844a,#8fa76c)}.health-caption{font-size:8px;color:#a7b79c;margin-top:5px;display:flex;justify-content:space-between;gap:6px}.health-caption span{color:#bdba9d}.empty-selection{height:140px;display:flex;align-items:center;gap:23px}.mini-crest{width:55px;flex-shrink:0}.empty-selection h3{font-size:23px;margin-top:9px}.commands-panel{padding:12px 18px}#commands{display:flex;gap:7px;margin-top:10px;align-items:flex-start}.command{position:relative;flex:0 1 97px;min-width:76px;height:117px;display:flex;align-items:center;flex-direction:column;background:linear-gradient(155deg,#85805c22,#161f1860);border:1px solid #6b6c5066;padding:3px 3px 8px;transition:background .12s,border-color .12s}.command:not(:disabled):hover{background:linear-gradient(155deg,#aea07145,#3f4e3380);border-color:#c9b374;box-shadow:0 0 10px #c5a66a17}.command:active:not(:disabled){transform:translateY(1px)}.command kbd{position:absolute;top:4px;left:4px;font-size:8px;z-index:1}.command img{width:76px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}.command strong{font-size:9px;font-weight:500;margin:2px 0 6px}.command small{font-size:8px;color:#c1b78e;white-space:nowrap}.cost-wood{color:#d0b287}.cost-food{color:#aebd83}.cost-gold{color:#d8bd65}.cost-stone{color:#bbc0b9}.action-command>span{font-size:35px;height:70px;display:flex;align-items:center;color:#b1b79b}.action-command{flex-basis:112px}.action-command small{font-size:7px}.command-note{padding:20px 10px;max-width:340px}.command-note b{font:600 20px Cormorant Garamond,Georgia,serif;color:#d4c396}.command-note p{font-size:11px;line-height:1.7;color:#b5bda6}#hintbar{height:22px;position:absolute;bottom:0;left:0;right:0;background:#182019;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:8px;color:#8c9683;border-top:1px solid #474d37}#hintbar b{color:#bdbea3;font-weight:500}#queue{position:absolute;bottom:10px;left:139px;right:20px}.queue-label{font-size:7px;letter-spacing:1px;color:#c0b887;display:flex;justify-content:space-between;margin-bottom:4px}.queue-items{height:23px;display:flex;gap:2px;margin-top:4px}.queue-items img{width:24px;height:23px;object-fit:contain;background:#172018;border:1px solid #5c6544}.queue-items button{border:1px solid #6c6148;margin-left:auto;height:23px;color:#cab88f}.progress-track i{display:block;height:100%;background:var(--gold)}.group-portraits{display:flex;gap:12px}.group-portraits>div{display:flex;gap:5px;align-items:center;font-size:9px;color:#cac8ac}.group-portraits img{width:45px;height:50px;object-fit:contain}.group-selection h3{margin-bottom:5px}#toast{position:absolute;top:174px;left:50%;transform:translate(-50%,-8px);background:#19271eed;border:1px solid #919064;color:#e5dcbd;padding:11px 20px;max-width:600px;font-size:12px;text-align:center;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 6px 30px #0004;z-index:20}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{background:#35231eeb;border-color:#b07f55}#placement{position:absolute;left:50%;bottom:225px;transform:translate(-50%);background:#18251deb;border:1px solid #a08e5d;padding:10px 14px;display:none;align-items:center;gap:28px;font-size:12px;box-shadow:0 4px 14px #0005}#placement.visible{display:flex}#placement button{font-size:10px;color:#c5c4a6}#placement kbd{margin-left:4px}#overlay{position:absolute;inset:0;z-index:50;display:none;pointer-events:auto}#overlay.visible{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#0c171033,#0b130eb5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-panel{width:540px;text-align:center;padding:35px 46px 29px;background:linear-gradient(140deg,#263128f7,#17261ff5);border:1px solid #9d895c;box-shadow:0 0 0 5px #182019aa,0 0 0 6px #93855c55,0 25px 100px #0007;position:relative}.intro-panel:before,.intro-panel:after,.menu-panel:before,.help-panel:before{content:"◆";position:absolute;color:#b7a16b;top:-8px;left:50%;transform:translate(-50%);font-size:13px;text-shadow:0 0 4px #19251b}.intro-panel:after{top:auto;bottom:-8px}.intro-crest{width:67px;margin:0 auto 18px;filter:drop-shadow(0 4px 6px #0006)}.eyebrow{font-size:8px;letter-spacing:3px;color:#bbaa7b;margin:0 0 13px}h1{font:600 57px Cormorant Garamond,Georgia,serif;letter-spacing:4px;color:#f0dfb5;margin:0;text-shadow:0 3px 3px #0005;line-height:1.05}.title-rule{display:flex;align-items:center;gap:18px;margin:13px 0 23px;color:#b5b596;font-size:9px;letter-spacing:4px}.title-rule:before,.title-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#9d9063)}.title-rule:after{transform:rotate(180deg)}.intro-copy{font:500 21px/1.5 Cormorant Garamond,Georgia,serif;color:#d0d3bc;margin:0 0 27px}.match-options{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#b7bda4;padding:12px 0;border-top:1px solid #9b976b44}.match-options label{letter-spacing:0;font-size:9px;color:#b9bca5}.match-options select{margin-left:7px;padding:6px;border:1px solid #686e52;background:#1b281f;color:#ded8b7;font-size:10px;outline-offset:1px}.primary{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;padding:15px 20px;background:linear-gradient(#c6aa6c,#aa8d52);color:#222d22;font:600 20px Cormorant Garamond,Georgia,serif;border:1px solid #ddc58c;box-shadow:inset 0 0 0 3px #57482133,0 4px 8px #0003;letter-spacing:.3px}.primary:not(:disabled):hover{background:linear-gradient(#ddc18b,#b99b60);color:#132019}.primary span{margin-left:auto;font:16px Inter,sans-serif}.primary:active{transform:translateY(1px)}.intro-secondary{display:flex;justify-content:center;gap:30px;margin-top:17px}.intro-secondary button,.text-button{font-size:10px;color:#b8bba4;border-bottom:1px solid #9f9a6444;padding:4px 0}.intro-features{display:flex;gap:17px;justify-content:center;margin-top:31px;font-size:7px;letter-spacing:2px;color:#a0a98e}.intro-features i{font-size:5px;font-style:normal;color:var(--gold)}.intro-foot{position:absolute;bottom:18px;text-align:center;font-size:8px;letter-spacing:1px;color:#b5bba299}.menu-panel,.help-panel{position:relative;padding:36px;text-align:center;background:linear-gradient(135deg,#2b3529f7,#19281ffb);border:1px solid #9d895c;box-shadow:0 0 0 5px #182019aa,0 0 0 6px #93855c44,0 30px 90px #0006;width:440px}.menu-panel .mini-crest{margin:0 auto 20px}.menu-panel h2,.help-panel h2{font:600 39px Cormorant Garamond,Georgia,serif;margin:0 0 24px;color:#e9d9b0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.menu-grid button{border:1px solid #74765377;background:#ffffff06;padding:11px;font-size:11px}.menu-grid button:hover{background:#9c956222}.muted{font-size:9px;color:#9aa58e;margin-top:20px}.help-panel{width:790px;padding:32px 38px;max-height:calc(100vh - 60px);overflow:auto}.help-panel h2{font-size:33px;margin-bottom:23px}.help-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;text-align:left}.help-steps article{position:relative;padding-left:34px}.help-steps article>b{position:absolute;top:0;left:0;font:500 22px Cormorant Garamond,Georgia,serif;color:#b09b66}.help-steps h3{font-size:20px;line-height:1.15;color:#ded4b1;margin:0 0 8px}.help-steps p{font-size:11px;line-height:1.7;color:#b7bea7;margin:0}.hotkeys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;text-align:left;padding:23px 0;margin:20px 0 0;border-top:1px solid #a9a06b44}.hotkeys span{font-size:9px;color:#b4bda4;white-space:nowrap}.hotkeys kbd{margin-right:5px;font-size:8px}.help-panel .primary{width:270px;margin:auto;font-size:19px}.end-panel{width:520px}.end-panel h2{font-size:62px;margin-bottom:10px}.match-stats{display:flex;justify-content:space-around;margin:25px 0;color:#aab398;font-size:7px;letter-spacing:1px}.match-stats b{display:block;font:500 29px Cormorant Garamond,Georgia,serif;color:#ded0a4;margin-bottom:8px}.end-panel .text-button{margin-top:17px}#small-screen{display:none;position:absolute;inset:0;background:#1e2c23;z-index:100;align-items:center;justify-content:center;text-align:center;padding:40px;pointer-events:auto}#small-screen>div{max-width:360px}#small-screen svg{width:65px}#small-screen h2{font:500 33px Cormorant Garamond,Georgia,serif;color:#e5d4aa}#small-screen p{font-size:13px;line-height:1.8;color:#b5c0a8}@media(min-width:1600px){#bottom{grid-template-columns:280px minmax(450px,1fr) minmax(460px,1fr)}.map-panel{padding-left:22px}.commands-panel{padding-left:24px}.command{flex-basis:110px}}@media(max-width:1200px){#topbar{gap:12px;padding:0 14px}.wordmark{min-width:145px}.wordmark>span{font-size:16px;letter-spacing:.7px}.wordmark small{letter-spacing:2px;font-size:7px}.wordmark svg{height:35px;width:30px}.resources{gap:10px}.resource{min-width:77px}.resource.pop{padding-left:10px;min-width:94px}.top-actions{gap:5px}.top-actions time{margin-right:2px}#bottom{grid-template-columns:238px minmax(330px,1fr) 360px}.map-panel{padding-left:7px}#minimap{width:222px}.selection-panel{padding-left:12px;padding-right:12px}.portrait{width:85px}.entity-selection{gap:10px}.entity-info h3{font-size:21px}.entity-info p{font-size:9px}.commands-panel{padding-left:10px;padding-right:10px}.command{min-width:75px}.command img{width:66px}.command strong{font-size:8px}#queue{left:107px;right:12px}.health-caption span{font-size:7px}.resource img{width:31px;height:31px}#hintbar{font-size:7px}#objective{top:79px;left:17px}}@media(max-height:760px){.intro-panel{padding-top:22px;padding-bottom:22px}.intro-crest{width:52px;margin-bottom:12px}.intro-copy{font-size:19px;margin-bottom:18px}.intro-features{margin-top:23px}h1{font-size:49px}.intro-panel .eyebrow{font-size:7px}.help-panel{padding:24px 30px}.help-panel h2{margin-bottom:15px}.help-steps{gap:12px 23px}.help-steps p{font-size:10px}.hotkeys{margin-top:15px;padding:17px 0;gap:9px}.intro-foot{display:none}}@media(max-width:959px),(max-height:539px){#small-screen{display:flex}}