:root{--hud-gold:#d9b25f;--hud-gold-hi:#f6dc98;--hud-gold-lo:#8a6a3a;--hud-iron:#120e0a;--hud-bronze:#2c2117;--hud-ivory:#f4e7c5;--hud-muted:#cdb88f;--hud-parch-hi:#f6e6bb;--hud-parch-lo:#d2b16c;--hud-ink:#2a1a0e;--hud-display:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--hud-sans:"Trebuchet MS",Arial,sans-serif;--hud-band:linear-gradient(#2a2019,#120d09);--hud-plate:linear-gradient(#2e2219,#16100c);--hud-medal:radial-gradient(circle at 50% 35%,#4a3322,#140d09 75%);--hud-frame:inset 0 0 0 1px #0b0806,inset 0 0 0 2px var(--hud-gold-lo),0 0 0 1px var(--hud-gold),0 8px 22px #000b}.hud-soon{box-shadow:0 0 0 1px var(--hud-gold-lo);color:var(--hud-gold-hi);font:700 11px/1.1 var(--hud-sans);letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;background:#3a2a1b;border-radius:7px;padding:1px 5px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.hud-top{box-sizing:border-box;color:var(--hud-ivory);align-items:center;gap:12px;display:flex}.hud-top.hud-top-standalone{z-index:20;height:var(--hud-top,64px);padding:0 12px;padding-top:env(safe-area-inset-top);background:var(--hud-band);box-shadow:inset 0 -1px 0 var(--hud-gold),inset 0 -3px 0 #0b0806,inset 0 -4px 0 #6f5431aa,0 6px 16px #0009;position:relative}.hud-top .hud-back{background:var(--hud-medal);width:44px;height:44px;box-shadow:inset 0 2px 3px #000b,0 0 0 1px var(--hud-gold-lo);color:var(--hud-ivory);font:22px/1 var(--hud-sans);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}@media (hover:hover){.hud-top .hud-back:hover{box-shadow:inset 0 2px 3px #000b,0 0 0 1.5px var(--hud-gold-hi)}}.hud-top .hud-back>.game-icon{width:28px;height:28px}.hud-top .hud-brand{flex:none;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.hud-top .hud-banner{width:34px;height:auto;max-height:calc(var(--hud-top,64px) + 14px);filter:drop-shadow(0 4px 4px #000a);align-self:flex-start;margin-top:-2px}.hud-top .hud-logo{filter:drop-shadow(0 2px 3px #000b);flex:none;width:46px;height:46px}.hud-top .hud-wordmark{flex-direction:column;justify-content:center;min-width:0;line-height:1;display:flex}.hud-top .hud-logo-text{font:normal 25px/1 var(--hud-display);letter-spacing:.06em;color:#e8c878;text-shadow:0 1px #6b4a1f,0 2px 3px #000c}.hud-top .hud-village{align-items:baseline;gap:6px;min-width:0;margin-top:3px;display:flex}.hud-top .hud-village :is(h1,.hud-title){font:600 11px/1.2 var(--hud-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-ivory);white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0;overflow:hidden}.hud-top .estate-people-name,.hud-people{min-width:0;font:600 11px/14px var(--hud-sans);color:var(--people-light,var(--hud-gold-hi));white-space:nowrap;text-shadow:0 1px 2px #160f08;align-items:center;gap:4px;display:flex}:is(.hud-top .estate-people-name,.hud-people)>b{background:var(--people,#6f5431);color:#fff7e2;width:15px;height:15px;font:700 11px/1 var(--hud-sans);border-radius:3px 3px 8px 8px;flex:none;place-items:center;display:inline-grid;box-shadow:0 0 0 1px #d5b575a0}.hud-top .hud-resources{gap:5px;min-width:0;margin-inline-start:auto;display:flex}.hud-top .hud-res{box-sizing:border-box;height:44px;min-height:44px;color:var(--hud-ivory);background:linear-gradient(#0c0907e6,#1d150fdd);border-radius:22px;grid-template-rows:auto auto;grid-template-columns:26px auto;align-items:center;column-gap:6px;padding-block:3px;padding-inline:6px 12px;display:grid;box-shadow:inset 0 2px 4px #000c,inset 0 -1px #d9b25f33,0 0 0 1px #6f5431}.hud-top .hud-res>:is(svg,.game-icon,img){grid-row:1/3;width:26px;height:26px}.hud-top .hud-res strong{font:600 15px/1.1 var(--hud-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-top .hud-res small{font:11px/1.1 var(--hud-sans);color:var(--hud-gold);white-space:nowrap;font-variant-numeric:tabular-nums}.hud-top .hud-player{min-height:44px;color:var(--hud-ivory);cursor:pointer;text-align:start;touch-action:manipulation;background:0 0;border:0;border-radius:28px;flex:none;align-items:center;gap:9px;padding-block:0;padding-inline:0 10px;text-decoration:none;display:flex}@media (hover:hover){.hud-top .hud-player:hover .hud-portrait{box-shadow:0 0 0 2px var(--hud-gold-hi),0 0 14px #f6dc9866}}.hud-top .hud-player[aria-expanded=true] .hud-portrait{box-shadow:0 0 0 2px var(--hud-gold-hi),0 0 16px #f6dc9888}.hud-portrait{box-sizing:border-box;background:conic-gradient(var(--people-light,#f4d58f) calc(var(--xp,0)*1turn),#0b0705 0);width:52px;height:52px;box-shadow:0 0 0 1.5px var(--hud-gold),0 3px 8px #000b;border-radius:50%;flex:none;place-items:center;padding:3px;display:grid;position:relative}.hud-portrait>img{object-fit:cover;object-position:50% 18%;background:#3a281b;border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 2px #1b120b}.hud-portrait>.game-icon{width:30px;height:30px}.hud-portrait .estate-hero-level,.hud-level{inset-inline-end:-5px;box-sizing:border-box;min-width:20px;height:20px;box-shadow:0 0 0 1.5px var(--people-light,#f4d58f);color:#fff1ca;font:700 11px/1 var(--hud-sans);font-variant-numeric:tabular-nums;background:linear-gradient(#3a281b,#1b120b);border-radius:10px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-3px}.hud-top .hud-player-copy{gap:2px;min-width:92px;display:grid}.hud-top .hud-player-copy strong{font:normal 16px/1.1 var(--hud-display);color:#fbecc6}.hud-top .hud-player-copy small{font:600 11px/1.1 var(--hud-sans);color:var(--hud-muted);letter-spacing:.04em}.hud-player-copy .hud-xp{background:#0b0705;border-radius:3px;width:100px;height:5px;margin-top:2px;display:block;overflow:hidden;box-shadow:inset 0 1px 1px #000,0 0 0 1px #6f5431}.hud-player-copy .hud-xp>i{background:linear-gradient(90deg,var(--people,#b8863b),var(--people-light,#f4d58f));height:100%;transform:scaleX(var(--xp-fill,0));transform-origin:0;display:block}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .hud-player-copy .hud-xp>i,.hud-player-copy .hud-xp>i:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transform-origin:100%}@media (prefers-reduced-motion:no-preference){.hud-player-copy .hud-xp>i{transition:transform .6s cubic-bezier(.2,.8,.2,1)}}.hud-command{box-sizing:border-box;background:var(--hud-plate);height:72px;box-shadow:var(--hud-frame);border-radius:6px;justify-content:center;padding:0;display:flex}.hud-command.hud-command-standalone{margin:0 auto;position:relative}.hud-command:before{content:"";background:linear-gradient(135deg,var(--hud-gold-hi),var(--hud-gold-lo));pointer-events:none;width:12px;height:12px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 0 2px #120d09}.hud-command .hud-command-tiles{align-items:stretch;gap:0;width:auto;height:100%;display:flex}.hud-command .hud-tile{box-sizing:border-box;border:0;width:92px;min-width:44px;height:100%;min-height:44px;box-shadow:none;color:var(--hud-ivory);text-shadow:0 1px 2px #000;opacity:1;font:600 11px/1 var(--hud-sans);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border-inline-start:1px solid #8a6a3a55;border-radius:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:4px 2px;text-decoration:none;display:flex;position:relative}.hud-command .hud-tile:first-child{border-inline-start:0}.hud-tile-medal{background:var(--hud-medal);width:42px;height:42px;box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px var(--hud-gold-lo),0 2px 3px #0007;border-radius:50%;flex:none;place-items:center;transition:transform .15s ease-out,box-shadow .15s ease-out;display:grid}.hud-tile-medal>.game-icon{width:30px;height:30px}.hud-tile-medal{position:relative}.hud-tile-badge{top:-5px;box-sizing:border-box;color:#fff4d8;min-width:18px;height:18px;font:700 11px/18px var(--hud-sans);letter-spacing:0;text-transform:none;text-align:center;text-shadow:none;box-shadow:0 0 0 1.5px #120d09,0 0 0 2.5px var(--hud-gold-lo);pointer-events:none;background:#8e2b1f;border-radius:9px;padding:0 4px;position:absolute;inset-inline-end:-9px}.hud-tile-badge[data-tone=calm]{color:var(--hud-gold-hi);background:linear-gradient(#4a3822,#241a10)}@media (hover:hover){.hud-command .hud-tile:hover:not(:disabled){background:linear-gradient(#d9b25f00,#d9b25f18)}.hud-command .hud-tile:hover:not(:disabled) .hud-tile-medal{box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px var(--hud-gold-hi),0 0 12px #f6dc9866;transform:translateY(-2px)}}.hud-command .hud-tile:is([aria-pressed=true],[aria-current=page]){color:var(--hud-ink);text-shadow:none;background:linear-gradient(var(--hud-parch-hi),var(--hud-parch-lo));box-shadow:inset 0 0 0 1px #8a6a3a,inset 0 -3px 0 var(--people,#b8863b)}.hud-command .hud-tile:is([aria-pressed=true],[aria-current=page]) .hud-tile-medal{box-shadow:inset 0 2px 4px #000a,0 0 0 2px #6f5431}.hud-command .hud-tile[data-accent=people] .hud-tile-medal{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--people,#7a2c22) 60%,#2a1b10),#140d09 78%);box-shadow:inset 0 2px 4px #000c,0 0 0 2px var(--people-light,#f4d58f),0 2px 3px #0007}.hud-command .hud-tile:disabled{opacity:1;cursor:default;color:#9d8a6a}.hud-command .hud-tile:disabled .hud-tile-medal{filter:grayscale(.6)brightness(.8)}.hud-command .hud-tile .hud-soon{top:3px}.hud-command .hud-tile[data-locked=true]{color:#b9a47f}.hud-command .hud-tile[data-locked=true] .hud-tile-medal>.game-icon{opacity:.62;filter:grayscale(.5)}.hud-tile-lock{top:-4px;width:20px;height:20px;box-shadow:0 0 0 1px var(--hud-gold-lo,#8a6a3a),0 1px 2px #000a;color:var(--hud-gold-hi,#f6dc98);background:linear-gradient(#4a3822,#241a10);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:-8px}.hud-tile-lock>.game-icon{width:14px;height:14px}.hud-round{cursor:pointer;width:44px;height:44px;color:var(--hud-ivory);font:20px/1 var(--hud-sans);box-shadow:inset 0 2px 3px #000b,0 0 0 1px var(--hud-gold-lo);opacity:1;background:radial-gradient(circle at 50% 35%,#3a281b,#130d09 75%);border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover){.hud-round:hover:not(:disabled){box-shadow:inset 0 2px 3px #000b,0 0 0 1.5px var(--hud-gold-hi)}}.hud-round:disabled{opacity:.45;cursor:default}.hud-round>.game-icon{width:28px;height:28px}.hud-panel{box-sizing:border-box;color:var(--hud-ivory);background:var(--hud-plate);box-shadow:var(--hud-frame);font:14px/1.4 var(--hud-sans);border-radius:8px;position:relative;overflow:hidden}.hud-panel-head{min-height:52px;box-shadow:inset 0 -1px 0 var(--hud-gold-lo);background:linear-gradient(#3a2a1d,#20170f);align-items:center;gap:10px;padding-block:6px;padding-inline:14px 8px;display:flex}.hud-panel-head>.game-icon{flex:none;width:30px;height:30px}.hud-panel-head :is(h2,h3){min-width:0;font:normal 20px/1.15 var(--hud-display);color:#fbecc6;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.hud-panel-head .hud-panel-extra{align-items:center;gap:6px;display:flex}.hud-panel-body{padding:12px 14px 14px}.hud-panel[data-tone=parchment] .hud-panel-body{color:var(--hud-ink);background:linear-gradient(#f3e3b8,#e6d09c)}.hud-close{cursor:pointer;background:var(--hud-medal);width:44px;height:44px;color:var(--hud-ivory);border:0;border-radius:50%;flex:none;place-items:center;padding:0;font:24px/1 Georgia,serif;display:grid;box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px #a8864f}@media (hover:hover){.hud-close:hover{box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px var(--hud-gold-hi)}}.hud-sheet{box-sizing:border-box;width:min(760px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--hud-ivory);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.hud-sheet::backdrop{-webkit-backdrop-filter:blur(6px)saturate(.8)brightness(.9);backdrop-filter:blur(6px)saturate(.8)brightness(.9);background:radial-gradient(70% 65% at 50% 52%,#180f0875 0%,#080604b8 100%)}@media (width>=601px){.hud-sheet>.hud-panel{box-shadow:var(--hud-frame,0 0 0 1px #d5b57588),0 30px 80px #000000b3,0 0 110px 14px #d5b57533}}.hud-sheet:not([open]){display:none}.hud-sheet>.hud-panel{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow:auto}@media (width>=901px){.hud-sheet,.hud-sheet>.hud-panel{max-height:calc(100dvh - 190px)}}.hud-sheet-grip{display:none}@media (width<=600px){.hud-sheet{width:100vw;max-height:94dvh;margin:auto 0 0}.hud-sheet>.hud-panel{max-height:94dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}.hud-sheet-grip{background:#cdb88f66;border-radius:3px;width:40px;height:5px;margin:6px auto 0;display:block}}@media (prefers-reduced-motion:no-preference){.hud-sheet[open]>.hud-panel{animation:.22s cubic-bezier(.2,.8,.2,1) hud-sheet-in}@keyframes hud-sheet-in{0%{opacity:0;transform:translateY(24px)}}.hud-sheet[open]::backdrop{animation:.22s ease-out hud-backdrop-in}.hud-sheet[data-closing]>.hud-panel{animation:.14s ease-in forwards hud-sheet-out}.hud-sheet[data-closing]::backdrop{animation:.14s ease-in forwards hud-backdrop-out}.hud-sheet[data-closing]{pointer-events:none}}@keyframes hud-backdrop-in{0%{opacity:0}}@keyframes hud-backdrop-out{to{opacity:0}}@keyframes hud-sheet-out{to{opacity:0;transform:translateY(16px)}}.hud-btn{min-height:48px;color:var(--hud-ivory);cursor:pointer;font:600 15px/1.1 var(--hud-sans);background:#ffffff0a;border:1px solid #8f7042;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:6px 18px;text-decoration:none;display:inline-flex}@media (hover:hover){.hud-btn:hover:not(:disabled){border-color:var(--hud-gold);background:#ffffff14}}.hud-btn.hud-btn-primary{color:var(--hud-ink);background:linear-gradient(#fbe3a4,#d9ae5d 55%,#b8863b);border:0;box-shadow:inset 0 1px #fff8e0,inset 0 -2px #8b602d,0 4px 12px #0007}@media (hover:hover){.hud-btn.hud-btn-primary:hover:not(:disabled){background:linear-gradient(#ffecb8,#e4bb6a 55%,#c4904a)}}.hud-btn:disabled{opacity:.5;cursor:default}.hud-btn>.game-icon{width:28px;height:28px}:is(.hud-top,.hud-command,.hud-panel,.hud-sheet) :is(button,a,[tabindex]):focus-visible,.hud-round:focus-visible,.hud-btn:focus-visible{outline:2px solid var(--hud-gold-hi);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.hud-tile-medal{transition:none}.hud-command .hud-tile:hover:not(:disabled) .hud-tile-medal{transform:none}}.hud-delta{z-index:3;pointer-events:none;white-space:nowrap;font:700 12px/1.2 var(--hud-sans);font-variant-numeric:tabular-nums;border-radius:9px;padding:1px 6px;animation:1.8s cubic-bezier(.2,.8,.2,1) forwards hud-delta-rise;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #000a}.hud-delta[data-delta=spend]{color:#ffd6c8;background:#5a1d16;box-shadow:0 0 0 1px #d0715e,0 2px 6px #000a}.hud-delta[data-delta=gain]{color:#ffe9a6;box-shadow:0 0 0 1px var(--hud-gold),0 2px 6px #000a;background:#3d3212}@keyframes hud-delta-rise{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)}}@media (prefers-reduced-motion:reduce){.hud-delta{animation:1.4s step-end forwards hud-delta-fade}@keyframes hud-delta-fade{0%{opacity:1}to{opacity:0}}}:is(.settlement-resource,.hud-res,.hud-stock-item):has(>.hud-delta[data-delta=spend]){box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px #d0715e}:is(.settlement-resource,.hud-res,.hud-stock-item):has(>.hud-delta[data-delta=gain]){box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px var(--hud-gold-hi)}.settlement-resource,.hud-res{position:relative}.hud-stock-strip{background:var(--hud-band);box-shadow:inset 0 -1px 0 var(--hud-gold-lo);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px 6px 7px;display:grid}.hud-stock-item{min-height:40px;color:var(--hud-ivory);background:linear-gradient(#0c0907e6,#1d150fdd);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:4px;padding-block:3px;padding-inline:4px 6px;display:grid;position:relative;box-shadow:inset 0 2px 4px #000c,0 0 0 1px #6f5431}.hud-stock-item>svg{grid-row:1/3;width:22px;height:22px}.hud-stock-item strong{font:600 13px/1.1 var(--hud-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-stock-item small{font:11px/1.1 var(--hud-sans);color:var(--hud-gold);white-space:nowrap}.hud-command .hud-tile[aria-disabled=true]{cursor:help;color:#9d8a6a}.hud-command .hud-tile[aria-disabled=true] .hud-tile-medal{filter:grayscale(.6)brightness(.8)}.hud-top .hud-title-badge{flex:none;align-items:center;min-width:0;display:flex}:where(button,a,summary,label,[role=button],[role=tab],input,select){-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:no-preference){:is(.hud-btn,.hud-round,.hud-close,.hud-back,.hud-frame-btn,.hud-top-action,.hud-audio-mute,.hud-notch,.village-badge,.act-btn,.march-chip-main,.daily-gift,.estate-completion-notice button,.hud-map-controls button,.hud-rail-list button,.estate-resource-hud .settlement-resource),.hud-top .hud-player .hud-portrait{transition:transform .12s cubic-bezier(.2,.8,.2,1)}:is(.hud-round,.hud-close,.hud-back,.hud-frame-btn,.hud-top-action,.hud-audio-mute,.hud-notch,.village-badge,.daily-gift,.hud-map-controls button):not(:disabled):active{transform:scale(.93)}:is(.hud-btn,.act-btn,.march-chip-main,.estate-completion-notice button,.hud-rail-list button,.estate-resource-hud .settlement-resource):not(:disabled):active{transform:translateY(1px)scale(.98)}.hud-top .hud-player:active .hud-portrait{transform:scale(.95)}.hud-command .hud-tile:not(:disabled):active .hud-tile-medal{transform:translateY(1px)scale(.92)}}:is(.hud-btn,.hud-round,.hud-close,.hud-back,.hud-frame-btn,.hud-top-action,.hud-audio-mute):not(:disabled):active{box-shadow:inset 0 3px 6px #000d,0 0 0 1px var(--hud-gold-lo)}.hud-btn.hud-btn-primary:not(:disabled):active{background:linear-gradient(#e9cf8f,#c89c50 55%,#a57733);box-shadow:inset 0 2px 4px #6b4a1f,0 1px 3px #0007}.hud-command .hud-tile:not(:disabled):active{background:linear-gradient(#d9b25f10,#d9b25f26)}