.pregame-ui{--pg-bg: #10191e;--pg-panel: #192329;--pg-raised: #222e33;--pg-ink: #efe8d5;--pg-muted: #a3aaa5;--pg-gold: #c5ad70;--pg-line: #b6a57536;color:var(--pg-ink);font-family:Georgia,Times New Roman,serif;box-sizing:border-box}.pregame-ui *,.pregame-ui *:before,.pregame-ui *:after{box-sizing:border-box}.pregame-root{--pregame-scenery-x: 62%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:auto;background:#0b141f url(/assets/ui/main-menu-background.webp) var(--pregame-scenery-x) center / cover no-repeat}.pregame-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#071018ed,#08121bc9 29%,#0a142138 60%,#0a14210a),linear-gradient(0deg,#050c16b0,transparent 40%)}.pregame-root[data-screen]:not([data-screen=menu]):before{background:#060d17a8}.pregame-mist{position:absolute;left:-20%;bottom:-18%;width:130%;height:45%;opacity:.17;background:radial-gradient(ellipse at 40% 50%,#b2cad975,transparent 60%);animation:pregameMist 32s ease-in-out infinite alternate;pointer-events:none}@keyframes pregameMist{to{transform:translate(6%,-7%)}}.pregame-fireflies{position:absolute;width:max(100vw,177.6833vh);aspect-ratio:1672 / 941;left:var(--pregame-scenery-x);top:50%;transform:translate(calc(-1 * var(--pregame-scenery-x)),-50%);pointer-events:none}.pregame-firefly{position:absolute;border-radius:50%;background:#fde68a;box-shadow:0 0 5px 1px #fbbf2499,0 0 12px #f59e0b55;opacity:0;animation:pregameFirefly linear infinite}@keyframes pregameFirefly{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:.7}55%{opacity:.5}to{opacity:0;transform:translate(var(--drift),var(--rise)) scale(.3)}}.pregame-root.is-paused *,body.app-hidden .pregame-ui *,body.app-hidden .pregame-ui *:after{animation-play-state:paused!important}.pregame-menu{position:relative;z-index:1;width:min(570px,48vw);min-height:100%;display:flex;justify-content:center;flex-direction:column;padding:58px 0 58px clamp(50px,7.5vw,160px)}.pregame-brand{margin-bottom:56px}.pregame-crown{display:block;width:74px;height:56px;color:var(--pg-gold)}.pregame-wordmark{--pregame-wordmark-crown-width: 74px;--pregame-wordmark-crown-height: 56px;--pregame-wordmark-crown-gap: 27px;--pregame-wordmark-crown-overlap: 14px;position:relative;width:max-content;max-width:100%;padding-top:calc(var(--pregame-wordmark-crown-height) + var(--pregame-wordmark-crown-gap))}.pregame-wordmark>.pregame-crown{position:absolute;z-index:0;top:calc(var(--pregame-wordmark-crown-gap) + var(--pregame-wordmark-crown-overlap));left:77.6%;width:var(--pregame-wordmark-crown-width);height:var(--pregame-wordmark-crown-height);transform:translate(-50%);pointer-events:none}.pregame-wordmark__title{position:relative;z-index:1}.pregame-brand .pregame-wordmark{--pregame-wordmark-crown-width: 90px;--pregame-wordmark-crown-height: 68px;--pregame-wordmark-crown-gap: 25px;--pregame-wordmark-crown-overlap: 22px}.pregame-brand h1{margin:0 0 19px -3px;color:#f0e5c2;font-size:clamp(40px,4.3vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1;text-shadow:0 4px 24px #0009}.pregame-subtitle{display:flex;align-items:center;gap:13px;color:#d0bd91;font-size:clamp(9px,.88vw,13px);text-transform:uppercase;letter-spacing:.26em;white-space:nowrap}.pregame-subtitle span{width:23px;height:1px;background:#c5ad7070}.pregame-menu-actions{display:grid;gap:8px;width:min(100%,330px)}.pregame-ui .ui-button{border:1px solid #c6b37b80;border-radius:0;padding:12px 25px;min-height:44px;background:linear-gradient(135deg,#d8c791,#af995e);color:#192023;box-shadow:inset 0 1px #f6e6b775;font:14px/1.2 system-ui,sans-serif;font-weight:600;letter-spacing:.025em;text-transform:none;text-shadow:none;transition:background .16s,border-color .16s;cursor:pointer}.pregame-ui .ui-button--secondary{background:#1b282dc9;color:#e1d9c0;box-shadow:none;border-color:#a397743f}.pregame-ui .ui-button:hover:not(:disabled){background:#e6d39a;transform:none;box-shadow:none}.pregame-ui .ui-button--secondary:hover:not(:disabled){background:#303c3d}.pregame-ui .ui-button:disabled{opacity:.42;cursor:default}.pregame-ui .pregame-menu-action{display:flex;align-items:center;gap:18px;text-align:left;padding:17px;min-height:59px;border:1px solid transparent;border-bottom-color:#b0a07729;background:transparent;color:#dedccb;font-family:Georgia,serif;font-size:20px;font-weight:400;box-shadow:none}.pregame-ui .pregame-menu-action.is-primary{background:linear-gradient(90deg,#bda66a24,#bda66a0c);border-color:#bda66a5c;color:#f5e7be}.pregame-ui .pregame-menu-action:hover{background:#bda66a29;border-color:#bda66a80}.pregame-menu-number{font:9px/1 system-ui,sans-serif;color:#bba97b;letter-spacing:.08em}.pregame-menu-signature{width:330px;max-width:100%;display:flex;align-items:center;gap:16px;padding-top:45px;color:#bca66c70;font-size:12px}.pregame-menu-signature span{width:42px;height:1px;background:#bca66c36}.pregame-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;padding:clamp(18px,3.8vh,48px) clamp(18px,3.2vw,68px);pointer-events:auto;outline:none}.pregame-frame{margin:0 auto;width:100%;max-width:1540px;height:100%;display:flex;flex-direction:column;background:linear-gradient(140deg,#202c31f7,#10191efc 60%);border:1px solid #b8a87580;outline:1px solid #b8a87530;outline-offset:4px;box-shadow:0 24px 80px #0008}.pregame-header{display:flex;align-items:center;gap:28px;min-height:98px;padding:20px 32px;border-bottom:1px solid var(--pg-line);background:linear-gradient(120deg,#b8a8750d,transparent);flex-shrink:0}.pregame-header h1{margin:4px 0 0;font-size:31px;font-weight:400;letter-spacing:-.025em;line-height:1.1}.pregame-eyebrow{display:block;color:var(--pg-gold);font:10px/1.4 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.pregame-header>.pregame-crown{margin-left:auto;width:55px;height:44px;opacity:.7}.pregame-back{display:flex;gap:10px;align-items:center;background:none;border:0;border-right:1px solid var(--pg-line);color:#c7cbbf;padding:10px 26px 10px 0;cursor:pointer;font:13px system-ui,sans-serif}.pregame-back>span:first-child{font:22px system-ui;color:var(--pg-gold)}.pregame-content{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-color:#65716b #152025;scrollbar-width:thin}.pregame-footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:14px 32px;border-top:1px solid var(--pg-line);background:#0b151adb}.pregame-footer-summary{font-size:16px}.pregame-footer-summary small{display:block;font:11px system-ui,sans-serif;margin-top:5px;color:var(--pg-muted)}.pregame-key-hint{color:var(--pg-muted);font:11px system-ui,sans-serif}.pregame-key-hint kbd{font:inherit;border:1px solid #8a957d44;padding:2px 5px;margin-right:7px}.pregame-ui button:focus-visible,.pregame-ui input:focus-visible,.pregame-ui select:focus-visible,.pregame-ui textarea:focus-visible{outline:2px solid #e1ce91;outline-offset:3px}.pregame-ui input,.pregame-ui select,.pregame-ui textarea{color:#e1e6df;border:1px solid #a2b0a42e;border-radius:0;padding:10px 12px;min-height:40px;background:#0c171dd6;font:13px/1.35 system-ui,sans-serif;width:100%;min-width:0;color-scheme:dark}.pregame-ui input::placeholder{color:#839087}.pregame-ui select:disabled{opacity:.6}.pregame-ui label{min-width:0}.pregame-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pregame-field{display:grid;gap:9px;color:#b5baa9;font:11px/1.5 system-ui,sans-serif}.pregame-field-control{display:flex;gap:10px;align-items:stretch}.pregame-field-control .ui-button{flex-shrink:0}.pregame-setup{display:grid;grid-template-columns:270px minmax(0,1fr);overflow:hidden}.pregame-scenario-list{padding:26px 20px;border-right:1px solid var(--pg-line);background:#0b151a66;overflow-y:auto}.pregame-scenario-list>.pregame-eyebrow{margin:0 0 20px 4px}.pregame-scenario-card{position:relative;display:block;width:100%;margin:0 0 16px;padding:0;border:1px solid #a2ae9e25;background:#1b272b;color:var(--pg-ink);text-align:left;cursor:pointer}.pregame-scenario-card>img{display:block;width:100%;height:104px;object-fit:cover;opacity:.73}.pregame-scenario-card.is-selected{border-color:var(--pg-gold);box-shadow:inset 3px 0 var(--pg-gold)}.pregame-scenario-card.is-selected>img,.pregame-scenario-card:hover>img{opacity:1}.pregame-scenario-card-copy{display:grid;gap:8px;padding:14px 15px}.pregame-scenario-card-copy strong{font:17px Georgia,serif}.pregame-scenario-card-copy small{font:10px system-ui,sans-serif;color:var(--pg-muted)}.pregame-scenario-card-copy small span{margin:0 5px}.pregame-scenario-selected{position:absolute;bottom:17px;right:13px;color:var(--pg-gold);visibility:hidden}.is-selected>.pregame-scenario-selected{visibility:visible}.pregame-library-link{display:flex;width:100%;justify-content:space-between;padding:13px 4px;border:0;background:none;color:#c8bd9c;font:13px Georgia,serif;cursor:pointer}.pregame-setup-detail{min-width:0;overflow-y:auto}.pregame-scenario-hero{position:relative;height:clamp(190px,24vh,285px);overflow:hidden;background:#152329}.pregame-scenario-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.pregame-scenario-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#10191eff,transparent 72%)}.pregame-scenario-hero>div{position:absolute;z-index:1;bottom:18px;left:32px;right:24px}.pregame-scenario-hero h2{margin:8px 0 0;color:#f4ebcf;font:35px/1.1 Georgia,serif;text-shadow:0 2px 12px #000}.pregame-scenario-intro{padding:0 32px 21px}.pregame-scenario-intro p{margin:0 0 16px;color:#c1c9be;font:13px/1.65 system-ui,sans-serif;max-width:760px}.pregame-facts{display:flex;flex-wrap:wrap;gap:10px 24px;color:#bfbb9f;font:11px/1.4 system-ui,sans-serif}.pregame-facts>span+span{border-left:1px solid #b6a57550;padding-left:24px}.pregame-player-section{padding:0 32px 26px}.pregame-section-heading{display:flex;gap:15px;align-items:baseline;justify-content:space-between;border-top:1px solid var(--pg-line);padding:20px 0 15px}.pregame-section-heading h3{font:20px Georgia,serif;margin:0}.pregame-section-heading>span{font:10px system-ui,sans-serif;color:var(--pg-muted)}.pregame-player-row,.pregame-player-head{display:grid;grid-template-columns:minmax(145px,1.15fr) minmax(130px,1fr) minmax(248px,1.35fr) minmax(150px,.85fr);gap:12px;align-items:center}.pregame-player-head{padding:0 12px 9px;color:#8e9c94;font:9px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.pregame-player-row{padding:10px 12px;background:#b4c0b507;border-top:1px solid #b4c0b513;min-height:67px}.pregame-player-row:nth-child(2n){background:#b4c0b50d}.pregame-player-identity{display:flex;align-items:center;gap:12px;min-width:0}.pregame-player-identity strong{display:block;font:15px Georgia,serif}.pregame-player-identity small{display:block;font:10px system-ui;margin-top:5px;color:var(--pg-muted)}.pregame-shield{width:30px;height:37px;flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--banner) 62%,#1b252b),color-mix(in srgb,var(--banner) 35%,#1b252b));color:#fff;border:1px solid var(--banner);clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);padding-top:7px;text-align:center;font-size:13px}.pregame-mobile-label{display:none}.pregame-choice-field{min-width:0;margin:0;padding:0;border:0}.pregame-ui .pregame-choice-input{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;opacity:0}.pregame-banner-options{display:grid;grid-template-columns:repeat(auto-fit,24px);gap:4px;width:100%;max-width:248px}.pregame-banner-choice{position:relative;display:block;width:24px;height:32px;cursor:pointer}.pregame-banner-option{position:relative;display:block;width:24px;height:30px;border:1px solid color-mix(in srgb,var(--banner) 78%,#f8ebc8);clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%);background:linear-gradient(90deg,transparent 44%,#fff3 46%,#fff3 54%,transparent 56%),linear-gradient(145deg,color-mix(in srgb,var(--banner) 90%,#fff),color-mix(in srgb,var(--banner) 64%,#10191e));filter:saturate(.75) brightness(.8);transition:transform .14s ease,filter .14s ease}.pregame-banner-option:before{content:"";position:absolute;top:3px;right:4px;bottom:8px;left:4px;border:1px solid #fff2}.pregame-banner-option:after{content:"";position:absolute;top:7px;left:8px;width:6px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;opacity:0;transform:rotate(45deg);filter:drop-shadow(0 1px 1px #000a)}.pregame-banner-choice:hover .pregame-banner-option{filter:saturate(1) brightness(1);transform:translateY(-1px)}.pregame-banner-choice.is-unavailable{cursor:not-allowed}.pregame-banner-choice.is-unavailable .pregame-banner-option,.pregame-banner-choice.is-unavailable:hover .pregame-banner-option{filter:grayscale(.72) saturate(.35) brightness(.48);opacity:.42;transform:none}.pregame-choice-input:checked+.pregame-banner-option{filter:saturate(1.08) brightness(1.16);transform:translateY(-2px);outline:1px solid #f1dfad;outline-offset:2px}.pregame-choice-input:checked+.pregame-banner-option:after{opacity:1}.pregame-choice-input:focus-visible+.pregame-banner-option,.pregame-choice-input:focus-visible+.pregame-control-option{outline:2px solid #f4e1aa;outline-offset:3px}.pregame-control-options{display:grid;grid-template-columns:repeat(2,minmax(68px,1fr));width:100%}.pregame-control-choice{position:relative;min-width:0;cursor:pointer}.pregame-control-option{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 8px;border:1px solid #a2b0a42e;background:#0c171da8;color:#929f98;font:11px/1 system-ui,sans-serif;transition:background .14s ease,border-color .14s ease,color .14s ease}.pregame-control-choice+.pregame-control-choice .pregame-control-option{border-left:0}.pregame-control-option svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.pregame-control-choice:hover .pregame-control-option{color:#e7dfc9;background:#263237}.pregame-choice-input:checked+.pregame-control-option{z-index:1;border-color:#c5ad70b8;background:linear-gradient(145deg,#c5ad7029,#28332f);color:#f3e7c4;box-shadow:inset 0 0 0 1px #c5ad7024}.pregame-choice-input:disabled+.pregame-control-option{cursor:default;opacity:.48}.pregame-choice-input:disabled:checked+.pregame-control-option{opacity:.78}.pregame-notice{display:flex;align-items:center;gap:18px;padding:24px;margin:24px;border:1px solid var(--pg-line);background:#a9ba9b08}.pregame-notice-mark{flex-shrink:0;width:36px;height:36px;line-height:34px;border:1px solid #c5ad7050;text-align:center;color:var(--pg-gold);font-size:20px}.pregame-notice strong{display:block;font:18px Georgia,serif}.pregame-notice p{margin:8px 0 0;font:12px/1.6 system-ui;color:#b4bdb3}.pregame-notice .ui-button{margin-left:auto}.pregame-notice.is-error{border-color:#cc897851}.pregame-notice.is-error .pregame-notice-mark{color:#e0a38c}.pregame-split{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);overflow:hidden}.pregame-list-pane{padding:28px;border-right:1px solid var(--pg-line);min-width:0;overflow-y:auto;background:#0b151a55}.pregame-detail-pane{min-width:0;overflow-y:auto}.pregame-list-toolbar{display:flex;gap:14px;align-items:end;margin-bottom:22px}.pregame-list-toolbar label{flex:1}.pregame-list{display:grid;gap:8px;margin-top:22px}.pregame-list-row{width:100%;display:flex;align-items:center;gap:15px;padding:18px;text-align:left;border:1px solid #a5b2a92c;background:#202c30;color:var(--pg-ink);cursor:pointer}.pregame-list-row:hover{background:#2a3739}.pregame-list-row.is-selected{border-color:var(--pg-gold);box-shadow:inset 3px 0 var(--pg-gold);background:#303b38}.pregame-list-row strong{display:block;font:17px Georgia,serif;overflow-wrap:anywhere}.pregame-list-row small{display:block;font:11px/1.5 system-ui;color:#aeb8ad;margin-top:7px}.pregame-list-emblem{flex-shrink:0;color:#c5ad70;font-size:20px}.pregame-detail-copy{padding:30px 32px}.pregame-detail-copy h2{font:29px/1.2 Georgia,serif;margin:12px 0 20px;overflow-wrap:anywhere}.pregame-detail-copy>p{color:#b8c1b5;font:13px/1.7 system-ui}.pregame-detail-copy .pregame-facts{margin-bottom:25px}.pregame-detail-image{width:100%;height:220px;object-fit:cover;opacity:.8;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.pregame-rating{margin-top:32px;padding-top:23px;border-top:1px solid var(--pg-line);display:grid;gap:16px;max-width:450px}.pregame-rating .ui-button{align-self:end}.pregame-danger{background:none;border:0;color:#c99587;font:12px system-ui;cursor:pointer;padding:10px 0}.pregame-save-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line)}.pregame-save-details dt{font:10px system-ui;color:var(--pg-muted);margin-bottom:9px}.pregame-save-details dd{font:17px Georgia,serif;margin:0}.pregame-launch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;background:linear-gradient(#0a131dda,#0a131df5),url(/assets/ui/main-menu-background.webp) center/cover;pointer-events:auto;outline:none}.pregame-launch-card{text-align:center;padding:30px;width:min(500px,100%)}.pregame-launch-card .pregame-crown{margin:0 auto 30px}.pregame-launch-card h1{font:31px Georgia,serif;margin:18px 0}.pregame-launch-card p{font:12px/1.6 system-ui;color:#aab7ae}.pregame-loading-line{position:relative;width:180px;height:2px;overflow:hidden;background:#c5ad7025;margin:28px auto 0}.pregame-loading-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:45%;background:#c5ad70;animation:pregameLoading 1.7s ease-in-out infinite}@keyframes pregameLoading{0%{transform:translate(-110%)}to{transform:translate(330%)}}body.app-loading{margin:0;background:#0b141f;overflow:hidden}.app-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;background:linear-gradient(90deg,#071018ed,#08121b99 45%,#0a142114),url(/assets/ui/main-menu-background.webp) 62% center/cover;display:flex;align-items:center}.app-loading__content{padding:45px clamp(35px,7.5vw,160px);width:min(650px,100%)}.app-loading__title{color:#f0e5c2;font:52px/1 Georgia,serif;letter-spacing:-.04em}.app-loading__title small{display:block;margin-top:21px;font:10px system-ui;text-transform:uppercase;letter-spacing:.27em;color:#d0bd91}.app-loading__status{margin-top:48px;font:12px/1.5 system-ui;color:#c0c7bb}.app-loading__content .pregame-loading-line{margin:22px 0 0;width:220px}.app-loading__retry{margin-top:25px}body.app-loading-error .pregame-loading-line{display:none}body:has(.pregame-root),body.app-loading{min-width:0}body:has(.pregame-root) .connection-status-indicator{display:none}.pregame-page.map-editor-launch{width:auto;max-width:none}.pregame-page .map-editor-launch__content{padding:28px 32px}.map-editor-launch--choose .map-editor-launch__content{display:flex;flex-direction:column;justify-content:center}.map-editor-launch__existing,.map-editor-launch__section,.map-editor-launch__map-list{display:grid;gap:14px}.map-editor-launch__new-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.map-editor-launch__section{align-content:start}.map-editor-launch__section--wide,.map-editor-launch__description{grid-column:1 / -1}.map-editor-launch__section--generation,.map-editor-launch__section--economy,.map-editor-launch__section--objectives{order:2}.map-editor-launch__section--players{order:3}.map-editor-launch__section h3{margin:0;padding-bottom:12px;border-bottom:1px solid var(--pg-line)}.map-editor-launch__section p{margin:0;font:12px/1.6 system-ui;color:var(--pg-muted)}.map-editor-launch__section label{display:grid;gap:6px}.map-editor-launch__section textarea{resize:vertical}.map-editor-launch__field-grid,.map-editor-launch__details-grid,.map-editor-launch__resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-editor-launch__details-grid{grid-template-columns:1.25fr 1fr 1fr 1.5fr}.map-editor-launch__resources{grid-template-columns:repeat(4,minmax(0,1fr))}.map-editor-launch__configuration-note{padding:8px 12px;border-left:2px solid var(--pg-gold);background:#c5ad7009}.map-editor-launch__player-list{display:grid;gap:12px}.map-editor-launch__player{display:grid;grid-template-columns:65px 1.35fr repeat(4,minmax(74px,1fr));gap:12px;align-items:end;padding:12px;border:1px solid var(--pg-line)}.map-editor-launch__player strong{align-self:center;color:var(--pg-gold);font:12px system-ui}.map-editor-launch__checkbox{display:flex!important;align-items:center;gap:8px!important}.map-editor-launch__checkbox input{accent-color:var(--pg-gold)}.map-editor-launch__map{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--pg-line)}.map-editor-launch__map strong,.map-editor-launch__map span{display:block}.map-editor-launch__map span{font:11px/1.6 system-ui;color:var(--pg-muted);margin-top:7px}.map-editor-launch__draft-fields{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.map-editor-launch__notice{margin-top:16px;padding:16px;font:13px/1.5 system-ui;color:var(--pg-muted)}.map-editor-launch__notice--error{border:1px solid #c58e7050;color:#e5b0a0}.pregame-page .map-editor-launch__choices{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%;max-width:950px;margin:20px auto}.pregame-page .map-editor-launch__choices>button{min-height:300px;border:1px solid #c5ad7050;background:linear-gradient(0deg,#111d24,transparent),url(/assets/ui/main-menu-background.webp) 60% center/cover;padding:35px;display:flex;flex-direction:column;justify-content:end;align-items:start;color:var(--pg-ink);cursor:pointer;text-align:left}.pregame-page .map-editor-launch__choices>button+button{background-position:90% center}.pregame-page .map-editor-launch__choices>button:hover{border-color:var(--pg-gold)}.pregame-page .map-editor-launch__choices strong{font:28px Georgia,serif}.pregame-page .map-editor-launch__choices span{margin-top:12px;font:12px/1.6 system-ui;color:#d0d5c9}.pregame-page .map-editor-launch__intro{font:14px/1.7 system-ui;color:var(--pg-muted);text-align:center}.pregame-page .map-editor-launch__section{border:1px solid var(--pg-line);background:#0c181c55;padding:22px}.pregame-page .map-editor-launch__section h3{font:20px Georgia,serif;color:var(--pg-ink);letter-spacing:0}.pregame-page .map-editor-launch__map,.pregame-page .map-editor-launch__player{background:#25313770;border-color:var(--pg-line)}.pregame-page .map-editor-launch__actions{display:contents}.pregame-page .map-editor-launch__section label{font:11px/1.5 system-ui;color:#c0c7b8;letter-spacing:0}.pregame-page input[type=checkbox]{width:17px;min-height:17px}@media (min-width: 1900px){.pregame-menu{width:670px}.pregame-brand{margin-bottom:64px}.pregame-menu-actions{width:365px}.pregame-scenario-hero{height:300px}.pregame-setup{grid-template-columns:305px minmax(0,1fr)}.pregame-scenario-card>img{height:130px}}@media (max-height: 800px) and (min-width: 901px){.pregame-header{min-height:80px;padding-top:14px;padding-bottom:14px}.pregame-footer{min-height:67px;padding-top:10px;padding-bottom:10px}.pregame-scenario-hero{height:170px}.pregame-scenario-intro{padding-bottom:15px}.pregame-player-row{padding-top:7px;padding-bottom:7px;min-height:59px}.pregame-section-heading{padding-top:14px}.pregame-brand{margin-bottom:36px}.pregame-menu-signature{padding-top:25px}}@media (max-width: 1100px){.pregame-setup{grid-template-columns:225px minmax(0,1fr)}.pregame-player-head{display:none}.pregame-player-row{grid-template-columns:minmax(130px,1fr) minmax(120px,1.2fr);gap:10px;padding:14px}.pregame-split{grid-template-columns:minmax(250px,.9fr) minmax(0,1fr)}}@media (max-width: 900px){.pregame-page{padding:16px}.pregame-header{min-height:80px;gap:20px;padding:16px 22px}.pregame-header h1{font-size:27px}.pregame-footer{padding:12px 22px}.pregame-setup,.pregame-split{display:block;overflow:auto}.pregame-scenario-list{display:flex;flex-wrap:wrap;gap:12px;border-right:0;border-bottom:1px solid var(--pg-line);padding:20px;overflow:visible}.pregame-scenario-list>.pregame-eyebrow{width:100%;margin:0}.pregame-scenario-card{width:calc(50% - 6px);margin:0}.pregame-scenario-card>img{height:95px}.pregame-library-link{padding:8px 0 0}.pregame-setup-detail,.pregame-detail-pane,.pregame-list-pane{overflow:visible}.pregame-list-pane{border-right:0;border-bottom:1px solid var(--pg-line);padding:22px}.pregame-detail-image{height:170px}.pregame-scenario-hero{height:210px}.pregame-menu{width:65%;padding-left:8vw}.pregame-brand h1{font-size:52px}}@media (max-width: 560px){.pregame-root{--pregame-scenery-x: 69%}.pregame-root:before{background:linear-gradient(90deg,#071018e8,#07101877),linear-gradient(0deg,#071018e8,transparent)}.pregame-menu{width:100%;padding:48px 34px}.pregame-brand{margin-bottom:40px}.pregame-brand h1{font-size:47px}.pregame-brand .pregame-wordmark{--pregame-wordmark-crown-width: 72px;--pregame-wordmark-crown-height: 54px}.pregame-subtitle{font-size:9px;gap:10px}.pregame-menu-actions{width:100%}.pregame-ui .pregame-menu-action{font-size:19px}.pregame-page{padding:9px}.pregame-frame{outline:none}.pregame-header{padding:15px;gap:14px;min-height:78px}.pregame-back{padding-right:15px}.pregame-back>span:last-child{display:none}.pregame-header h1{font-size:26px}.pregame-header>.pregame-crown{width:38px}.pregame-eyebrow{font-size:8px}.pregame-footer{min-height:77px;gap:12px;padding:12px 15px}.pregame-footer .ui-button{padding:12px 17px;white-space:nowrap}.pregame-footer-summary{font-size:13px}.pregame-footer-summary small{font-size:9px}.pregame-scenario-list{padding:16px;gap:10px}.pregame-scenario-card{width:calc(50% - 5px)}.pregame-scenario-card>img{height:70px}.pregame-scenario-card-copy{padding:11px;gap:6px}.pregame-scenario-card-copy strong{font-size:14px}.pregame-scenario-card-copy small{font-size:9px}.pregame-scenario-selected{display:none}.pregame-scenario-hero{height:180px}.pregame-scenario-hero>div{left:20px;bottom:20px}.pregame-scenario-hero h2{font-size:28px}.pregame-scenario-intro{padding:0 20px 20px}.pregame-scenario-intro p{font-size:12px}.pregame-facts{gap:8px 15px;font-size:10px}.pregame-facts>span+span{padding-left:15px}.pregame-player-section{padding:0 16px 20px}.pregame-section-heading>span{display:none}.pregame-player-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.pregame-mobile-label{display:block;font:9px system-ui;color:var(--pg-muted);margin-bottom:7px}.pregame-player-identity{padding-top:14px}.pregame-player-identity strong{font-size:14px}.pregame-notice{margin:16px;padding:18px;flex-wrap:wrap}.pregame-notice>div{flex:1;min-width:150px}.pregame-notice strong{font-size:16px}.pregame-notice .ui-button{margin-left:54px}.pregame-detail-copy{padding:22px}.pregame-detail-copy h2{font-size:25px}.pregame-list-toolbar,.pregame-field-control{flex-wrap:wrap}.pregame-field-control input{flex:1 1 150px}.pregame-detail-image{height:150px}.pregame-page .map-editor-launch__content{padding:20px 16px}.pregame-page .map-editor-launch__choices{grid-template-columns:1fr;gap:16px}.pregame-page .map-editor-launch__choices>button{min-height:205px;padding:24px}.pregame-page .map-editor-launch__new-grid,.pregame-page .map-editor-launch__details-grid,.pregame-page .map-editor-launch__field-grid,.pregame-page .map-editor-launch__draft-fields{grid-template-columns:1fr}.pregame-page .map-editor-launch__section{padding:16px;min-width:0}.pregame-page .map-editor-launch__section--wide{grid-column:auto}.pregame-page .map-editor-launch__player{grid-template-columns:1fr 1fr}.app-loading__title{font-size:43px}}@media (prefers-reduced-motion: reduce){.pregame-fireflies{display:none}.pregame-ui *,.pregame-ui *:after,.pregame-ui *:before{animation:none!important;transition:none!important}.pregame-loading-line:after{width:100%;opacity:.5}}.pregame-save-content{overflow:hidden}.pregame-save-content>.pregame-split{height:100%}.dialog-panel.pregame-ingame-saves{width:min(1000px,94vw);max-width:none;background:#172329;border-color:#b6a57580}.pregame-ingame-saves-content{padding:0}.pregame-ingame-saves-content>.pregame-split{max-height:65vh}.pregame-confirm-actions{display:flex;justify-content:end;gap:12px;margin-top:25px}.dialog-panel.pregame-confirm{background:#172329;border-color:#b6a57580}.pregame-page .map-editor-launch__content{max-height:none}.pregame-page .map-editor-launch__choices>button:before,.pregame-page .map-editor-launch__choices>button:after{display:none}@media (max-width: 900px){.pregame-save-content{overflow:auto}.pregame-save-content>.pregame-split{height:auto}}@media (max-height: 800px) and (min-width: 1101px){.pregame-scenario-hero{height:130px}.pregame-scenario-intro{padding-bottom:13px}.pregame-scenario-intro p{font-size:12px;line-height:1.55;margin-bottom:12px}.pregame-section-heading{padding:12px 0 10px}.pregame-player-row{min-height:51px;padding-top:5px;padding-bottom:5px}.pregame-player-section{padding-bottom:15px}.pregame-detail-image{height:155px}.pregame-detail-copy{padding-top:18px}}@media (max-width: 900px){.map-editor-launch__new-grid{grid-template-columns:1fr}.map-editor-launch__player{grid-template-columns:1fr 1fr}.map-editor-launch--choose .map-editor-launch__content{justify-content:start}}.town-shell .town-garrison{height:100%}.town-shell .building-info h4{margin:12px 0 6px}.town-shell .building-info ul{margin:0;padding-left:18px}.town-shell .building-info__reason{margin-top:12px;color:#fca5a5}.town-shell .building-info__actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.town-shell .town-garrison__layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}.town-shell .town-garrison__column h4{margin:0 0 8px;color:#fff}.town-shell .town-garrison__hint{margin-top:10px;font-size:13px;color:#d4af37}.town-shell .troop-transfer{display:grid;gap:10px}.town-shell .troop-transfer__input{width:96px;padding:6px;border:1px solid #8b6914;background:#1a0f0a;color:#f0e6d0}.town-shell .troop-transfer__shortcuts,.town-shell .troop-transfer__actions{display:flex;flex-wrap:wrap;gap:8px}.town-shell .troop-transfer__warning{color:#fca5a5}.town-shell .town-garrison__hero-army{display:flex;align-items:center;gap:10px}.town-shell .town-garrison__hero-portrait{width:48px;height:48px;border-radius:4px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#2a1a0ae6;border:1px solid #8b6914;font-weight:700;font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;padding:0;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.town-shell .town-garrison__hero-portrait:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000059}.town-shell .town-garrison__hero-portrait--selected{border-color:#facc15;box-shadow:0 0 0 2px #facc1559}.town-shell .town-garrison__hero-portrait--empty{color:#8b7a5e;background:linear-gradient(135deg,#8b691429,#1a0f0aeb),#2a1a0ae6;border-style:dashed;text-shadow:none}.town-shell .town-garrison__hero-portrait img{width:100%;height:100%;object-fit:cover}.town-shell body:has(.dialog-backdrop) .connection-status-indicator{opacity:0}.town-shell .construction-panel__title span{display:block;margin-bottom:2px;color:#8f826f;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.town-shell .construction-panel__header{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:18px;min-height:72px;padding:12px 22px;border-bottom:1px solid rgba(200,153,60,.72);background:radial-gradient(circle at 16% 0,rgba(188,139,52,.12),transparent 30%),linear-gradient(180deg,#2a1d15fc,#08090dfc);box-shadow:inset 0 -1px #ffe3a80a,0 8px 25px #0000006b}.town-shell .construction-panel__title h2{margin:0;color:#e3c47b;font-family:var(--ui-display-font);font-size:22px;letter-spacing:.08em;text-transform:uppercase}.town-shell .construction-panel__resources{padding:8px 12px;border:1px solid rgba(135,100,42,.4);background:#02050961}.town-shell .construction-panel__close{justify-self:end;width:36px;height:36px;border:1px solid rgba(194,148,59,.72);background:linear-gradient(180deg,#442e1cfa,#0f0d0efa);color:#dfc993;font-family:Georgia,serif;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 1px #ffe7b512}.town-shell .construction-panel__close:hover{border-color:#e0bd68;color:#fff1c9;box-shadow:0 0 14px #cda14421}.town-shell .construction-panel__body{flex:1;min-height:0;padding:16px 20px 20px}.town-shell .building-info__status,.town-shell .building-info-summary__status{width:fit-content;padding:5px 9px;border:1px solid rgba(84,157,105,.52);background:#2a714129;color:#9ad2a8;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.town-shell .building-info__requirement{position:relative;list-style:none;padding-left:16px}.town-shell .building-info__requirement:before{content:"";position:absolute;top:.58em;left:1px;width:6px;height:6px;border:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}.town-shell .building-info__requirement.is-met{color:#93c7a0}.town-shell .building-info__requirement.is-unmet{color:#d6968d}.town-shell .dialog-panel.building-info-dialog{width:min(520px,calc(100vw - 48px))}.town-shell .building-info-summary{display:grid;gap:14px}.town-shell .building-info-summary p{margin:0;color:#c7baa4;font-family:Georgia,serif;font-size:14px;line-height:1.6}.town-shell .building-info-summary__effect{padding:12px 14px;border:1px solid rgba(157,116,45,.48);border-left:3px solid rgba(209,164,70,.78);background:linear-gradient(90deg,#704d1b33,#05080c4d);color:#dbc78f;font-size:12px}.town-shell .dialog-panel.marketplace-dialog{width:min(900px,calc(100vw - 48px));max-width:none}.town-shell .marketplace{display:grid;gap:14px}.town-shell .marketplace__intro{margin:-2px 0 2px;color:#a99d89;font-family:Georgia,serif;font-size:12px;font-style:italic;text-align:center}.town-shell .marketplace__resource-section{display:grid;gap:9px;padding:13px;border:1px solid rgba(145,106,42,.52);background:radial-gradient(circle at 0 0,rgba(178,130,48,.08),transparent 28%),#04070b5c}.town-shell .marketplace__resource-section h3{margin:0;color:#c9ad6a;font-family:var(--ui-display-font);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.town-shell .marketplace__resource-grid{display:grid;grid-template-columns:repeat(7,minmax(78px,1fr));gap:7px}.town-shell .marketplace__resource.ui-button{display:grid;justify-items:center;gap:3px;min-width:0;min-height:82px;padding:8px 5px;border-color:#7e5d2880;background:radial-gradient(circle at 50% 10%,rgba(161,117,42,.08),transparent 40%),#080a0eb8}.town-shell .marketplace__resource.ui-button:hover:not(:disabled){border-color:#d7ae50b8;transform:translateY(-2px)}.town-shell .marketplace__resource-section--sell .marketplace__resource.is-selected{border-color:#d8b45e;background:radial-gradient(circle at 50% 10%,rgba(211,163,65,.2),transparent 48%),#452d12b8;box-shadow:inset 0 0 0 1px #ffe7b20f,0 0 13px #c99c401c}.town-shell .marketplace__resource-section--buy .marketplace__resource.is-selected{border-color:#78b78a;background:radial-gradient(circle at 50% 10%,rgba(104,174,125,.16),transparent 48%),#1b432b9e;box-shadow:inset 0 0 0 1px #cdffd90a,0 0 13px #59a06d1a}.town-shell .marketplace__resource-name{overflow:hidden;max-width:100%;color:#d9ccb5;font-size:9px;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase}.town-shell .marketplace__resource-count{color:#8ec59d;font-size:11px;font-weight:700}.town-shell .marketplace__rate{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(145,106,42,.44);background:#07090d6b;color:#948b7d;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.town-shell .marketplace__rate-value{display:flex;align-items:center;gap:7px;color:#dfd0b4;font-size:14px}.town-shell .marketplace__rate-arrow{margin-inline:7px;color:#bc9749}.town-shell .marketplace__quantity{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px}.town-shell .marketplace__quantity label{color:#b6aa95;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.town-shell .marketplace__quantity-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.town-shell .marketplace__quantity-controls input{width:74px;text-align:center}.town-shell .marketplace__maximum{color:#86b893;font-size:10px;font-weight:700;letter-spacing:.04em}.town-shell .marketplace__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid rgba(141,104,43,.32)}.town-shell .marketplace__summary-text{display:flex;gap:16px;color:#b4a994;font-size:11px}.town-shell .marketplace__summary-text strong{color:#e1cb92}.town-shell .marketplace__summary-text.is-invalid,.town-shell .marketplace__summary-text.is-invalid strong{color:#d8897f}.town-shell .dialog-panel.blacksmith-dialog{width:min(640px,calc(100vw - 48px))}.town-shell .blacksmith{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.town-shell .blacksmith__balance,.town-shell .blacksmith__warning{grid-column:1 / -1}.town-shell .blacksmith__balance{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid rgba(145,106,42,.46);background:#06080c66}.town-shell .blacksmith__balance>span{color:#928979;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.town-shell .blacksmith__balance strong,.town-shell .blacksmith__price{display:inline-flex;align-items:center;gap:6px;color:#e2c87f}.town-shell .blacksmith__warning{padding:10px 12px;border:1px solid rgba(164,71,60,.5);border-left:3px solid #b45f52;background:#5b1d1833;color:#dba099;font-size:11px}.town-shell .blacksmith__item{display:grid;align-content:start;gap:9px;min-height:145px;padding:13px;border:1px solid rgba(139,101,40,.5);background:radial-gradient(circle at 0 0,rgba(181,132,49,.08),transparent 38%),linear-gradient(145deg,#2a1e16a8,#05080c8a)}.town-shell .blacksmith__item.is-owned{border-color:#4e91607a;background:radial-gradient(circle at 0 0,rgba(88,158,105,.1),transparent 38%),#08110d85}.town-shell .blacksmith__item-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.town-shell .blacksmith__item-title{color:#e7d6b6;font-family:var(--ui-display-font);font-size:15px}.town-shell .blacksmith__price{font-size:12px;font-weight:700}.town-shell .blacksmith__description{color:#a99e8c;font-family:Georgia,serif;font-size:11px;line-height:1.5}.town-shell .blacksmith__item-actions{display:flex;justify-content:flex-end;margin-top:auto}.town-shell .blacksmith__owned{padding:4px 8px;border:1px solid rgba(87,151,103,.45);color:#8dc69a;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.town-shell .dialog-panel.mage-guild-dialog{width:min(720px,calc(100vw - 48px));max-width:none}.town-shell .mage-guild{display:grid;gap:12px}.town-shell .mage-guild__empty{padding:18px;border:1px dashed rgba(143,105,43,.5);color:#9c9282;text-align:center}.town-shell .mage-guild__level{padding:12px;border:1px solid rgba(139,101,40,.48);background:radial-gradient(circle at 0 0,rgba(98,82,150,.1),transparent 34%),#05070c66}.town-shell .mage-guild__level-title{margin-bottom:9px;color:#baa6dc;font-family:var(--ui-display-font);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.town-shell .mage-guild__spells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.town-shell .mage-guild__spell{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:8px 10px;border:1px solid rgba(120,94,54,.5);background:#04060a80;color:#e2d7c2}.town-shell .mage-guild__spell.is-known{border-color:#4b905f85;background:#1b502d2e}.town-shell .mage-guild__spell.is-locked{border-color:#645e5466;color:#7f7b74;filter:saturate(.35)}.town-shell .mage-guild__spell-identity{display:flex;align-items:center;gap:8px;min-width:0}.town-shell .mage-guild__spell-status{padding:3px 5px;border:1px solid currentColor;color:#85b991;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.town-shell .mage-guild__spell.is-locked .mage-guild__spell-status{color:#8d8981}.town-shell .mage-guild__mana{color:#c9aa61;font-size:10px;font-weight:700;white-space:nowrap}.town-shell .mage-guild__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(141,104,43,.32);color:#9c9282;font-size:11px}@media (max-width: 760px){.town-shell .construction-panel__header{grid-template-columns:minmax(0,1fr) auto;min-height:64px;padding:10px 14px}.town-shell .construction-panel__resources{display:none}.town-shell .construction-panel__body{padding:10px}.town-shell .marketplace__resource-grid{grid-template-columns:repeat(4,minmax(70px,1fr))}.town-shell .marketplace__quantity{grid-template-columns:1fr}.town-shell .marketplace__summary,.town-shell .mage-guild__footer{align-items:stretch;flex-direction:column}.town-shell .marketplace__summary .ui-button,.town-shell .mage-guild__footer .ui-button{width:100%}.town-shell .blacksmith,.town-shell .mage-guild__spells{grid-template-columns:1fr}}@media (max-width: 480px){.town-shell .marketplace__resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.town-shell .marketplace__rate,.town-shell .marketplace__summary-text{align-items:flex-start;flex-direction:column}}.town-shell{--town-accent: #d5b36b;--town-ink: #e7dfcb;--town-muted: #999e9c;--town-line: #6c62493d;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--town-ink);z-index:5;font-family:var(--ui-body-font, Georgia, serif);font-size:13px}.town-shell *,.town-shell *:before,.town-shell *:after{box-sizing:border-box}.town-shell button,.town-shell input{font:inherit}.town-shell button{cursor:pointer}.town-shell button:disabled{cursor:default;opacity:.45}.town-shell button:focus-visible,.town-shell input:focus-visible{outline:2px solid var(--town-accent);outline-offset:3px}.town-shell .town-icon{width:23px;height:23px;flex-shrink:0}.town-eyebrow{display:block;color:var(--town-accent);font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.17em}.town-header{height:var(--town-header-height);position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:20px;padding:0 28px;pointer-events:auto;border-bottom:1px solid #b7995559;background:linear-gradient(180deg,#20252a,#10171d);box-shadow:0 5px 20px #0005}.town-identity{display:flex;gap:13px;align-items:center;min-width:214px}.town-identity h1{margin:2px 0 0;font:24px/1.1 var(--ui-display-font, Georgia, serif);color:#f2e6c7;letter-spacing:.01em}.town-crest{color:var(--town-accent);display:grid;place-items:center;width:39px;height:45px;border:1px solid #a58c5255;background:linear-gradient(150deg,#ad976b18,#040a0e);clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%)}.town-crest .town-icon{width:28px;height:28px}.town-owner{margin:0 6px;font-size:8px}.town-treasury{display:flex;justify-content:center;gap:clamp(8px,1.7vw,27px);flex:1}.town-treasury>div{display:flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#eee8da}.town-resource-amount{animation:town-value-in .4s ease-out}.town-calendar{min-width:156px;padding-left:20px;border-left:1px solid var(--town-line);display:grid;gap:5px;text-align:right;font-size:12px}.town-calendar strong{font-weight:500}.town-calendar strong span{color:#797e7d;margin:0 4px}.town-calendar>span{font-size:10px;color:var(--town-muted)}.town-calendar>.is-ready{color:#bec798}.town-command-bar{pointer-events:auto;position:absolute;inset:auto 0 0;height:var(--town-command-height);background:linear-gradient(180deg,#1e252a,#0c1318);border-top:1px solid #b799556b;box-shadow:0 -7px 25px #0005;padding:0 max(14px,calc((100vw - 1240px)/2));display:flex;align-items:stretch;justify-content:center}.town-command-bar button{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;border-left:1px solid #b799551b;color:#b7b6aa;font-size:10px;letter-spacing:.05em;transition:background .16s,color .16s}.town-command-bar button:first-child{border-left:0}.town-command-bar button .town-icon{color:#c6b380}.town-command-bar button:hover,.town-command-bar button.is-active{background:linear-gradient(180deg,#d8b46213,#d8b46204);color:#f7e6bf;box-shadow:inset 0 2px var(--town-accent)}.town-command-bar .town-command-exit{margin-left:15px;max-width:150px}.town-army-dock{position:absolute;bottom:var(--town-command-height);height:var(--town-dock-height);left:0;right:0;pointer-events:auto;background:linear-gradient(180deg,#131d23f5,#0c1318);border-top:1px solid #b799554d;padding:8px 25px 4px}.town-army-dock .ui-panel{margin:0;padding:0;background:none;border:0;box-shadow:none}.town-army-dock .ui-panel:before,.town-army-dock .ui-panel:after,.town-army-dock .ui-panel__title{display:none}.town-army-dock .ui-panel__body{padding:0}.town-army-dock .town-garrison__layout{display:grid;grid-template-columns:1fr 1fr;max-width:1160px;margin:auto;gap:28px}.town-army-dock .town-garrison__column{min-width:0}.town-army-dock .town-garrison__column h4{margin:0 0 5px;font-size:9px;font-weight:500;letter-spacing:.1em;color:var(--town-accent)}.town-army-dock .town-garrison__hero-army{display:flex;gap:10px;min-width:0}.town-army-dock .town-garrison__hero-portrait{flex-shrink:0;width:48px;height:53px;border:1px solid #96825b80;background:#26353a;color:#a6afa7}.town-army-dock .army-slots{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;flex:1;width:auto;min-width:0}.town-army-dock .army-slot{min-width:0;width:100%;height:53px;min-height:0;border:1px solid #98896350;background:linear-gradient(145deg,#263038,#111b22);padding:3px;border-radius:1px}.town-army-dock .slot-icon--portrait{width:37px;height:41px;margin:0 auto;flex-shrink:0}.town-army-dock .slot-empty{font-size:8px;color:#5f6d72}.town-army-dock .slot-count{font-size:11px}.town-army-dock .army-slot:hover{border-color:var(--town-accent)}.town-army-dock .army-slot.is-selected{border:2px solid #e4c778;box-shadow:0 0 10px #dfbd6045}.town-army-dock .army-slot.is-destination{border-color:#88ac86}.town-army-dock .town-garrison__hint{margin:5px 0 0;text-align:center;color:#7c898e;font-size:9px}.town-management-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#03070bb8;pointer-events:auto;display:grid;place-items:center;padding:40px}.town-management{width:min(1220px,100%);height:min(800px,calc(100dvh - 80px));display:flex;flex-direction:column;outline:none;border:1px solid #b99b60a6;background:#121b21;box-shadow:0 0 0 4px #080e13,0 0 0 5px #66573c85,0 24px 100px #000a;animation:town-window-in .18s ease-out}.town-management__header{flex:0 0 79px;padding:15px 22px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--town-line);background:linear-gradient(110deg,#2c3233,#192229 55%,#162027)}.town-management__header h2{margin:3px 0 0;font:27px/1.1 var(--ui-display-font, Georgia, serif);color:#efdfbb}.town-management__header .resource-info{margin-left:auto;gap:17px}.town-management__header .resource-info__item{gap:4px}.town-management__header .resource-info__value{font-size:11px;font-weight:400}.town-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #9c88644d;background:#0d171e;color:#c7b487}.town-close:hover{color:#fff1c9;border-color:#c7b487}.town-management__workspace{min-height:0;flex:1;display:flex}.town-management__nav{flex:0 0 174px;border-right:1px solid var(--town-line);background:linear-gradient(90deg,#101a21,#152027);display:flex;flex-direction:column;padding:18px 0}.town-management__nav>button{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 18px;color:#a4b0b2;border:0;border-left:2px solid transparent;background:none;font-size:12px}.town-management__nav>button .town-icon{width:21px;height:21px;color:#a89876}.town-management__nav>button:hover{background:#c7b17c0a;color:#eee4cd}.town-management__nav>button.is-active{color:#efdbab;border-left-color:var(--town-accent);background:linear-gradient(90deg,#c7b17c1c,transparent)}.town-management__nav-foot{margin-top:auto;padding:20px 18px 0;display:grid;gap:9px;border-top:1px solid #b7995526}.town-management__nav-foot span{font-size:8px;letter-spacing:.12em;color:#766d56}.town-management__nav-foot i{font-size:11px;color:#66777d;line-height:1.6}.town-management__body{min-width:0;min-height:0;flex:1;overflow:auto}.town-management__status{flex:0 0 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 20px;border-top:1px solid var(--town-line);color:#91a09b;font-size:10px}.town-management__status kbd{border:1px solid #60707880;padding:1px 4px;margin-right:4px;font-size:9px}.town-management__status .is-warning{color:#e0bc8a}.town-shell .ui-button{border:1px solid #bda26480;border-radius:1px;background:linear-gradient(180deg,#c7ac70,#9f834b);color:#172025;padding:9px 17px;font:11px var(--ui-display-font, Georgia, serif);box-shadow:inset 0 1px #f4e6c452,0 2px 4px #0003}.town-shell .ui-button:hover:not(:disabled){background:linear-gradient(#e0c68c,#c3a363);transform:none}.town-shell .ui-button--secondary{background:#22313a;color:#d4c49d}.town-construction{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 285px}.town-building-catalog{overflow-y:auto;padding:18px 20px 30px;min-height:0}.town-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 13px;color:#d2c2a0;font-size:12px;letter-spacing:.08em;font-weight:500;text-transform:uppercase}.town-section-heading span{color:#627880;font-size:10px;margin-left:auto}.town-building-catalog>section+section{margin-top:27px}.town-building-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.town-building-card{position:relative;border:1px solid #5f6c653d;background:linear-gradient(150deg,#243038,#172129);min-width:0;color:#d9d1bd;padding:8px 7px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:151px;transition:border-color .15s,background .15s}.town-building-card:hover{border-color:#a18c60;background:#29353b}.town-building-card.is-selected{border-color:var(--town-accent);box-shadow:inset 0 0 0 1px #b99b602e;background:linear-gradient(145deg,#3c3d31,#202b30)}.town-building-card__image{height:80px;display:grid;align-items:end}.town-building-card__name{font-size:11px;line-height:1.3}.town-building-card__state{font-size:9px;letter-spacing:.02em}.town-building-card .town-cost{justify-content:center;gap:5px;flex-wrap:wrap;margin-top:3px;font-size:9px}.town-building-art{display:block;max-width:100%;flex-shrink:0;filter:drop-shadow(0 5px 5px #0004)}.town-building-card .town-building-art{max-height:80px}.town-building-art--empty{color:#8f967b;font-size:30px}.is-complete{color:#90ae91}.is-ready{color:#cfb778}.is-locked{color:#839397}.town-building-detail{border-left:1px solid var(--town-line);padding:20px;background:linear-gradient(150deg,#253138,#172229);display:flex;flex-direction:column;overflow-y:auto;min-height:0}.town-building-detail__art{display:grid;place-items:center;min-height:170px;height:185px;margin:-4px -4px 14px;background:radial-gradient(ellipse at 50% 70%,#bdad6c13,transparent 67%)}.town-building-detail__art .town-building-art{max-height:185px}.town-building-detail h3{font:22px/1.2 var(--ui-display-font, Georgia, serif);color:#f0dfb7;margin:5px 0 10px}.town-building-detail p{font-size:12px;line-height:1.65;color:#abb7b7;margin:0 0 14px}.town-building-detail__action{margin-top:auto;padding-top:20px;display:grid;gap:13px}.town-building-detail__action .ui-button{width:100%}.town-upgrade-chain{display:flex;gap:6px;border-top:1px solid var(--town-line);padding-top:14px;margin:3px 0 18px}.town-upgrade-chain button{position:relative;flex:1;border:1px solid #68767363;background:#152127;color:#768a8f;padding:6px 2px;font-size:10px}.town-upgrade-chain button span{display:block;font-size:8px;margin-top:3px}.town-upgrade-chain .is-built{color:#a1b9a0}.town-upgrade-chain .is-current{border-color:var(--town-accent);color:#dcc590}.town-requirements h4{font-size:10px;font-weight:400;color:#788e95;text-transform:uppercase;letter-spacing:.1em;margin:0 0 9px}.town-requirements button{border:0;padding:5px 0;display:flex;gap:7px;background:none;color:#c6a47d;font-size:11px}.town-requirements button.is-met{color:#9bb59a}.town-cost{display:inline-flex;flex-wrap:wrap;align-items:center;gap:13px;color:#e5d2a4;font-variant-numeric:tabular-nums;font-size:12px}.town-cost>span{display:inline-flex;gap:4px;align-items:center}.town-cost .is-short{color:#de9585}.town-inline-reason{color:#caab89!important;font-size:10px!important;line-height:1.5!important;margin:5px 0 0!important}.town-recruitment{height:100%;display:flex;flex-direction:column}.town-recruitment__intro{padding:18px 23px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--town-line);font-size:11px;color:#8fa0a6}.town-recruitment__intro strong{color:#d9d0b8;font-weight:400;margin-left:7px}.town-recruitment__list{overflow:auto;flex:1;padding:20px 22px}.town-recruit-group{margin-bottom:20px}.town-recruit-group>header{display:flex;gap:16px;align-items:center;margin-bottom:9px;color:#92a7ab;font-size:10px}.town-recruit-group>header>span:first-child{color:var(--town-accent);text-transform:uppercase;letter-spacing:.12em}.town-recruit-group>header>span:last-child{margin-left:auto;color:#72878d}.town-recruit-group>header strong{font-weight:400;color:#b8c6a8}.town-recruit-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.town-recruit-card{min-width:0;display:flex;gap:15px;border:1px solid #5f6c654f;background:linear-gradient(150deg,#27343b,#17232b);padding:17px 14px}.town-recruit-group.is-focused .town-recruit-card{border-color:#af996993}.town-creature-portrait{width:64px;height:74px;flex-shrink:0;border:1px solid #aa93684d;background-color:#0c1720;box-shadow:0 4px 10px #0003}.town-recruit-card__body{min-width:0;flex:1}.town-recruit-card h3{margin:3px 0 9px;font:17px/1.2 var(--ui-display-font, Georgia, serif);color:#ebdabb}.town-creature-stats{display:flex;flex-wrap:wrap;gap:8px;color:#718a95;font-size:8px}.town-creature-stats b{color:#bccbc9;font-size:10px;font-weight:400;margin-left:2px}.town-unit-cost{margin:9px 0;display:flex;gap:7px;align-items:center}.town-unit-cost>span:last-child{font-size:9px;color:#7e959e}.town-quantity{display:flex;gap:3px;align-items:stretch;flex-wrap:wrap}.town-quantity>button{min-width:23px;padding:4px 6px;border:1px solid #6e7c744d;background:#16232b;color:#c9c3a6;font-size:11px}.town-quantity input{width:45px;background:#0e1a22;color:#e5deca;border:1px solid #64797670;text-align:center;padding:3px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-size:12px}.town-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.town-quantity .ui-button{padding:5px 9px;font-size:9px;background:#b29a63;color:#172025;margin-left:3px}.town-recruitment__footer{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:15px 22px;background:#1d2a31;border-top:1px solid var(--town-line)}.town-recruitment__footer>div{display:grid;gap:5px;font-size:11px;color:#889da3}.town-empty{text-align:center;padding:50px 20px;color:#91a4ab}.town-empty h3{font:24px var(--ui-display-font, Georgia, serif);color:#decba5}.town-empty p{margin-bottom:25px}.town-service-content{padding:25px 30px;width:100%;max-width:none!important;min-height:100%;color:#c7d1cd}.town-service-content .marketplace,.town-service-content .mage-guild,.town-service-content .blacksmith{width:100%;min-width:0;max-width:none}.town-service-content h3{font-family:var(--ui-display-font, Georgia, serif)}.town-service-content .marketplace__intro{font-size:12px;color:#a7b7b9}.town-service-content .marketplace__resource{background:#25343c;border-color:#7d826652;color:#cbd5ce;box-shadow:none}.town-service-content .marketplace__resource.is-selected{border-color:var(--town-accent);background:#3b443d}.town-service-content .marketplace__resource-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.town-service-content .marketplace__resource-name{font-size:9px}.town-service-content .marketplace__rate,.town-service-content .marketplace__summary,.town-service-content .blacksmith__item,.town-service-content .mage-guild__level{border-color:#7d82664d;background:#1e2d35}.town-service-content .mage-guild__spell{background:#15232c;border-color:#75827152}.town-service-content .mage-guild__level-title{color:var(--town-accent)}.town-service-content .blacksmith__balance,.town-service-content .blacksmith__warning{background:#17262f;border-color:#747a5a70}.town-service-content .blacksmith__item-title{font:20px var(--ui-display-font, Georgia, serif);color:#e6d2a9}.town-service-content .blacksmith__description{color:#a9b8b9;line-height:1.6;font-size:12px}.town-building-tooltip{position:fixed;transform:translate(-50%,-100%);background:#101b23f2;border:1px solid #c9ad706b;box-shadow:0 5px 20px #0007;padding:11px 20px;min-width:140px;max-width:220px;text-align:center;z-index:20;pointer-events:none}.town-building-tooltip.is-below{transform:translate(-50%)}.town-building-tooltip strong{display:block;font:14px var(--ui-display-font, Georgia, serif);color:#e5d5af}.town-building-tooltip span{display:block;color:#93a4a7;font-size:9px;margin-top:4px}.town-scene-status{position:absolute;bottom:calc(var(--town-command-height) + var(--town-dock-height) + 14px);left:50%;transform:translate(-50%);background:#101b23e8;border:1px solid #c9ad7050;padding:10px 18px;font-size:11px;color:#d9c397}body:has(.town-shell) .connection-status-indicator{top:76px;left:8px;transform:scale(.65);transform-origin:top left;opacity:.5}body:has(.town-management) .connection-status-indicator{opacity:0}@keyframes town-window-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes town-value-in{0%{color:#fff2c5}to{color:inherit}}@media (max-width: 1200px){.town-header{gap:12px;padding:0 17px}.town-identity{min-width:175px}.town-identity h1{font-size:20px}.town-treasury{gap:10px;font-size:11px}.town-calendar{min-width:142px;padding-left:12px}.town-management-backdrop{padding:25px}.town-management{height:calc(100dvh - 50px)}.town-management__nav{flex-basis:153px}.town-management__nav>button{padding:14px 13px;gap:8px;font-size:11px}.town-management__header .resource-info{gap:10px}.town-construction{grid-template-columns:minmax(0,1fr) 255px}.town-building-detail{padding:17px}.town-recruit-card{gap:9px;padding:12px}.town-creature-portrait{width:47px;height:57px}.town-recruit-card h3{font-size:15px}.town-army-dock{padding-left:14px;padding-right:14px}.town-army-dock .town-garrison__layout{gap:20px}}@media (max-width: 1000px){.town-crest{display:none}.town-identity{min-width:150px}.town-treasury{gap:7px}.town-treasury .resource-icon__sprite{transform:scale(.8);margin:-3px}.town-calendar{min-width:130px;font-size:10px}.town-management__nav{flex-basis:135px}.town-management__nav>button{font-size:10px;padding-left:10px}.town-construction{grid-template-columns:minmax(0,1fr) 235px}.town-building-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.town-building-catalog{padding:14px}.town-management__header{gap:14px}.town-management__header h2{font-size:23px}.town-management__header .resource-info{gap:8px}.town-recruit-variants{grid-template-columns:1fr}.town-recruitment__intro{flex-wrap:wrap;gap:6px}.town-recruit-card .town-creature-portrait{width:65px;height:74px}.town-command-bar button{font-size:9px}.town-army-dock .army-slots{gap:3px}.town-army-dock .town-garrison__hero-army{gap:6px}.town-service-content{padding:20px}}@media (prefers-reduced-motion: reduce){.town-shell *,.town-shell *:before,.town-shell *:after{animation:none!important;transition:none!important}}.town-shell .tavern-panel{display:grid;gap:16px;min-width:min(620px,78vw)}.town-shell .tavern-panel__treasury{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid rgba(212,175,55,.4);background:#1e140cb8}.town-shell .tavern-panel__treasury strong,.tavern-panel__price{display:inline-flex;align-items:center;gap:6px;color:#f3d36a}.town-shell .tavern-panel__offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.town-shell .tavern-hero{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;min-height:176px;padding:13px;border:1px solid #8b6914;background:linear-gradient(145deg,#372313f5,#18100cf5)}.town-shell .tavern-hero__portrait{width:76px;height:76px;overflow:hidden;border:2px solid #b89235;background:#302014;display:grid;place-items:center;font-size:30px}.town-shell .tavern-hero__portrait img,.tavern-hero__portrait .hero-portrait-sprite{width:100%;height:100%;display:block}.town-shell .tavern-hero__body{min-width:0;display:flex;flex-direction:column;gap:5px}.town-shell .tavern-hero__body h3{margin:0;color:#f3e3bd;font-size:18px}.town-shell .tavern-hero__meta{color:#c9a65b;font-size:12px;text-transform:capitalize}.town-shell .tavern-hero__army{margin:5px 0 8px;color:#ddd0b5;font-size:12px;line-height:1.4}.town-shell .tavern-hero__actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.town-shell .tavern-hero--empty{grid-template-columns:1fr;place-items:center;color:#f0e6d08c;text-align:center}@media (max-width: 720px){.tavern-panel__offers{grid-template-columns:1fr}.tavern-panel{min-width:min(360px,78vw)}}.town-shell .tavern-panel{min-width:0}.town-shell .tavern-panel__treasury{background:#1d2c34;border-color:#8e896055}.town-shell .tavern-hero{background:linear-gradient(150deg,#2b383d,#1a2831);border-color:#9c886357;grid-template-columns:86px minmax(0,1fr);min-height:230px;padding:20px}.town-shell .tavern-hero__portrait{width:86px;height:100px;border:1px solid #b29e6a80}.town-shell .tavern-hero__body{gap:10px}.town-shell .tavern-hero__body h3{color:#ead7ae}.town-shell .tavern-hero__meta{font-size:10px;color:#aaa487}.town-shell .tavern-hero__army{line-height:1.7;color:#abbabd}.town-shell .tavern-hero__actions{flex-wrap:wrap}.town-shell .tavern-panel__offers{gap:16px}@media (max-width: 1100px){.town-shell .tavern-hero{grid-template-columns:65px minmax(0,1fr);padding:14px;gap:12px}.town-shell .tavern-hero__portrait{width:65px;height:76px}}.town-shell .town-service-content .marketplace__resource{background:#1c2b33;color:#cbd5ce;box-shadow:none}.town-shell .town-service-content .marketplace__resource.is-selected{border-color:var(--town-accent);background:#394139;color:#f1dfb8}.town-shell .town-service-content .marketplace__resource:hover:not(:disabled){background:#35434a}.town-shell .town-service-content input[type=number]{background:#0d1a22;color:#e2dbc8;border:1px solid #71847a80;padding:7px}.town-shell .town-service-content .marketplace__summary{padding:15px}.town-shell .dialog-panel{background:#16232b;border-color:#9f8c62;color:#d4dacf}.town-shell .dialog-panel .ui-panel__title{background:#25323a;color:#e2d3af}.town-shell.town-detail-overlay{z-index:1000}.battle-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#f4ead4;font-family:Georgia,serif;--battle-gold:#b9a269;--battle-line:rgba(211,188,133,.28)}.battle-hud button,.battle-dialog button{font:12px system-ui,sans-serif;color:#e9ddc2;border:1px solid var(--battle-line,#756342);background:#202923;cursor:pointer;padding:7px 10px;border-radius:3px;transition:background .12s}.battle-hud button:hover,.battle-dialog button:hover{background:#384337;border-color:#b9a269}.battle-hud button:disabled{opacity:.38;cursor:default}.battle-hud button.selected{background:#465044;border-color:#b9a269}.battle-hud button.primary{background:#766136;border-color:#c4a76a;color:#fff5d7}.battle-hud kbd{font:10px system-ui;color:#c0b69f;margin-left:5px;opacity:.8}.battle-hud small{font:9px system-ui;letter-spacing:1.7px;color:#c4b488}.battle-hud strong{font-weight:400}.battle-commanders{position:absolute;top:0;left:0;right:0;height:72px;display:flex;justify-content:space-between;padding:9px 28px;background:linear-gradient(#101814f5,#17231fed);border-bottom:1px solid var(--battle-line);box-shadow:0 6px 35px #0005;pointer-events:auto;box-sizing:border-box}.battle-commander{display:flex;gap:12px;align-items:center;width:37%}.battle-commander.defender{flex-direction:row-reverse;text-align:right}.battle-commander strong{display:block;font-size:20px;line-height:24px}.commander-portrait{width:47px;height:49px;flex-shrink:0;border:1px solid #ac9661;background:#243c3e;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:30px}.defender .commander-portrait{background:#443144}.commander-portrait img,.commander-portrait .hero-portrait-sprite{width:100%;height:100%;object-fit:cover}.commander-resource{display:block;font:11px system-ui;color:#c5c8b9}.battle-round{position:absolute;left:50%;top:8px;transform:translate(-50%);text-align:center;display:grid;gap:0}.battle-round strong{font-size:29px;color:#eddbaf;line-height:30px}.battle-round>span{font:8px system-ui;letter-spacing:2px;color:#b8bda7}.battle-initiative{position:absolute;top:81px;left:50%;transform:translate(-50%);max-width:calc(100% - 36px);display:flex;gap:4px;padding:4px 12px 4px 8px;background:linear-gradient(90deg,#111b15e8,#18221ce6);border:1px solid var(--battle-line);border-radius:5px;align-items:center;pointer-events:auto;overflow:hidden}.initiative-label{font:9px system-ui;letter-spacing:1.5px;color:#c9bb91;margin-right:8px}.initiative-label small{display:block;letter-spacing:0;margin-top:4px}.battle-hud .initiative-unit{padding:0;border:0;background:transparent;width:44px;min-width:44px;position:relative}.initiative-unit>small{font-size:8px;display:block;margin-top:2px;letter-spacing:1px}.battle-portrait{width:42px;height:42px;display:inline-block;position:relative;border:1px solid #756b4c;background-color:#263c41;box-sizing:border-box;vertical-align:middle;flex-shrink:0}.battle-portrait.defender{background-color:#3d2c3d;border-color:#8c697c}.battle-portrait>span{position:absolute;right:0;bottom:0;min-width:15px;padding:0 3px;background:#101811e8;font:700 10px system-ui;color:#fff5d8;text-align:center}.initiative-unit.current .battle-portrait{outline:2px solid #e4c577;outline-offset:1px}.initiative-unit.current>small{color:#ffe9a8}.battle-dock{position:absolute;bottom:0;left:0;right:0;min-height:137px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(350px,1.45fr) minmax(250px,1.15fr);align-items:center;gap:24px;padding:12px 28px 15px;background:linear-gradient(#17241af2,#0c140ffb);border-top:1px solid #a28d58;box-shadow:0 -10px 50px #0006;pointer-events:auto;box-sizing:border-box}.battle-active{display:flex;gap:14px;align-items:center}.battle-active>.battle-portrait{width:64px;height:76px}.battle-active>.battle-portrait>span{font-size:16px}.battle-active strong{font-size:21px;display:block;margin:5px 0}.battle-stats{display:flex;gap:10px;font:12px system-ui;color:#e8d8ae}.battle-effects{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.battle-effects span{font:9px system-ui;padding:2px 4px;border:1px solid #87764d;border-radius:2px}.battle-main-actions{display:flex;gap:6px}.battle-main-actions button{flex:1;padding:10px 6px}.battle-settings{display:flex;align-items:center;gap:3px;margin-top:8px}.battle-settings>span{font:8px system-ui;color:#9b9e88;letter-spacing:1px;margin-right:4px}.battle-settings button{font-size:10px;padding:4px 6px}.battle-secondary{display:flex;gap:12px;margin-top:6px}.battle-secondary button{border:0;background:none;font-size:10px;padding:0;color:#b0b59f}.battle-context{display:flex;flex-direction:column;gap:5px;border-left:1px solid var(--battle-line);padding-left:22px;min-height:90px}.battle-context strong{font-size:17px}.battle-context>span{font:11px system-ui;color:#d2d2bd;line-height:1.4}.battle-context em{font:10px system-ui;color:#a2af97;line-height:1.4;max-height:28px;overflow:hidden}.battle-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#060d0aca;display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f0e4ca}.battle-dialog{width:min(650px,85vw);max-height:75vh;overflow:auto;background:#172019;border:1px solid #b7a06c;padding:24px;box-shadow:0 20px 70px #000a;font:14px/1.6 system-ui}.battle-dialog-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b503c;margin-bottom:18px}.battle-dialog h2{font:28px Georgia;margin:0 0 14px}.battle-dialog-title button{font-size:22px;background:none;border:0}.battle-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.battle-log{max-height:55vh;overflow:auto}.battle-log p{border-bottom:1px solid #ffffff0b;padding-bottom:9px}.battle-log small{color:#b09e6e;margin-right:10px}.battle-inspect{display:flex;align-items:flex-start;gap:24px}.battle-inspect .battle-portrait{width:105px;height:125px}@media (max-width:1150px){.battle-dock{grid-template-columns:220px 340px 1fr;gap:12px;padding:12px 18px}.battle-context{padding-left:12px}.battle-active{gap:9px}.battle-active strong{font-size:18px}.battle-active>.battle-portrait{width:52px;height:65px}.battle-stats{gap:6px;font-size:11px}.battle-context strong{font-size:15px}.battle-initiative{gap:3px}.battle-hud .initiative-unit{width:39px;min-width:39px}.initiative-unit .battle-portrait{width:37px;height:37px}}.battle-result-heading{text-align:center;padding-bottom:16px;border-bottom:1px solid #716546}.battle-result-heading small,.battle-result-armies small{color:#bdab7f;letter-spacing:1.5px;font-size:10px}.battle-result-heading h3{font:27px Georgia;margin:5px}.battle-result-heading p{color:#bbbca9;margin:5px}.battle-result-armies{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0}.battle-result-armies h3{font:21px Georgia;margin:3px 0 14px}.battle-result-stack{display:flex;gap:10px;align-items:center;margin:10px 0}.battle-result-stack .battle-portrait{height:45px;width:38px;flex-shrink:0}.battle-result-stack strong{font-size:12px;display:block}.battle-result-stack span span{display:block;font-size:11px;color:#bdc2b2}.battle-result-loss{margin-left:auto;font-size:12px;color:#d5a593}.battle-siege-symbol{display:flex;width:64px;height:76px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--battle-line);color:#d0b77c;font:42px Georgia;background:#202b22}:root{--resource-bar-height: 44px;--right-panel-width: 280px}.ui-overlay-root{position:relative;width:100%;height:100%;color:#f0e6d0;font-family:inherit;pointer-events:none}.screen-placeholder{margin:24px;padding:16px 20px;border:2px solid #c8a04a;background:#1a0f0ad9;color:#fff;width:fit-content;pointer-events:auto}.resource-bar{position:fixed;bottom:0;left:0;right:0;height:var(--resource-bar-height);display:flex;flex-wrap:nowrap;align-items:center;gap:0;padding:8px 14px 8px 16px;border-top:1px solid rgba(183,137,57,.56);background:linear-gradient(180deg,#47321bf5 0,#241a11 2px,#17130f 10px,#0f0d0b);box-shadow:inset 0 1px #ffe0921f,inset 0 -1px #000000b8,0 -8px 24px #00000075;z-index:10;pointer-events:auto;overflow:visible}.resource-item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:82px;height:42px;padding:0 12px;color:#f0e6d0;text-shadow:0 1px 2px rgba(0,0,0,.85)}.resource-item+.resource-item:before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:32px;transform:translateY(-50%);background-image:url(/assets/ui/adventure-resource-divider.png);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.resource-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem}.resource-icon__sprite{display:inline-block;image-rendering:pixelated;image-rendering:crisp-edges}.resource-label{color:#d7b964;font-size:12px;line-height:1}.resource-value{font-weight:700;color:#fff;line-height:1}.resource-info{display:flex;align-items:center;gap:12px}.resource-info__item{display:inline-flex;align-items:center;gap:4px;color:#f0e6d0;font-size:13px;white-space:nowrap}.resource-info__value{font-weight:700;color:#fff;font-size:13px}.hud-root{position:fixed;top:0;right:0;bottom:0;left:0}@media (max-width: 760px){.resource-bar{padding-inline:8px}.resource-item{min-width:46px;padding:0 6px;gap:3px}.resource-label{display:none}.resource-value{font-size:12px}}.hud-day-counter{position:fixed;top:64px;right:16px;padding:8px 12px;border:2px solid #8b6914;background:#2a1a0ae6;font-weight:600;pointer-events:auto}.connection-status-indicator{position:fixed;top:12px;left:12px;z-index:2200;display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(200,160,74,.75);background:#1a0f0ae6;border-radius:999px;pointer-events:none}body:has(.adventure-active) .connection-status-indicator{top:14px;left:14px;width:16px;height:16px;padding:3px;border:1px solid rgba(200,160,74,.75);background:#1a0f0ae6;box-shadow:inset 0 0 0 1px #ffe09214,0 2px 6px #0000008c}body:has(.adventure-active) .connection-status-indicator__dot{width:8px;height:8px}body:has(.adventure-active) .connection-status-indicator__pending{position:absolute;top:12px;left:12px;transform:translate(20%,-20%)}.connection-status-indicator__dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.connection-status-indicator__dot--connected{color:#22c55e;background:#22c55e}.connection-status-indicator__dot--connecting,.connection-status-indicator__dot--reconnecting{color:#f59e0b;background:#f59e0b}.connection-status-indicator__dot--disconnected{color:#ef4444;background:#ef4444}.connection-status-indicator__pending{min-width:18px;padding:1px 6px;border-radius:10px;font-size:12px;font-weight:700;text-align:center;background:#d4af3733;color:#fef3c7}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(ellipse at center,#00000080,#000000c7);display:flex;align-items:center;justify-content:center;animation:dialogFadeIn .16s ease-out;pointer-events:auto}.dialog-panel{min-width:320px;max-width:min(720px,90vw);border:2px solid #c8a04a;border-image:linear-gradient(180deg,#d4af37,#8b6914 40%,#c8a04a 60%,#8b6914) 1;background:linear-gradient(180deg,#2a1a0a,#1a0f0a);box-shadow:inset 0 0 20px #d4af370f,0 10px 40px #0009;animation:scaleIn .18s ease-out;pointer-events:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,#d4af37,transparent) 1}.dialog-header h2{margin:0;font-size:14px;color:#d4af37;letter-spacing:1px;text-transform:uppercase}.dialog-close{border:1px solid #c8a04a;background:#2a1a0a;color:#f0e6d0;cursor:pointer;pointer-events:auto}.dialog-content{padding:14px;color:#f0e6d0}.tooltip{position:fixed;z-index:1000;max-width:220px;padding:8px 10px;border:1px solid #8b6914;border-top:2px solid #d4af37;background:#1a0f0af2;color:#f0e6d0;font-size:13px;border-radius:4px;pointer-events:none;animation:slideUp .15s ease-out;box-shadow:0 4px 12px #0006}.ui-button{border:2px solid #c8a04a;background:#2a1a0a;color:#f0e6d0;padding:8px 14px;font-weight:700;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background .12s ease;pointer-events:auto}.ui-button--primary{background:linear-gradient(to bottom,#c8a04a,#8b6914);border-color:#d4af37;color:#1a0f0a;text-shadow:0 1px 0 rgba(255,255,255,.15)}.ui-button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 12px #d4af374d}.ui-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d;filter:brightness(.95)}.ui-button--secondary{background:linear-gradient(to bottom,#2a1a0a,#1a0f0a);border-color:#8b6914}.ui-button--disabled,.ui-button:disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed}.ui-panel{position:relative;border:2px solid #c8a04a;border-image:linear-gradient(180deg,#d4af37,#8b6914 40%,#c8a04a 60%,#8b6914) 1;background:repeating-linear-gradient(120deg,transparent,transparent 3px,rgba(212,175,55,.012) 3px,rgba(212,175,55,.012) 4px),repeating-linear-gradient(60deg,transparent,transparent 4px,rgba(139,105,20,.01) 4px,rgba(139,105,20,.01) 5px),#1a0f0ae0;box-shadow:inset 0 0 20px #d4af3714,0 4px 20px #00000080;pointer-events:auto}.ui-panel:before,.ui-panel:after{content:"";position:absolute;width:8px;height:8px;background:#d4af37;transform:rotate(45deg);z-index:1;pointer-events:none}.ui-panel:before{top:-5px;left:-5px}.ui-panel:after{bottom:-5px;right:-5px}.ui-panel__title{padding:8px 10px;border-bottom:1px solid #8b6914;color:#fff;font-weight:700}.ui-panel__body{padding:10px}.army-slots{display:flex;align-items:stretch;gap:8px}.army-slot{min-width:70px;height:70px;border:1px solid #8b6914;background:#2a1a0ae6;color:#f0e6d0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}.army-slot:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.slot-icon{width:22px;height:22px;display:inline-block}.slot-icon--portrait{width:44px;height:48px;image-rendering:pixelated;border-radius:2px}.creature-portrait-image{display:block;width:100%;height:100%;border-radius:inherit}.hero-portrait-sprite{display:block;width:100%;height:100%;image-rendering:pixelated}.slot-icon--tier-1{background:#9ca3af}.slot-icon--tier-2{background:#22c55e}.slot-icon--tier-3{background:#3b82f6}.slot-icon--tier-4{background:#a855f7}.slot-icon--tier-5{background:#f59e0b}.slot-icon--tier-6{background:#ef4444}.slot-icon--tier-7{background:#facc15}.slot-count{font-size:12px;font-weight:700}.slot-empty{opacity:.75;font-size:12px}.creature-card{display:flex;flex-direction:column;gap:8px;border:2px solid #c8a04a;background:#1a0f0af2;padding:12px;max-width:260px;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}.creature-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.creature-card__name{margin:0;color:#fff}.creature-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:13px}.creature-card__count{color:#d4af37;font-weight:700}.creature-card__healthbar{width:100%;height:10px;border:1px solid #8b6914;background:#2a1a0a}.creature-card__healthbar-fill{height:100%;background:linear-gradient(90deg,#84cc16,#22c55e)}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.recruit-dialog{display:grid;gap:10px}.recruit-row{border:1px solid #8b6914;padding:10px;display:grid;gap:8px;background:#1a0f0ab3}.recruit-row__stats,.recruit-row__meta{font-size:13px;opacity:.9}.recruit-row__controls{display:flex;align-items:center;gap:6px}.recruit-row__quantity{width:84px;padding:6px;border:1px solid #8b6914;background:#1a0f0a;color:#f0e6d0}.recruit-row__actions{display:flex;flex-wrap:wrap;gap:8px}.mini-map{position:relative;width:100%;aspect-ratio:1;background:#1a1410;pointer-events:auto}.mini-map canvas{position:absolute;left:6.34%;top:6.65%;width:87.16%;height:86.78%;image-rendering:pixelated}.mini-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/ui/adventure-minimap-frame.png);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:1}.transient-feedback-stack{position:fixed;left:50%;top:18%;transform:translate(-50%);display:grid;gap:8px;z-index:5000;pointer-events:none}.transient-feedback-item{border:1px solid #c8a04a;background:#1a0f0aeb;color:#fef3c7;padding:8px 12px;animation:transientFeedbackFade 1.3s ease forwards}@keyframes transientFeedbackFade{0%{opacity:0;transform:translateY(10px)}12%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.object-info-popup{position:fixed;min-width:180px;max-width:280px;border:2px solid #c8a04a;background:#1a0f0af5;color:#f0e6d0;padding:10px;z-index:2000;pointer-events:auto}.object-info-popup__title{font-weight:700;color:#fff;margin-bottom:8px}.object-info-popup__close{margin-top:10px;border:1px solid #8b6914;background:#2a1a0a;color:#f0e6d0;padding:4px 8px;cursor:pointer}.map-editor-active #game-canvas{border:0}#ui-overlay.map-editor-active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;width:auto;height:auto;overflow:visible}#ui-overlay.map-editor-active .ui-overlay-root>:not(.map-editor-shell){display:none}.map-editor-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;color:#f0e6d0;pointer-events:none}.map-editor__topbar,.map-editor__palette,.map-editor__inspector,.map-editor__statusbar{border-color:#8b6914;background:linear-gradient(180deg,#342312fa,#180f09fa),#1a0f0a;box-shadow:0 4px 20px #0000007a;pointer-events:auto}.map-editor__topbar{position:fixed;inset:0 0 auto;min-height:64px;display:flex;align-items:center;gap:12px;border-bottom:2px solid #8b6914;padding:8px 12px}.map-editor__brand{min-width:126px;display:grid;gap:2px}.map-editor__brand strong{color:#f1d27a;font-family:Georgia,Times New Roman,serif;font-size:18px;letter-spacing:.04em}.map-editor__brand span{color:#f0e6d094;font-size:11px}.map-editor__history,.map-editor__view-tools,.map-editor__top-actions{display:flex;align-items:center;gap:5px}.map-editor__top-actions{margin-left:auto}.map-editor__topbar button:not(.ui-button),.map-editor__palette button,.map-editor__inspector button{border:1px solid rgba(139,105,20,.78);background:#150e09eb;color:#f0e6d0;min-height:28px;padding:5px 8px;font:inherit;font-size:11px;cursor:pointer}.map-editor__topbar button:hover:not(:disabled),.map-editor__palette button:hover,.map-editor__inspector button:hover{border-color:#d4af37;background:#543716e0}.map-editor__topbar button:disabled{cursor:default;opacity:.4}.map-editor__topbar .ui-button{min-width:auto;min-height:31px;padding:6px 10px;font-size:11px}.map-editor__palette,.map-editor__inspector{position:fixed;top:64px;bottom:34px;overflow:auto;scrollbar-color:#8b6914 #1a0f0a}.map-editor__palette{left:0;width:236px;border-right:2px solid #8b6914;padding:10px}.map-editor__inspector{right:0;width:306px;border-left:2px solid #8b6914;padding:10px}.map-editor__palette section,.map-editor__inspector section{display:grid;gap:8px;border-bottom:1px solid rgba(139,105,20,.38);padding:4px 0 12px;margin-bottom:10px}.map-editor__palette section:last-child,.map-editor__inspector section:last-child{border-bottom:0}.map-editor__palette h3,.map-editor__inspector h3{margin:0;color:#d4af37;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.map-editor__segmented,.map-editor__tool-grid,.map-editor__brush-row{display:flex;gap:5px}.map-editor__segmented button,.map-editor__tool-grid button{flex:1}.map-editor__brush-row{align-items:center}.map-editor__brush-row span{margin-right:auto;color:#f0e6d094;font-size:11px}.map-editor__terrain-grid,.map-editor__object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.map-editor__terrain-grid button,.map-editor__object-grid button{min-width:0;display:flex;align-items:center;gap:6px;padding:5px 6px;text-align:left}.map-editor__terrain-grid button>span{flex:0 0 15px;width:15px;height:15px;border:1px solid rgba(255,255,255,.28);background:var(--terrain-color)}.map-editor__object-grid button>span{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border:1px solid rgba(212,175,55,.55);background:#8b691438;color:#ffe9a6;font-size:10px;font-weight:700}.map-editor__palette button.is-selected,.map-editor__inspector button.is-selected{border-color:#f1d27a;background:linear-gradient(180deg,#895e23eb,#492d12f5);box-shadow:inset 0 0 0 1px #ffe79e33}.map-editor__field{min-width:0;display:grid;gap:4px;color:#f0e6d0a8;font-size:10px;letter-spacing:.02em}.map-editor__field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.map-editor__placement-options{display:grid;gap:7px;border-top:1px solid rgba(139,105,20,.28);padding-top:8px}.map-editor__field input,.map-editor__field select,.map-editor__field textarea{width:100%;min-width:0;border:1px solid rgba(139,105,20,.78);border-radius:0;outline:0;background:#100a07f0;color:#f0e6d0;padding:6px 7px;font:inherit;font-size:11px;resize:vertical}.map-editor__field input:focus,.map-editor__field select:focus,.map-editor__field textarea:focus{border-color:#d4af37;box-shadow:0 0 0 1px #d4af373d}.map-editor__draft-access{display:grid;gap:5px;border:1px solid rgba(139,105,20,.44);background:#8b69141a;padding:7px}.map-editor__draft-access>span{overflow:hidden;color:#f0e6d094;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.map-editor__checkbox{display:inline-flex;align-items:center;gap:5px;color:#f0e6d0c2;font-size:11px}.map-editor__checkbox--panel{justify-self:start}.map-editor__checkbox input{accent-color:#d4af37}.map-editor__section-title,.map-editor__selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-editor__section-title span{font-size:10px}.map-editor__section-title .is-valid{color:#86efac}.map-editor__section-title .is-invalid{color:#fca5a5}.map-editor__selection-heading{border:1px solid rgba(139,105,20,.46);background:#8b69141f;padding:7px}.map-editor__selection-heading strong{min-width:0;overflow:hidden;color:#f5d38a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.map-editor__selection-heading span{flex:none;color:#f0e6d080;font-size:9px;text-transform:capitalize}.map-editor__selection-panel p,.map-editor__validation p,.map-editor__validation ul{margin:0;color:#f0e6d0ad;font-size:10px;line-height:1.4}.map-editor__validation ul{display:grid;gap:4px;padding-left:17px}.map-editor__statusbar{position:fixed;inset:auto 0 0;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #8b6914;padding:6px 12px;color:#f0e6d094;font-size:10px}.map-editor__status-message{color:#f5d38a}@media (max-width: 1050px){.map-editor__topbar{gap:7px;padding-inline:8px}.map-editor__brand{min-width:96px}.map-editor__brand strong{font-size:15px}.map-editor__top-actions{gap:3px}.map-editor__topbar .ui-button{padding-inline:7px}.map-editor__palette{width:198px;padding:8px}.map-editor__inspector{width:244px;padding:8px}}@media (max-width: 700px){.map-editor__topbar{min-height:154px;align-content:center;align-items:center;flex-wrap:wrap}.map-editor__brand{flex:1 0 90px}.map-editor__top-actions{flex:1 0 100%;justify-content:flex-start;order:3}.map-editor__palette{top:154px;right:0;bottom:auto;width:auto;height:164px;display:flex;gap:12px;border-right:0;border-bottom:2px solid #8b6914;overflow:auto hidden}.map-editor__palette section{flex:0 0 auto;min-width:160px;border-right:1px solid rgba(139,105,20,.38);border-bottom:0;padding-right:12px;margin-bottom:0}.map-editor__palette section:nth-child(3){min-width:290px}.map-editor__palette section:nth-child(4){min-width:260px}.map-editor__inspector{inset:auto 0 34px;width:auto;height:190px;display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(220px,1fr) minmax(190px,.8fr);gap:12px;border-top:2px solid #8b6914;border-left:0;overflow:auto hidden}.map-editor__inspector section{min-width:0;align-content:start;border-right:1px solid rgba(139,105,20,.38);border-bottom:0;padding-right:12px;margin-bottom:0;overflow-y:auto}.map-editor__statusbar{gap:8px}.map-editor__statusbar span:last-child{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.turn-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:4000;pointer-events:auto}.turn-transition__card{border:2px solid #c8a04a;background:#1a0f0af7;padding:24px 28px;text-align:center}.game-over{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;pointer-events:auto}.game-over__card{border:2px solid #c8a04a;background:#1a0f0af5;padding:20px 24px;min-width:320px;display:grid;gap:8px}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px #d4af3726}50%{box-shadow:0 0 14px #d4af3759}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes garrisonBarSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.spellbook-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000008c,#000000d1);display:flex;align-items:center;justify-content:center;animation:dialogFadeIn .16s ease-out;pointer-events:auto;z-index:50}.spellbook{position:relative;width:960px;height:660px;background:url(/assets/ui/spellbook-bg.png) center / contain no-repeat;outline:none}.spellbook-tabs{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:2}.spellbook-tab{position:relative;width:140px;height:50px;margin-top:-20px;background:url(/assets/ui/spellbook-tab-normal.png) center / contain no-repeat;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;color:#3d2b1a;font-size:11px;font-weight:600;font-family:inherit;transition:margin-top .1s ease,height .1s ease}.spellbook-tab:hover{filter:brightness(1.1)}.spellbook-tab--active{height:60px;margin-top:-32px;background-image:url(/assets/ui/spellbook-tab-active.png);color:#f5e6c8}.spellbook-tab__gem{width:16px;height:16px;border-radius:50%;pointer-events:none;flex-shrink:0}.spellbook-tab__label{pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.spellbook-close{position:absolute;top:-8px;right:-8px;width:40px;height:40px;background:url(/assets/ui/spellbook-close.png) center / contain no-repeat;border:none;cursor:pointer;z-index:3;padding:0;transition:filter .12s ease}.spellbook-close:hover{filter:brightness(1.3)}.spellbook-close:active{filter:brightness(.9)}.spellbook-page{position:absolute;top:62px;width:362px;height:530px;display:flex;flex-direction:column;overflow:hidden}.spellbook-page--left{left:70px}.spellbook-page--right{right:70px}.spellbook-page-header{color:#3d2b1a;font-weight:700;font-size:15px;text-align:center;padding:38px 0 6px;border-bottom:1px solid rgba(139,105,20,.3);flex-shrink:0}.spellbook-page-spells{flex:1;overflow-y:auto;padding:8px 35px 56px;display:flex;flex-direction:column;gap:6px}.spellbook-page-spells::-webkit-scrollbar{width:6px}.spellbook-page-spells::-webkit-scrollbar-track{background:#3d2b1a26;border-radius:3px}.spellbook-page-spells::-webkit-scrollbar-thumb{background:#8b691466;border-radius:3px}.spellbook-spell{width:100%;border:none;border-radius:6px;background:transparent;color:#3d2b1a;text-align:left;padding:6px 8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;font-size:13px;transition:background .1s ease,border-color .1s ease}.spellbook-spell:hover:not(:disabled){background:#94775abf;border-color:#d4af37}.spellbook-spell:disabled{cursor:default}.spellbook-spell__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.spellbook-spell__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spellbook-spell__mana{color:#0a1e36;border-radius:999px;padding:1px;font-size:11px}.spellbook-arrow{position:absolute;bottom:16px;z-index:1;width:48px;height:48px;background:url(/assets/ui/spellbook-arrow-normal.png) center / contain no-repeat;border:none;cursor:pointer;padding:0;flex-shrink:0}.spellbook-page--left .spellbook-arrow{left:16px}.spellbook-page--right .spellbook-arrow{right:16px}.spellbook-arrow:hover:not(:disabled){background-image:url(/assets/ui/spellbook-arrow-hover.png)}.spellbook-arrow:active:not(:disabled){background-image:url(/assets/ui/spellbook-arrow-pressed.png)}.spellbook-arrow--prev{transform:scaleX(-1)}.spellbook-arrow:disabled{opacity:.3;cursor:default;pointer-events:none}.spellbook-page-indicator{position:absolute;bottom:74px;left:50%;transform:translate(-50%);color:#3d2b1a;font-size:12px;font-weight:600;text-shadow:0 0 4px rgba(232,213,176,.4);pointer-events:none}.spellbook-mana{position:absolute;bottom:-72px;left:50%;transform:translate(-50%);width:520px;height:64px;z-index:2}.spellbook-mana__track{position:absolute;left:78px;right:78px;top:18px;height:28px;background:#0f172a;border-radius:3px;overflow:hidden}.spellbook-mana__fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:3px;transition:width .2s ease}.spellbook-mana__frame{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/ui/spellbook-mana-frame.png) center / 100% 100% no-repeat;pointer-events:none}.spellbook-mana__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#f5e6c8;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;margin-top:-4px}.spellbook-empty{color:#8b7a5e;font-size:12px;font-style:italic;text-align:center;padding:20px 0}:root{--ui-ink: #08090d;--ui-panel-deep: #100c0b;--ui-panel: #1b1410;--ui-panel-raised: #281d14;--ui-gold-dark: #72521d;--ui-gold: #b88a35;--ui-gold-bright: #e3c173;--ui-ivory: #f3ead7;--ui-muted: #a89a80;--ui-danger: #d26a5e;--ui-success: #80bd82;--ui-display-font: "Palatino Linotype", "Book Antiqua", Georgia, serif}.dialog-backdrop{padding:24px;background:radial-gradient(circle at 50% 42%,rgba(18,24,42,.18),transparent 34%),radial-gradient(ellipse at center,#02040a70,#010206e0);-webkit-backdrop-filter:blur(5px) saturate(.72);backdrop-filter:blur(5px) saturate(.72);animation:studioBackdropIn .22s ease-out}.dialog-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 48%,rgba(225,192,111,.025) 49%,transparent 50%),radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.38) 100%);pointer-events:none}.dialog-panel{position:relative;min-width:360px;max-width:min(760px,calc(100vw - 48px));overflow:hidden;border:1px solid rgba(220,182,93,.74);border-radius:2px;outline:5px solid rgba(5,6,10,.78);background:radial-gradient(circle at 14% 0%,rgba(184,133,53,.12),transparent 34%),repeating-linear-gradient(120deg,transparent 0 5px,rgba(255,226,166,.012) 5px 6px),linear-gradient(145deg,#2d1f15fb,#100c0bfe 62%);box-shadow:inset 0 0 0 1px #ffe6ab1a,inset 0 0 45px #00000075,0 28px 80px #000000b8,0 0 45px #503e2a29;animation:studioPanelIn .26s cubic-bezier(.2,.8,.2,1)}.dialog-panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:0;border:1px solid rgba(167,122,43,.35);box-shadow:inset 0 0 0 1px #00000073;pointer-events:none}.dialog-panel:after{content:"";position:absolute;top:6px;left:50%;z-index:3;width:8px;height:8px;border:1px solid var(--ui-gold-bright);background:#21170f;box-shadow:0 0 10px #e3c17333;transform:translate(-50%) rotate(45deg);pointer-events:none}.dialog-header{position:relative;z-index:1;min-height:60px;justify-content:center;padding:15px 58px 14px;border:0;border-bottom:1px solid rgba(184,138,53,.5);background:linear-gradient(90deg,transparent,rgba(213,165,73,.055) 28%,rgba(213,165,73,.08) 50%,rgba(213,165,73,.055) 72%,transparent),linear-gradient(180deg,#3d2817a3,#140e0b66);box-shadow:inset 0 -1px #000000b3,0 8px 22px #0003}.dialog-header h2{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;color:var(--ui-gold-bright);font-family:var(--ui-display-font);font-size:18px;font-weight:700;letter-spacing:.14em;line-height:1.1;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.92)}.dialog-header h2:before,.dialog-header h2:after{content:"";width:min(72px,15%);height:1px;background:linear-gradient(90deg,transparent,rgba(218,179,91,.8))}.dialog-header h2:after{background:linear-gradient(90deg,rgba(218,179,91,.8),transparent)}.dialog-close{position:absolute;top:13px;right:15px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0 0 2px;border:1px solid rgba(186,143,59,.68);border-radius:2px;background:linear-gradient(180deg,#46311deb,#140f0dfa);color:#d9c7a3;font-family:Georgia,serif;font-size:22px;line-height:1;box-shadow:inset 0 1px #ffefc212,0 4px 10px #00000052;transition:color .14s ease,border-color .14s ease,background .14s ease,transform .14s ease}.dialog-close:hover{border-color:var(--ui-gold-bright);background:linear-gradient(180deg,#69461ff5,#1d130e);color:#fff1cf;transform:translateY(-1px)}.dialog-close:active{transform:translateY(1px)}.dialog-content{position:relative;z-index:1;padding:22px 24px 24px;color:var(--ui-ivory)}.ui-button{position:relative;min-height:38px;padding:8px 17px;overflow:hidden;border:1px solid rgba(188,145,61,.82);border-radius:1px;background:linear-gradient(180deg,#3a291bfa,#15100efa);color:#e9ddc4;font-family:var(--ui-display-font);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.1;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.88);box-shadow:inset 0 1px #ffeec112,inset 0 -1px #00000080,0 4px 10px #0000003d;transition:color .14s ease,transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease}.ui-button:after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,241,205,.11),transparent);transform:skew(-24deg);transition:left .36s ease;pointer-events:none}.ui-button--primary{border-color:#dfba64;background:linear-gradient(180deg,#c29847,#8f6528 48%,#624219);color:#fff0c9;text-shadow:0 1px rgba(0,0,0,.76),0 0 8px rgba(255,229,163,.08);box-shadow:inset 0 1px #fff4cf3d,inset 0 -1px #341e08b8,0 5px 14px #0000004d}.ui-button--secondary{border-color:#9d742db8;background:linear-gradient(180deg,#33251bfa,#120e0dfc)}.ui-button:hover:not(:disabled),.ui-button:focus-visible{border-color:#e6c474;color:#fff3d2;filter:brightness(1.08);box-shadow:inset 0 1px #fff3cd24,0 5px 18px #0000005c,0 0 14px #d4af5324;outline:none}.ui-button:hover:not(:disabled):after,.ui-button:focus-visible:after{left:125%}.ui-button:active:not(:disabled){transform:translateY(1px);filter:brightness(.93);box-shadow:inset 0 3px 7px #0000007a}.ui-button--disabled,.ui-button:disabled{opacity:.46;filter:grayscale(.65);box-shadow:none}.dialog-panel label,.map-editor-shell label{color:#bbae94;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dialog-panel input:not([type=checkbox]):not([type=radio]),.dialog-panel select,.dialog-panel textarea,.map-editor-shell input:not([type=checkbox]):not([type=radio]),.map-editor-shell select,.map-editor-shell textarea{min-height:40px;border:1px solid rgba(142,105,42,.78);border-radius:1px;outline:none;background:linear-gradient(180deg,#04070ed1,#0f0d0ef0);color:var(--ui-ivory);box-shadow:inset 0 2px 8px #00000094,0 1px #ffecbc09;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.dialog-panel input::placeholder,.dialog-panel textarea::placeholder{color:#b9ae9775}.dialog-panel input:not([type=checkbox]):not([type=radio]):focus,.dialog-panel select:focus,.dialog-panel textarea:focus,.map-editor-shell input:not([type=checkbox]):not([type=radio]):focus,.map-editor-shell select:focus,.map-editor-shell textarea:focus{border-color:#d5ad58;background:linear-gradient(180deg,#070a13eb,#14100ffa);box-shadow:inset 0 2px 8px #00000094,0 0 0 1px #d5ad582e,0 0 14px #d5ad581a}.dialog-content,.map-editor__palette,.map-editor__inspector{scrollbar-color:rgba(180,137,55,.65) rgba(8,8,10,.42);scrollbar-width:thin}.dialog-content::-webkit-scrollbar,.map-editor__palette::-webkit-scrollbar,.map-editor__inspector::-webkit-scrollbar{width:8px;height:8px}.dialog-content::-webkit-scrollbar-track,.map-editor__palette::-webkit-scrollbar-track,.map-editor__inspector::-webkit-scrollbar-track{background:#0506096b}.dialog-content::-webkit-scrollbar-thumb,.map-editor__palette::-webkit-scrollbar-thumb,.map-editor__inspector::-webkit-scrollbar-thumb{border:1px solid rgba(8,8,10,.72);background:linear-gradient(180deg,#9d7431,#5f421d)}.ui-panel{border:1px solid rgba(188,145,61,.72);border-image:none;background:radial-gradient(circle at 12% 0%,rgba(188,145,61,.1),transparent 33%),linear-gradient(145deg,#271c14f5,#0e0c0cfa);box-shadow:inset 0 0 0 1px #ffe7b10d,inset 0 0 22px #00000052,0 8px 24px #0006}.ui-panel__title{padding:10px 12px;border-bottom:1px solid rgba(157,116,45,.58);background:#50361b2e;color:var(--ui-gold-bright);font-family:var(--ui-display-font);letter-spacing:.08em;text-transform:uppercase}.tooltip{border:1px solid rgba(205,164,75,.8);border-top:2px solid var(--ui-gold-bright);border-radius:1px;background:linear-gradient(145deg,#2a1d14fa,#0a090afc);box-shadow:inset 0 0 0 1px #ffe8b40f,0 12px 28px #0000008f}.map-editor__topbar,.map-editor__palette,.map-editor__inspector,.map-editor__statusbar{border-color:#a67c31a8;background:radial-gradient(circle at 0 0,rgba(191,143,58,.09),transparent 28%),linear-gradient(145deg,#251b15fb,#08090cfc);box-shadow:inset 0 0 0 1px #ffe9b806,0 8px 22px #00000042}.map-editor__brand strong{color:#e4ca8b;font-family:var(--ui-display-font);letter-spacing:.08em}.map-editor__topbar button:not(.ui-button),.map-editor__palette button,.map-editor__inspector button{border-color:#87632899;background:linear-gradient(180deg,#37271bf5,#0f0d0dfa);color:#d9cdb7;box-shadow:inset 0 1px #ffe8b30a}.map-editor__palette button.is-selected,.map-editor__inspector button.is-selected{border-color:#ddb963;background:linear-gradient(180deg,#926626f0,#4b3013fa);color:#fff0c8;box-shadow:inset 0 1px #fff4cf29,0 0 12px #dbb55d1f}.treasure-chest-dialog .dialog-panel,.visitable-choice-dialog .dialog-panel{width:min(700px,calc(100vw - 48px));max-width:none}.treasure-chest-dialog .treasure-chest-dialog__content{min-width:0;padding:24px 28px 28px;border:0;border-radius:0;box-shadow:inset 0 0 35px #0000003d}.treasure-chest-dialog .treasure-chest-dialog__chest{width:150px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.46))}.treasure-chest-dialog .treasure-chest-dialog__prompt,.visitable-choice-dialog .visitable-choice-dialog__prompt{color:#f0ddb0;font-family:Georgia,serif;font-size:16px}.treasure-chest-dialog .treasure-chest-dialog__option,.visitable-choice-dialog .visitable-choice-dialog__option{min-width:210px;min-height:64px;transition:filter .14s ease,transform .14s ease}.treasure-chest-dialog .treasure-chest-dialog__option:hover:not(:disabled),.visitable-choice-dialog .visitable-choice-dialog__option:hover:not(:disabled){filter:brightness(1.08) drop-shadow(0 6px 10px rgba(0,0,0,.3));transform:translateY(-2px)}.level-up .dialog-panel,.combat-result .dialog-panel,.diplomacy-dialog .dialog-panel{width:min(620px,calc(100vw - 48px));max-width:none}.level-up .level-up__option{max-width:none;padding:17px 15px;border:1px solid rgba(146,107,42,.58);border-radius:1px;background:radial-gradient(circle at 50% 0,rgba(181,134,53,.11),transparent 35%),linear-gradient(160deg,#2a1d14e0,#07090dd1)}.level-up .level-up__option:hover{border-color:#d9b55e;background:radial-gradient(circle at 50% 0,rgba(205,157,62,.16),transparent 38%),linear-gradient(160deg,#3b2716f0,#08090de6);box-shadow:0 9px 24px #0000004d;transform:translateY(-2px)}.combat-result .dialog-content{min-width:440px}.diplomacy-dialog .diplomacy-dialog__content{min-width:0;padding:6px 10px 2px}.diplomacy-dialog .diplomacy-dialog__message{color:#ddd0b8;font-family:Georgia,serif;font-size:15px;line-height:1.6}.diplomacy-dialog .diplomacy-dialog__status{display:inline-block;padding:6px 10px;border:1px solid rgba(142,104,42,.48);background:#07090d5c}.diplomacy-dialog .diplomacy-dialog__actions{gap:10px;padding-top:14px;border-top:1px solid rgba(141,104,43,.3)}.turn-transition{background:radial-gradient(circle at center,rgba(31,39,65,.28),transparent 28%),#010206e0;-webkit-backdrop-filter:blur(5px) saturate(.7);backdrop-filter:blur(5px) saturate(.7)}.turn-transition__card{position:relative;min-width:440px;padding:34px 56px;border:1px solid rgba(218,178,87,.74);outline:5px solid rgba(5,6,10,.72);background:radial-gradient(circle at 50% 0,rgba(194,145,58,.12),transparent 42%),linear-gradient(145deg,#2d1f15fa,#0a0a0dfc);box-shadow:inset 0 0 0 1px #ffe8b412,inset 0 0 40px #0000005c,0 24px 70px #000000ad}.turn-transition__card:before,.turn-transition__card:after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--ui-gold-bright);background:#1f160f;transform:rotate(45deg)}.turn-transition__card:before{top:-5px;left:-5px}.turn-transition__card:after{right:-5px;bottom:-5px}.ui-overlay-root .turn-transition__heading{color:#c9ad6c;font-family:var(--ui-display-font);font-size:12px;letter-spacing:.24em}.ui-overlay-root .turn-transition__name{font-family:var(--ui-display-font);font-size:34px;letter-spacing:.12em}.ui-overlay-root .turn-transition__hint{color:#8f8676;letter-spacing:.08em}.game-over{z-index:4000;background:radial-gradient(circle at center,rgba(75,28,23,.22),transparent 32%),#010206e6;-webkit-backdrop-filter:blur(6px) saturate(.62);backdrop-filter:blur(6px) saturate(.62)}.game-over__card{position:relative;min-width:min(480px,calc(100vw - 48px));gap:12px;padding:36px 42px;border:1px solid rgba(210,168,78,.72);outline:5px solid rgba(5,6,10,.78);background:radial-gradient(circle at 50% 0,rgba(188,137,54,.12),transparent 40%),linear-gradient(145deg,#2b1d14fb,#09090cfe);text-align:center;box-shadow:inset 0 0 0 1px #ffe6b10f,0 28px 80px #000000b8}.game-over__card h1{margin:0 0 8px;color:#e2c47d;font-family:var(--ui-display-font);font-size:34px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.8)}.game-over__card p{margin:0;padding:8px 10px;border-bottom:1px solid rgba(139,102,42,.28);color:#bfb29b}.game-over__card .ui-button{margin-top:12px}@keyframes studioBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes studioPanelIn{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 760px){.dialog-backdrop{align-items:flex-start;padding:14px;overflow-y:auto}.dialog-panel,.level-up .dialog-panel,.combat-result .dialog-panel,.diplomacy-dialog .dialog-panel{width:calc(100vw - 28px);min-width:0;max-width:none;margin:auto}.dialog-header{min-height:54px;padding-inline:52px}.dialog-header h2{font-size:15px}.dialog-content{padding:17px}.combat-result .dialog-content{min-width:0}.turn-transition__card{min-width:min(420px,calc(100vw - 40px));padding:30px 24px}}@media (prefers-reduced-motion: reduce){.dialog-backdrop,.dialog-panel{animation:none}.ui-button,.ui-button:after{transition:none}}.resource-icon__sprite{flex:0 0 auto;background-repeat:no-repeat}.resource-bar__day-icon{position:relative;width:15px;height:15px;border:1px solid #d7b761;border-radius:50%;background:radial-gradient(circle,#f4db91 0 34%,#b9882d 38% 60%,transparent 64%);box-shadow:0 0 8px #dbb45247}.resource-bar__day-icon:before,.resource-bar__day-icon:after{content:"";position:absolute;top:6px;right:-4px;bottom:6px;left:-4px;border-block:1px solid rgba(216,181,91,.72)}.resource-bar__day-icon:after{transform:rotate(90deg)}.building-group-heading__sigil{display:inline-grid;place-items:center;min-width:28px;height:20px;border:1px solid rgba(173,127,44,.52);background:#05070a75;color:#bca15e;font-size:8px;letter-spacing:.05em}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{display:flex;flex-direction:row;width:100vw;height:100vh;min-width:400px;overflow:hidden;background:#050916;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game-canvas{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border:0;background:#050916 url(/assets/ui/main-menu-background.webp) center center / cover no-repeat}body:not(.app-loading):not(:has(.pregame-root)):not(:has(.adventure-active)) #game-canvas{border:2px solid #c8a04a;background:#111827}body:has(.adventure-active){--resource-bar-height: 60px;padding-bottom:var(--resource-bar-height)}body:has(.adventure-active) #game-canvas{border:none}#game-canvas canvas{display:block;width:100%;height:100%}body:has(.adventure-active) #game-canvas canvas{filter:saturate(.96) contrast(1.035) brightness(.99)}body:has(.pregame-root) #game-canvas{border:0}#ui-overlay{position:relative;flex:0 0 0;width:0;height:100%;overflow:hidden;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-start}#ui-overlay.adventure-active{flex:0 0 var(--right-panel-width);width:var(--right-panel-width);overflow:visible}.hud{padding:16px 20px}.hud h1{margin:0;font-size:20px;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.6)}