.hud{position:absolute;inset:0;pointer-events:none;font-family:Trebuchet MS,ui-serif,Georgia,system-ui,sans-serif;font-size:13px;color:#f5e7c8;text-shadow:0 1px 0 #050403,0 2px 3px rgba(0,0,0,.65);user-select:none;-webkit-user-select:none}.hud button,.hud .hud-topbar,.hud .hud-bottom,.hud .hud-overlay{pointer-events:auto}.hud-topbar{position:absolute;top:6px;left:8px;width:fit-content;max-width:calc(100vw - 16px);min-height:34px;display:flex;align-items:center;gap:4px;padding:4px;background:linear-gradient(180deg,#3c332457,#0908069e 60%,#2e271b80),repeating-linear-gradient(92deg,#4e4434 0 3px,#463c2d 3px 6px);border:2px solid #100b08;box-shadow:inset 0 0 0 1px #8a7548,0 8px 22px #00000073,inset 0 2px #ffeeb32e}.hud-res{display:inline-flex;align-items:center;column-gap:5px;min-height:25px;padding:2px 8px 2px 5px;background:linear-gradient(180deg,#14120feb,#040404eb);border:1px solid #4b3c24;box-shadow:inset 0 1px #ffedb41f;font-variant-numeric:tabular-nums}.hud-res-icon,.hud-idle-icon,.hud-pop-icon{display:inline-flex;width:18px;height:18px}.hud-res-icon canvas,.hud-idle-icon canvas,.hud-pop-icon canvas{width:18px;height:18px}.hud-res-val{min-width:30px;text-align:right;font-size:14px;font-weight:800;color:#fff9eb}.hud-res-vill{min-width:0;font-size:11px;font-weight:800;color:#cbb98d}.hud-idle{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:2px 8px 2px 5px;background:linear-gradient(180deg,#14120feb,#040404eb);border:1px solid #4b3c24;box-shadow:inset 0 1px #ffedb41f;color:#f5e7c8;font:inherit;cursor:pointer}.hud-idle:disabled{opacity:.5;cursor:default}.hud-idle-count{min-width:12px;text-align:center;font-size:12px;font-weight:900;color:#ffe7a8}.hud-idle-some{border-color:#b9862e;animation:hud-idle-pulse 1.1s ease-in-out infinite}@keyframes hud-idle-pulse{0%,to{box-shadow:inset 0 1px #ffedb41f,0 0 #dca03200}50%{box-shadow:inset 0 1px #ffedb41f,0 0 10px #e6af3c8c}}.hud-res-0 .hud-res-val{color:#f2d79c}.hud-res-1 .hud-res-val{color:#c7e6b0}.hud-res-2 .hud-res-val{color:#f4e19a}.hud-res-3 .hud-res-val{color:#dfe4ea}.hud-clock{min-height:25px;display:inline-flex;align-items:center;padding:2px 8px;color:#e8d4a0;font-weight:800;font-variant-numeric:tabular-nums}.hud-pop,.hud-age{min-height:25px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:linear-gradient(180deg,#14120feb,#040404eb);border:1px solid #4b3c24;box-shadow:inset 0 1px #ffedb41f;font-weight:800;font-variant-numeric:tabular-nums}.hud-pop-near .hud-pop-val{color:#ffd080}.hud-pop-full{border-color:#a0392f;animation:hud-pop-flash 1s ease-in-out infinite}.hud-pop-full .hud-pop-val{color:#ff8d7e}@keyframes hud-pop-flash{0%,to{box-shadow:inset 0 1px #ffedb41f}50%{box-shadow:inset 0 1px #ffedb41f,0 0 10px #c83c3280}}.hud-aging{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:2px 9px;background:linear-gradient(180deg,#1e180ceb,#080603eb);border:1px solid #6a4a25;box-shadow:inset 0 1px #ffdc9629,0 0 8px #c8963233}.hud-aging-label{color:#ffd884;font-size:11px;font-weight:800;white-space:nowrap}.hud-aging-track{width:72px}.hud-age{color:#f2d485}.hud-topbar-right{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.hud-control{min-height:25px;padding:2px 12px;border:1px solid #4b3c24;background:linear-gradient(180deg,#14120feb,#040404eb);box-shadow:inset 0 1px #ffedb41f;color:#f5e7c8;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.hud-control-auto{border-color:#3d6a8a;color:#b8e4ff;box-shadow:inset 0 1px #bee6ff2e,0 0 10px #4892c440}.hud-control-manual{border-color:#6a5a35;color:#ffe7a8}.hud-speed{min-width:42px;border-color:#5a4a2a;color:#e8d4a0;font-variant-numeric:tabular-nums}.hud-speed-fast{border-color:#8a5a28;color:#ffd080;box-shadow:inset 0 1px #ffdc962e,0 0 8px #c8822838}.hud-control:hover{filter:brightness(1.08)}.hud-autoplay .hud-bottom{opacity:.72}.hud-autoplay .hud-btn:not(.hud-control){cursor:not-allowed}.hud-bottom{position:absolute;left:0;right:222px;bottom:0;height:156px;display:grid;grid-template-columns:268px minmax(360px,1fr);gap:12px;padding:13px 14px 12px;background:linear-gradient(90deg,rgba(62,60,55,.72),transparent 12%,transparent 88%,rgba(25,23,20,.6)),linear-gradient(180deg,#30291d80,#090806b8 22%,#0f0d0be6),repeating-linear-gradient(92deg,#4e4434 0 3px,#463c2d 3px 6px);border-top:3px solid #100b08;box-shadow:inset 0 3px #8a7548,inset 0 4px #ffeeb524,0 -12px 34px #0000006b}.hud-bottom:before,.hud-bottom:after{content:"";position:absolute;top:0;bottom:0;width:28px;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent),repeating-linear-gradient(180deg,#7b745f 0 9px,#514a3b 9px 18px);border-left:1px solid #1a130d;border-right:1px solid #8a7a52;pointer-events:none}.hud-bottom:before{left:0}.hud-bottom:after{right:0;transform:scaleX(-1)}.hud-selection{position:relative;min-width:0;padding:9px 10px;overflow:auto;color:#2b2117;text-shadow:none;background:linear-gradient(180deg,rgba(255,238,188,.22),transparent 22%),linear-gradient(135deg,#c9ac78,#e1c894 48%,#b89561);border:2px solid #4e3820;box-shadow:inset 0 0 0 1px #ffefb859,inset 0 0 22px #492a1138,0 2px #15100d}.hud-commands{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px;overflow:auto;padding:9px 10px;background:linear-gradient(180deg,rgba(255,234,182,.16),transparent 22%),linear-gradient(135deg,#32281c,#11100d 45%,#2a2319);border:2px solid #4e3820;box-shadow:inset 0 0 0 1px #ffefb826,inset 0 0 24px #00000080,0 2px #15100d}.hud-commands:empty:before{content:"";position:absolute;inset:18px;background:radial-gradient(ellipse at 50% 45%,rgba(206,168,88,.12),transparent 28%),linear-gradient(90deg,transparent,rgba(214,179,102,.12),transparent);border-top:1px solid rgba(214,179,102,.18);border-bottom:1px solid rgba(214,179,102,.18);opacity:.72}.hud-panel-title,.hud-hint{color:#e8c676;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.hud-selection .hud-hint{color:#5c3b1f}.hud-sel-single{display:flex;flex-direction:column;gap:7px}.hud-sel-header{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center}.hud-sel-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.hud-sel-name{overflow:hidden;color:#2b2117;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hud-sel-hp{color:#32632a;font-weight:800;font-variant-numeric:tabular-nums}.hud-sel-stat{color:#5e4428;font-size:12px}.hud-portrait,.hud-portrait-sm{display:inline-flex;align-items:center;justify-content:center;color:#fff7e6;background:radial-gradient(circle at 45% 32%,rgba(240,226,186,.9),transparent 55%),linear-gradient(180deg,#d8c9a3,#b89f6f);border:2px solid #4e3820;box-shadow:inset 0 0 0 1px #8a7548,inset 0 1px #fff4cd8c,0 4px 14px #00000047;font-weight:900}.hud-portrait{width:52px;height:52px;font-size:13px}.hud-portrait-sm{width:34px;height:34px;font-size:10px}.hud-sel-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hud-sel-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-count{color:#d9cfb8;font-size:10px;font-weight:800}.hud-btn-row{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));grid-auto-rows:1fr;gap:4px}.hud-btn{position:relative;min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:7px;padding:5px 8px;overflow:hidden;color:#fff6e4;background:linear-gradient(180deg,#816f4af2,#322718fa),#3b2a18;border:2px solid #6a4a25;box-shadow:inset 0 1px #ffedb440,inset 0 -6px 10px #00000038,0 2px #100b08;font:inherit;text-align:left;cursor:pointer;transition:transform .08s ease,border-color .12s ease,filter .12s ease,opacity .12s ease}.hud-btn-icon{display:inline-flex;width:28px;height:28px;border:1px solid #2a1c10;background:#00000059}.hud-btn-icon canvas{width:28px;height:28px;image-rendering:pixelated}.hud-btn-hotkey{position:absolute;top:2px;left:2px;padding:0 3px;font-family:Georgia,Times New Roman,serif;font-variant:small-caps;font-size:10px;font-weight:900;letter-spacing:.04em;color:#ffe7a8;background:#1c140c;border:1px solid #b08a3e;box-shadow:0 0 0 1px #100b08e6}.hud-btn-cost{display:inline-flex;flex-wrap:wrap;gap:5px}.hud-cost{font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.hud-cost-food{color:#e4b35b}.hud-cost-wood{color:#86c36f}.hud-cost-gold{color:#e7c64a}.hud-cost-stone{color:#b9c0c9}.hud-cost-no{color:#ff6f5e;font-weight:900}.hud-btn-age{border-color:#d6a63c;box-shadow:inset 0 1px #ffedb44d,0 0 10px #dcaa4680,0 2px #100b08}.hud-btn-unaffordable:disabled{opacity:.82;filter:grayscale(.85) brightness(.65);cursor:default}.hud-btn:hover:not(:disabled){border-color:#d6b15d;outline:1px solid #c9a94f;outline-offset:-3px;filter:brightness(1.12)}.hud-btn:active:not(:disabled){transform:translateY(1px)}.hud-btn:disabled{opacity:.42;cursor:default;filter:saturate(.4)}.hud-btn-main{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.hud-cancel{min-height:28px;width:32px;display:flex;grid-template-columns:none;align-items:center;justify-content:center;padding:4px 8px}.hud-queue{display:flex;flex-direction:column;gap:5px}.hud-queue:empty{display:none}.hud-queue-item{display:grid;grid-template-columns:minmax(64px,auto) minmax(90px,1fr) 34px;align-items:center;gap:8px}.hud-queue-label{min-width:0;overflow:hidden;color:#fff1d0;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hud-progress{height:10px;overflow:hidden;background:#0000009e;border:1px solid #594223}.hud-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#bd822f,#e1c26f);transition:width .12s linear}.hud-toasts{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.hud-toast{position:relative;padding:7px 16px;color:#fff8ea;background:linear-gradient(180deg,#30281cf7,#100d0af7);border:2px solid #6f5a35;box-shadow:inset 0 0 0 1px #8a754880,0 8px 24px #0000004d;font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.03em;font-weight:700}.hud-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000094}.hud-hidden{display:none!important}.hud-overlay.hud-hidden{display:none}.hud-overlay-text{font-size:clamp(42px,10vw,84px);font-weight:950;letter-spacing:0;text-shadow:0 6px 28px rgba(0,0,0,.85)}.hud-overlay.hud-victory .hud-overlay-text{color:#8bd889}.hud-portrait canvas,.hud-portrait-sm canvas{width:100%;height:100%;image-rendering:pixelated}.hud-hpbar{position:relative;height:14px;margin:1px 0;background:#00000080;border:1px solid #3c2a17;overflow:hidden}.hud-hpbar-fill{height:100%;width:100%;transition:width .12s linear}.hud-hp-hi{background:#57ae4e}.hud-hp-mid{background:#d8a63c}.hud-hp-lo{background:#c9473c}.hud-hpbar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f6f2e4;font-size:10px;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.8)}.hud-sel-carry{color:#7a5a2c;font-weight:800}.hud-sel-build{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:8px;color:#5c3b1f;font-size:12px;font-weight:800}.hud-sel-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;background:transparent;border:1px solid transparent;font:inherit;cursor:pointer}.hud-sel-cell:hover:not(:disabled){border-color:#6a4a25;background:#0000001f}.hud-sel-cell:disabled{cursor:default}.hud-tooltip{position:absolute;z-index:5;max-width:260px;padding:8px 10px;color:#f5e7c8;background:linear-gradient(180deg,#231d14fa,#0c0a08fa);border:2px solid #6f5a35;box-shadow:0 10px 28px #00000080;pointer-events:none}.hud-tt-title{font-size:13px;font-weight:900;color:#ffe7a8}.hud-tt-cost{display:flex;gap:8px;margin:3px 0}.hud-tt-line{font-size:11px;color:#d9cbaa}.hud-tt-req{margin-top:3px;font-size:11px;font-weight:800;color:#ff9a6f}.hud-toast-good{border-left:4px solid #57ae4e}.hud-toast-info{border-left:4px solid #cbb890}.hud-toast-alert{border-left:4px solid #c9473c;padding-left:30px}.hud-toast-click{pointer-events:auto;cursor:pointer}.hud-toast-alert:before,.hud-toast-alert:after{content:"";position:absolute;left:12px;width:0;height:0}.hud-toast-alert:before{top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #e79a4a}.hud-toast-alert:after{top:50%;left:10px;margin-top:-3px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #f2c778}.hud-toast-in{animation:hud-toast-in .18s ease-out}.hud-toast-alert.hud-toast-in{animation:hud-toast-in .18s ease-out,hud-toast-shake .4s ease-out}@keyframes hud-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes hud-toast-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#minimap-pings{position:absolute;inset:0;pointer-events:none;z-index:3}.hud-ping{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid #e0564a;border-radius:50%;animation:hud-ping 1.8s ease-out 2}.hud-ping:after{content:"";position:absolute;inset:-2px;border:2px solid #e0564a;border-radius:50%;animation:hud-ping 1.8s ease-out 2;animation-delay:.3s}@keyframes hud-ping{0%{transform:scale(.4);opacity:1}to{transform:scale(2.4);opacity:0}}.hud-over-panel{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:320px;padding:26px 34px;background:linear-gradient(180deg,#2e261afa,#0e0c09fa);border:2px solid #6f5a35;box-shadow:0 18px 50px #0009,inset 0 1px #ffeeb533;animation:hud-panel-in .28s ease-out}@keyframes hud-panel-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hud-over-panel .hud-overlay-text{font-size:clamp(34px,6vw,58px)}.hud-over-sub{color:#e8d4a0;font-weight:800}.hud-over-stats{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.hud-over-stats td{padding:4px 10px;border-bottom:1px solid rgba(255,238,181,.12)}.hud-over-stats td:first-child{color:#cdbb93}.hud-over-stats td:last-child{text-align:right;font-weight:800;color:#fff6e4}.hud-over-again{display:inline-flex;align-items:center;justify-content:center;grid-template-columns:none;min-width:140px;margin-top:6px}.hud-help{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:auto}.hud-help-card{max-width:min(520px,92vw);max-height:82vh;overflow:auto;padding:20px 26px;background:linear-gradient(180deg,#2e261afa,#0e0c09fa);border:2px solid #6f5a35;box-shadow:0 18px 50px #0009}.hud-help-title{margin-bottom:12px;font-size:20px;font-weight:900;color:#ffe7a8}.hud-help-list{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}.hud-help-key{font-weight:900;color:#f2d485;white-space:nowrap}.hud-help-desc{margin:0;color:#ded0b0}.hud-help-close{display:inline-flex;align-items:center;justify-content:center;grid-template-columns:none;min-width:100px;margin-top:16px}@media (max-width: 860px){.hud-topbar{flex-wrap:wrap;right:10px}.hud-bottom{right:10px;grid-template-columns:1fr;height:auto;max-height:42vh;overflow:auto}.hud-btn-row{grid-template-columns:repeat(5,minmax(0,1fr))}.hud-res-vill,.hud-clock{display:none}}@media (max-width: 560px){.hud{font-size:12px}.hud-aging{display:none}.hud-topbar{top:6px;left:6px;right:6px;gap:5px}.hud-res{grid-template-columns:minmax(28px,auto) minmax(34px,auto);padding:2px 6px}.hud-bottom{left:6px;right:6px;bottom:6px;padding:8px}.hud-btn-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}}.hud-panel-title{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.08em;text-transform:none;color:#d8c493}.hud-sel-name{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.06em}.hud-res-val{font-size:15px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud-age-pips{display:inline-flex;align-items:center;gap:4px;padding:0 5px}.hud-age-pip{width:7px;height:7px;transform:rotate(45deg);border:1px solid #8a7548;background:#3a332a}.hud-age-pip-on{background:#e0b040;box-shadow:0 0 4px #e0b040b3}.hud-age-banner{position:fixed;top:22%;left:50%;z-index:7;padding:18px 56px;text-align:center;pointer-events:none;background:linear-gradient(180deg,#efe3c2,#d8c493);border:2px solid #8a7548;box-shadow:0 0 0 1px #100b08,0 18px 46px #0009,inset 0 1px #fffae4b3;animation:hud-age-banner 3.5s ease-out forwards}.hud-age-banner-title{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.12em;font-size:34px;font-weight:900;color:#4a3517;text-shadow:0 1px 0 rgba(255,247,220,.65)}.hud-age-banner-sub{margin-top:4px;font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.08em;font-size:14px;color:#6a4f28}.hud-age-banner:before,.hud-age-banner:after{content:"";position:absolute;bottom:10px;width:24px;height:40px;border:3px solid #8a7548;opacity:.8}.hud-age-banner:before{left:14px;border-top:none;border-right:none;border-radius:0 0 0 24px}.hud-age-banner:after{right:14px;border-top:none;border-left:none;border-radius:0 0 24px}@keyframes hud-age-banner{0%{opacity:0;transform:translate(-50%) scale(.92)}9%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}.hud-res-low{border-color:#b9862e;animation:hud-res-low 1.2s ease-in-out infinite}.hud-res-low .hud-res-val{color:#ffb45e}@keyframes hud-res-low{0%,to{box-shadow:inset 0 1px #ffedb41f}50%{box-shadow:inset 0 1px #ffedb41f,0 0 8px #ffb45e80}}.hud-btn-locked:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:6px;background:#d8c493;border:1px solid #100b08;border-radius:1px}.hud-btn-locked:before{content:"";position:absolute;right:6px;bottom:9px;width:3px;height:5px;border:1px solid #d8c493;border-bottom:none;border-radius:3px 3px 0 0;z-index:1}.hud-overlay{background:radial-gradient(ellipse at 50% 45%,#0000006b,#000000d6 78%)}.hud-over-panel .hud-overlay-text{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 22px rgba(0,0,0,.7),0 6px 30px rgba(0,0,0,.85)}.hud-overlay.hud-victory .hud-overlay-text{color:#e8c96a}.hud-overlay.hud-defeat .hud-overlay-text{color:#e66f62}.hud-overlay.hud-draw .hud-overlay-text{color:#e8dfcc}.hud-over-sub{font-family:Georgia,Times New Roman,serif;font-variant:small-caps;letter-spacing:.06em}.hud-over-stats td{border-bottom:1px solid rgba(200,168,92,.35)}.hud-over-again{border-color:#c9a94f;box-shadow:inset 0 1px #ffedb44d,0 0 12px #c9a94f66,0 2px #100b08}.hud-audio-btn{min-height:25px;padding:2px 12px;border:1px solid #4b3c24;background:linear-gradient(180deg,#14120feb,#040404eb);box-shadow:inset 0 1px #ffedb41f;color:#f5e7c8;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.hud-audio-btn:hover{filter:brightness(1.08)}.setup-controls{position:absolute;top:6px;right:12px;z-index:4;display:inline-flex;align-items:center;gap:6px}.setup-gear,.setup-ghlink{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:Trebuchet MS,ui-serif,Georgia,system-ui,sans-serif;font-size:13px;font-weight:700;color:#f5e7c8;text-decoration:none;text-shadow:0 1px 0 #050403,0 2px 3px rgba(0,0,0,.65);cursor:pointer;background:linear-gradient(180deg,#3c332470,#090806b3 60%,#2e271b8c),repeating-linear-gradient(92deg,#4e4434 0 3px,#463c2d 3px 6px);border:2px solid #100b08;border-radius:4px;box-shadow:inset 0 0 0 1px #8a7548,0 8px 22px #00000073}.setup-gear:hover,.setup-ghlink:hover{filter:brightness(1.12)}.setup-ghlink svg{width:16px;height:16px;fill:currentColor}.setup-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:auto;background:radial-gradient(circle at 50% 30%,#526f3c38,#040504d1 66%);backdrop-filter:blur(3px);font-family:Trebuchet MS,ui-serif,Georgia,system-ui,sans-serif;color:#f5e7c8;text-shadow:0 1px 0 #050403,0 2px 3px rgba(0,0,0,.6)}.setup-overlay[hidden]{display:none}.setup-panel{width:min(520px,100%);max-height:100%;overflow:auto;box-sizing:border-box;padding:20px 22px 22px;background:linear-gradient(180deg,#3c332480,#090806c7 60%,#2e271b99),repeating-linear-gradient(92deg,#4e4434 0 3px,#463c2d 3px 6px);border:2px solid #100b08;border-radius:8px;box-shadow:inset 0 0 0 1px #8a7548,inset 0 0 0 2px #100b08,0 24px 60px #0009}.setup-title{margin:0 0 4px;font-size:22px;letter-spacing:.5px;color:#ffe9b0}.setup-subtitle{margin:0 0 16px;font-size:12px;opacity:.72}.setup-field{margin-bottom:16px}.setup-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;opacity:.85}.setup-hint{margin-top:4px;font-size:11px;opacity:.6}.setup-row{display:flex;align-items:center;gap:8px}.setup-input,.setup-select{flex:1 1 auto;min-width:0;padding:8px 10px;font:inherit;color:#f7ecd2;background:#0c0a07b3;border:1px solid #8a7548;border-radius:4px}.setup-input:focus,.setup-select:focus{outline:none;border-color:#ffe9b0;box-shadow:0 0 0 2px #ffe9b047}.setup-select option{color:#f7ecd2;background:#1a150e}.setup-range{flex:1 1 auto;accent-color:#c9a24a}.setup-value{min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#ffe9b0}.setup-seg{display:inline-flex;border:1px solid #8a7548;border-radius:4px;overflow:hidden}.setup-seg button{padding:8px 14px;font:inherit;font-weight:700;color:#e8dcbe;background:#0c0a078c;border:none;border-left:1px solid #6d614b;cursor:pointer}.setup-seg button:first-child{border-left:none}.setup-seg button:hover{background:#5a4a2899}.setup-seg button[aria-pressed=true]{color:#1a1206;text-shadow:none;background:linear-gradient(180deg,#f2d488,#c9a24a)}.setup-players{display:flex;flex-direction:column;gap:8px}.setup-player{display:flex;align-items:center;gap:8px;padding:8px;background:#0c0a0773;border:1px solid #4e4434;border-radius:4px}.setup-player-dot{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:1px solid #100b08;box-shadow:inset 0 0 0 1px #ffffff40}.setup-player-name{flex:0 0 auto;width:4.5em;font-weight:700}.setup-player .setup-select{flex:1 1 auto}.setup-btns{display:flex;gap:10px;margin-top:20px}.setup-btn{flex:1 1 auto;padding:11px 14px;font:inherit;font-size:15px;font-weight:700;letter-spacing:.4px;color:#e8dcbe;cursor:pointer;background:#0c0a0799;border:1px solid #8a7548;border-radius:5px}.setup-btn:hover{filter:brightness(1.12)}.setup-btn-primary{color:#1a1206;text-shadow:none;background:linear-gradient(180deg,#f2d488,#c9a24a);border-color:#ffe9b0}.setup-btn-ghost{flex:0 0 auto}