:root{--plate-900:#0d0f11;--plate-800:#15181b;--plate-700:#1f2327;--plate-600:#22262b;--steel-hi:#3b4148;--steel-lo:#262a30;--steel-idle-hi:#2c3036;--steel-idle-lo:#1f2327;--glass:#07090b;--edge:#0a0b0d;--mustard:#d6a630;--mustard-muted:#b39550;--mustard-text:#e9c968;--ink-on-mustard:#1b1810;--brass-hi:#f0d79c;--brass:#b8924f;--brass-lo:#7a5a2a;--brass-text:#f2dca6;--brass-icon:#e7cf95;--brass-link:#d9bc80;--slate-tab:#34495a;--slate-tab-text:#e8eef3;--text:#ece5d4;--text-muted:#c8ccd2;--text-dim:#b4bcc4;--readout:#f3e2b3;--readout-zero:#7a705a;--positive:#82d99a;--negative:#f2867b;--caution:#f0a95e;--confirm:#3f9a5f;--confirm-ink:#0f1f15;--danger:#8e2128;--danger-ink:#fbeeee;--badge:#b52a2a;--alert:#e8692a;--faction-crimson:#a8262e;--faction-emerald:#2a8058;--faction-ochre:#c08328;--faction-steel:#6c7884;--tincture-gold:#ecd078;--tincture-rose:#e88c90;--tincture-azure:#2f4f86;--tincture-sky:#84b2de;--tincture-purpure:#6a3d86;--tincture-rust:#9a4a22;--tincture-olive:#5f6b2a;--tincture-teal:#2f8f8f;--res-wheat:#d8c98a;--res-iron:#9fb0c0;--font-display:"Cormorant SC", "Cormorant Garamond", Georgia, serif;--font-label:Oswald, "Arial Narrow", sans-serif;--font-data:"IBM Plex Sans", "Segoe UI", sans-serif;--space-1:3px;--space-2:6px;--space-3:10px;--space-4:16px;--space-5:24px;--radius-bar:1px;--radius-plate:2px;--radius-button:3px;--radius-pill:999px;--shadow-plate:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #000c, inset 0 0 24px #00000047, 0 0 0 1px #08090b, 0 10px 24px #0009;--shadow-button:inset 0 1px 0 #ffffff38, inset 0 -2px 0 #00000080, 0 2px 3px #000000a6;--shadow-recess:inset 0 2px 3px #000000f2, 0 0 0 1px #000, 0 1px 0 1px #ffffff1a;--shadow-enamel:inset 0 1px 0 #fffae499, inset 0 -3px 0 #50340066;--bc-texture:.25}html,body{background:var(--plate-900);height:100%;color:var(--text);font:12px/1.35 var(--font-data);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}#hud{pointer-events:none;font-variant-numeric:tabular-nums;background:radial-gradient(75% 70%,#0000 60%,#05060861 100%);position:fixed;inset:0}.bc-tex{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bc-tex--plate{mix-blend-mode:overlay;opacity:var(--bc-texture,.25)}.bc-tex--chip{opacity:var(--bc-texture,.25)}.bc-reflect{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bc-layer{z-index:2;position:relative}.bc-plate{isolation:isolate;padding:var(--space-3);border-radius:var(--radius-plate);background:radial-gradient(circle at 9px calc(100% - 9px), #dfe2e6 0 .8px, #8c939b 1.6px, #3b4046 2.8px, #000000bf 3.6px, transparent 4.4px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), #dfe2e6 0 .8px, #8c939b 1.6px, #3b4046 2.8px, #000000bf 3.6px, transparent 4.4px), radial-gradient(ellipse 90% 70% at 20% 0%, #c8d4e017, transparent 70%), var(--plate-600);box-shadow:var(--shadow-plate);position:relative;overflow:hidden}.bc-plate--wide{background:radial-gradient(ellipse 90% 70% at 20% 0%, #c8d4e012, transparent 70%), var(--plate-700)}.bc-inlay{background:linear-gradient(180deg, var(--brass-hi) 0%, var(--brass) 45%, var(--brass-lo) 100%);z-index:1;height:3px;position:relative;box-shadow:0 1px #000c}.bc-card{border-radius:var(--radius-plate);background:var(--plate-800);position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000e6,0 0 0 1px #000,0 1px 0 1px #ffffff14}.bc-header{isolation:isolate;font:600 13px/1.2 var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-on-mustard);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);background:radial-gradient(ellipse 70% 140% at 18% 0%, #fff4cd66, transparent 65%), var(--mustard);box-shadow:var(--shadow-enamel);margin:0;padding:4px 30px 3px 12px;display:inline-block;position:relative;overflow:hidden}.bc-btn{isolation:isolate;cursor:pointer;border:1px solid var(--edge);border-radius:var(--radius-button);height:28px;font:500 11px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:radial-gradient(ellipse 90% 70% at 30% 0%, #e1e8f02b, transparent 62%), linear-gradient(180deg, var(--steel-hi), var(--steel-lo));box-shadow:var(--shadow-button);pointer-events:auto;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative;overflow:hidden}.bc-btn:hover{color:var(--brass-text)}.bc-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #000c}.bc-btn:focus-visible{outline:2px solid var(--brass-text);outline-offset:2px}.bc-btn--icon{width:28px;color:var(--brass-icon);padding:0}.bc-btn--danger{color:var(--danger-ink);background:radial-gradient(ellipse 90% 70% at 30% 0%, #ffd2d233, transparent 62%), linear-gradient(180deg, var(--danger), #5e1418);border-color:#2a0a0c}.bc-btn[disabled]{cursor:not-allowed;color:var(--text-dim);background:#181b1e;box-shadow:inset 0 2px 5px #000000d9,0 1px #ffffff14}.bc-btn[disabled]:active{transform:none}.bc-btn--accent,.bc-btn[aria-pressed=true]{color:var(--ink-on-mustard);background:radial-gradient(ellipse 80% 80% at 30% 0%, #fff4cd73, transparent 65%), var(--mustard);border-color:#3a2a06;font-weight:600;box-shadow:inset 0 1px #fffae499,inset 0 -2px #50340073}.bc-readout{border-radius:var(--radius-plate);height:20px;font:500 15px/20px var(--font-label);color:var(--readout);box-shadow:var(--shadow-recess);background:repeating-linear-gradient(90deg,#0000 0 10px,#000 10px 11px),linear-gradient(#1d2226 0%,#0a0d0f 44%,#000 50%,#0a0d0f 56%,#1a1e22 100%);display:inline-flex;position:relative;overflow:hidden}.bc-readout>span{text-align:center;width:11px;display:inline-block}.bc-readout .z{color:var(--readout-zero)}.bc-glass{border-radius:var(--radius-plate);height:22px;font:16px var(--font-label);letter-spacing:.08em;color:var(--readout);background:radial-gradient(ellipse 100% 90% at 50% 120%, #d6a63024, transparent 70%), var(--glass);box-shadow:var(--shadow-recess);align-items:center;gap:8px;padding:0 8px;display:inline-flex;position:relative;overflow:hidden}.bc-label{font:500 10px/1.2 var(--font-data);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.bc-bar{border-radius:var(--radius-bar);background:var(--glass);height:6px;display:block;position:relative;box-shadow:inset 0 1px 2px #000000f2,0 1px #ffffff1a}.bc-bar>i{border-radius:var(--radius-bar);position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff59}.ic{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.cat-ic{fill:none;width:24px;height:24px;stroke:var(--ink-on-mustard);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ic-wheat{color:var(--res-wheat)}.ic-iron{color:var(--res-iron)}.bc-bar>i{background:linear-gradient(#8de0a2,#3f9a5f 55%,#2a6b40)}.bc-bar--caution>i{background:linear-gradient(#ecb45e,#c08328 55%,#7c5216)}.bc-bar--crimson>i{background:linear-gradient(#e05a61,#a8262e 55%,#6e161c)}.bc-bar>b{background:var(--brass-link);width:1px;height:11px;position:absolute;top:-2px}.bc-btn--confirm{color:var(--confirm-ink);letter-spacing:.08em;background:radial-gradient(ellipse 90% 80% at 30% 0%, #dcffe666, transparent 62%), linear-gradient(180deg, #74cf8d, var(--confirm) 60%, #2a6b40);border-color:#0a1a10;font-size:13px;font-weight:600;box-shadow:inset 0 1px #e6ffeb80,inset 0 -2px #00000059,0 2px 3px #0009}.bc-btn--confirm:hover{color:var(--confirm-ink)}.bc-btn--danger:hover{color:var(--danger-ink)}.bc-btn--accent:hover,.bc-btn[aria-pressed=true]:hover{color:var(--ink-on-mustard)}.bc-btn.big{height:40px;font-size:13px}.bc-tabs{align-items:flex-end;gap:var(--space-1);display:flex}.bc-tab{isolation:isolate;cursor:pointer;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%);height:24px;font-family:var(--font-label);letter-spacing:.08em;color:var(--slate-tab-text);background:radial-gradient(ellipse 70% 140% at 18% 0%, #c8dcf02e, transparent 65%), var(--slate-tab);border:0;padding:0 28px 0 12px;font-size:13px;position:relative;overflow:hidden;box-shadow:inset 0 1px #dcebfa40,inset 0 -3px #00000059}.bc-tab[aria-selected=true]{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);letter-spacing:.1em;height:28px;color:var(--ink-on-mustard);background:radial-gradient(ellipse 70% 140% at 18% 0%, #fff4cd66, transparent 65%), var(--mustard);box-shadow:var(--shadow-enamel);padding:0 30px 0 14px;font-size:14px;font-weight:600}.bc-cat{cursor:pointer;border-radius:var(--radius-button);background:radial-gradient(ellipse 80% 80% at 30% 0%, #fff4cd59, transparent 65%), var(--mustard-muted);border:1px solid #2a1e04;place-items:center;width:52px;height:44px;padding:0;display:grid;position:relative;box-shadow:inset 0 1px #fffae480,inset 0 -3px #50340073,0 3px 5px #0009}.bc-cat[aria-pressed=true]{background:radial-gradient(ellipse 80% 80% at 30% 0%, #fff4cd73, transparent 65%), var(--mustard);box-shadow:inset 0 1px 0 #fffae499, inset 0 -3px 0 #50340073, 0 0 0 2px var(--brass), 0 3px 5px #0009}.bc-cat:focus-visible{outline:2px solid var(--brass-text);outline-offset:2px}.bc-badge{z-index:3;box-sizing:border-box;color:#fff;min-width:20px;height:20px;font:600 12px/1 var(--font-label);background:radial-gradient(circle at 35% 28%, #ffdcdc8c 0 2px, transparent 6px), var(--badge);border:2px solid #15171a;border-radius:10px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:inset 0 -2px 2px #0006,0 2px 3px #0009}.bc-tile{cursor:pointer;width:96px;height:58px;color:var(--text);border:1px solid var(--edge);border-radius:var(--radius-button);font-family:var(--font-data);background:radial-gradient(90% 70% at 30% 0,#e1e8f026,#0000 62%),linear-gradient(#353b42,#23272c);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -2px #00000080,0 2px 3px #000000a6}.bc-tile b{white-space:nowrap;font-size:11px;font-weight:600}.bc-tile small{color:var(--mustard-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.bc-tile[aria-current=true]{box-shadow:inset 0 0 0 2px var(--mustard), inset 0 0 10px #d6a63040, 0 2px 3px #000000a6;background:radial-gradient(90% 70% at 30% 0,#ffe6aa2e,#0000 62%),linear-gradient(#46443c,#2c2a25)}.bc-tile[disabled]{cursor:not-allowed;color:var(--text-dim);background:#181b1e;box-shadow:inset 0 2px 5px #000000d9,0 1px #ffffff14}.bc-tile[disabled] small{color:var(--text-dim)}.bc-tile .tile-ic{width:18px;height:18px;color:var(--brass-icon)}.bc-tile[disabled] .tile-ic{color:var(--text-dim)}.bc-tile.done{box-shadow:inset 0 0 0 1px var(--brass), inset 0 1px 0 #fff3, 0 2px 3px #000000a6}.bc-tile.done b,.bc-tile.done small{color:var(--brass-text)}.bc-tile .tile-bar{width:72px;margin-top:2px}.bc-faction{text-align:left;cursor:pointer;width:100%;height:46px;color:var(--text);border:1px solid var(--edge);border-left:4px solid var(--fc,var(--faction-crimson));border-radius:var(--radius-plate);font:inherit;background:linear-gradient(180deg, var(--steel-idle-hi), var(--steel-idle-lo));flex:none;align-items:center;gap:9px;padding:0 8px 0 6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000080,0 2px 3px #00000080}.bc-faction[aria-pressed=true]{background:radial-gradient(60% 120% at 0%,#a8262e59,#0000 70%),linear-gradient(#353a41,#24282d);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000080,inset 0 0 0 1px #d9bc8059,0 2px 3px #00000080}.bc-faction[disabled]{cursor:default}.bc-faction .body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.bc-faction .line1{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.bc-faction .name{font:700 15px/1.2 var(--font-display);letter-spacing:.04em}.bc-faction .name.me{color:var(--brass-text)}.bc-faction .status{font:600 10px/1 var(--font-label);letter-spacing:.1em;color:var(--negative)}.bc-faction .line2{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;display:flex;overflow:hidden}.bc-faction .line2 .bc-bar{flex:none;width:44px;height:6px}.bc-faction .rank{font:700 18px/1 var(--font-display);text-align:right;width:26px;color:var(--text-dim)}.bc-faction[aria-pressed=true] .rank{color:var(--brass-text)}.bc-faction .bc-badge{top:-6px;right:-6px}.bc-faction.out{opacity:.6;border-left-color:var(--steel-hi)}.bc-faction.out .name{color:var(--text-dim);text-decoration:line-through}.topbar,.col,.perf,.screens-wrap,.notice-stack,.region-card,.dock,.army-mode,.center-plate,.bc-tip{zoom:var(--ui-scale,1)}.topbar{pointer-events:auto;position:absolute;top:0;left:0;right:0}.topbar-plate{isolation:isolate;height:56px;padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-5);background:radial-gradient(ellipse 90% 70% at 20% 0%, #c8d4e017, transparent 70%), var(--plate-700);box-shadow:var(--shadow-plate);display:flex;position:relative;overflow:hidden}.topbar-left{align-items:center;gap:28px;min-width:0;display:flex}.who{flex:none;align-items:center;gap:10px;display:flex}.who-text{flex-direction:column;gap:2px;display:flex}.me-name{font:700 17px/1.2 var(--font-display);letter-spacing:.07em;color:var(--brass-text)}.bc-label.neg,.neg{color:var(--negative)}.bc-label.pos,.pos{color:var(--positive)}.bc-label.hot{color:var(--mustard-text)}.readouts{align-items:center;gap:20px;display:flex}.readout{border-radius:var(--radius-button);height:30px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 6px;display:flex}.readout:hover{background:#ffffff0d}.readout[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--mustard)}.readout-ic{width:16px;height:16px;color:var(--brass-icon)}.readout-right{min-width:0}.topbar-right{align-items:center;gap:var(--space-2);flex:none;display:flex}.topbar--thin .topbar-plate{gap:var(--space-4);height:40px;padding:0 var(--space-3) 0 var(--space-4)}.topbar--thin .topbar-left{gap:18px}.topbar--thin .readouts{gap:6px}.topbar--thin .who{gap:8px;max-width:220px}.topbar--thin .me-crest{display:grid}.topbar--thin .me-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.topbar--thin .bc-glass.clock{height:24px}.topbar--thin .speed-well .bc-btn{height:22px}.topbar--thin .bc-btn--icon{width:26px;height:26px}.rank-share{white-space:nowrap}.share-bar{width:110px}.breakdown{pointer-events:auto;background:var(--plate-800);flex-direction:column;gap:4px;width:270px;padding:10px 12px;display:flex;position:absolute;top:46px;box-shadow:inset 0 2px 5px #000000e6,0 0 0 1px #000,0 10px 24px #0009}.breakdown .note{margin-top:4px;font-size:11px}.paused-tag{font:600 11px/1 var(--font-label);letter-spacing:.1em;color:var(--ink-on-mustard);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%);background:radial-gradient(ellipse 70% 140% at 18% 0%, #fff4cd66, transparent 65%), var(--mustard);box-shadow:var(--shadow-enamel);padding:5px 16px 4px 8px}.speed-well{border-radius:var(--radius-button);background:var(--glass);box-shadow:var(--shadow-recess);align-items:center;gap:3px;padding:3px;display:flex}.speed-well .bc-btn{min-width:32px;height:24px;padding:0 8px;font-size:13px}.q-btn{font:600 14px/1 var(--font-label)}.topbar-plate{container-type:inline-size}@container (width<=1360px){.topbar-left{gap:16px}.readouts{gap:12px}}@container (width<=1220px){.who-text{display:none}}@container (width<=1080px){.readout-ic,.paused-tag{display:none}}@container (width<=900px){.topbar-plate>*,.readouts{gap:8px}.who{display:none}}@container (width<=1180px){.topbar--thin .me-name{display:none}}@container (width<=1020px){.topbar--thin .rank-share{display:none}}@container (width<=1080px){.topbar--thin .readout-ic{display:block}.topbar--thin .readout>.bc-label:not(.readout-right){display:none}}.col{top:75px;bottom:var(--space-4);pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute}.col-left{left:var(--space-4)}.col-right{right:var(--space-4);width:264px}.col-spacer{flex:auto}.panel{pointer-events:auto;flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.panel-head{justify-content:space-between;align-items:flex-end;display:flex}.bc-btn.panel-toggle{width:22px;height:20px;margin-bottom:2px}.panel>.bc-plate{padding-bottom:20px}.panel-body{gap:var(--space-2);flex-direction:column;display:flex}.panel.command{flex:auto}.panel.command.closed{flex:none}.panel.command>.bc-plate{flex:auto;min-height:0;overflow-y:auto}.panel.command .panel-body{gap:10px;min-height:100%}.panel.factions{flex:0 auto}.panel.factions>.bc-plate{overflow-y:auto}.title-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.title{font:700 19px/1.1 var(--font-display);letter-spacing:.05em;color:var(--text)}.title.brass{color:var(--brass-text)}.title.empty{color:var(--text-dim)}.title.small{letter-spacing:.04em;font-size:15px}.title.with-crest{align-items:center;gap:8px;display:flex}.sub{color:var(--text-muted);font-size:11px}.region-body{flex-direction:column;gap:8px;display:flex}.region-body .sub{margin-top:-4px}.note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.note.dim{color:var(--text-dim)}.note.neg{color:var(--negative)}.stats{flex-direction:column;gap:4px;padding:8px 10px;display:flex}.stats .bc-bar{margin:2px 0 3px}.stat{justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;line-height:15px;display:flex}.stat .label{color:var(--text-muted);flex:none}.stat .value{color:var(--text);text-align:right;font-weight:600}.stat .value.warn{color:var(--negative)}.stat .value.hot{color:var(--mustard-text)}.stat .value.good{color:var(--positive)}.cats{gap:8px;padding:8px 8px 0 0;display:flex}.cmd-content{flex-direction:column;flex:auto;gap:10px;display:flex}.tile-grid{grid-template-columns:repeat(auto-fill,96px);gap:7px;display:grid}.tech-chain{flex-wrap:wrap;align-items:center;row-gap:7px;display:flex}.tech-branch{flex:none;width:84px}.tech-link{background:var(--brass-link);width:10px;height:2px;box-shadow:0 1px #000000b3}.detail{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.tile-grid~.detail,.tech-chain~.detail{margin-top:auto}.bc-btn.wide-btn{width:100%;height:32px;margin-top:4px}.btn-row{gap:6px;display:flex}.grow{flex:auto}.progress-row{align-items:center;gap:8px;display:flex}.progress-row .bc-bar{flex:auto}.progress-num{font:600 11px/1 var(--font-label);letter-spacing:.06em;color:var(--readout)}.diplo-state{font:600 11px/1 var(--font-label);letter-spacing:.1em}.trade-line{align-items:center;gap:6px;display:flex}.trade-line .bc-label{width:26px}.trade-line .bc-btn--icon{width:24px;height:24px}.bc-btn.trade-res-btn{width:74px;height:24px;padding:0}.trade-res{text-align:center;width:74px;font:500 11px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.bc-glass.trade-amount{justify-content:center;width:52px}.resize-handle{cursor:ew-resize;touch-action:none;pointer-events:auto;border:1px solid var(--edge);border-radius:var(--radius-button);background:linear-gradient(90deg, var(--steel-hi), var(--steel-lo));width:10px;height:72px;box-shadow:var(--shadow-button);flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:-36px;padding:0;display:flex;position:absolute;top:50%;right:-14px}.resize-handle span{background:var(--brass-icon);width:4px;height:1px}.resize-handle:focus-visible{outline:2px solid var(--brass-text);outline-offset:2px}.faction-list{flex-direction:column;gap:6px;padding-top:6px;display:flex}.alerts{pointer-events:auto;align-items:flex-start;gap:8px;display:flex}.alert-btn{cursor:pointer;background:0 0;border:0;flex:none;width:44px;height:42px;padding:0;position:relative}.alert-btn .bc-badge{top:-6px;right:-6px}.alert-list{flex-direction:column;flex:auto;gap:6px;padding:7px 9px;display:flex}.alert-item{flex-direction:column;gap:1px;display:flex}.alert-text{font-size:11px;line-height:15px}.alert-item.neg .alert-text{color:var(--negative)}.alert-item.pos .alert-text{color:var(--positive)}.perf{right:var(--space-4);border-radius:var(--radius-plate);background:var(--plate-800);pointer-events:none;padding:3px 8px;position:absolute;bottom:6px}#screens{z-index:10;background:radial-gradient(70% 80% at 40%,#0d0f1173,#0d0f11e6);align-items:center;display:flex;position:fixed;inset:0;overflow:auto}body.menu-start #game{filter:blur(2px)saturate(.7)}body.menu-start #hud,body.menu-start #hint{display:none}.screens-wrap{padding:var(--space-5) var(--space-5) var(--space-5) 110px;box-sizing:border-box;align-items:center;gap:40px;max-height:100%;display:flex}.screens-wrap .panel{max-height:calc(100vh / var(--ui-scale,1) - 48px)}.screens-wrap .panel>.bc-plate{padding:16px 16px 26px;overflow-y:auto}.main-menu{width:320px}.main-menu .panel-body{gap:14px}.side-panel{flex:0 auto}.side-panel.newgame{width:580px}.side-panel.tutorial{width:860px}.side-panel.settings{width:620px}.side-panel.gameover{width:600px}.side-panel .panel-body{gap:12px}.game-title{align-items:center;gap:12px;display:flex}.game-title-text{flex-direction:column;gap:3px;display:flex}.menu-buttons{flex-direction:column;gap:8px;display:flex}.menu-buttons .bc-btn{width:100%}.form-card{flex-direction:column;gap:8px;padding:12px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stepper{align-items:center;gap:6px;display:flex}.stepper .bc-btn--icon{width:24px;height:24px}.bc-glass.stepper-value{justify-content:center;min-width:64px}.date-fields{gap:var(--space-3);flex-wrap:wrap;display:flex}.date-field{align-items:center;gap:var(--space-2);display:flex}.date-label{font:600 12px/1.2 var(--font-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.hint{color:var(--text-muted);font-size:11px}.swatches{flex-wrap:wrap;gap:5px;display:flex}.form-card .speed-well{align-self:flex-start}.swatch{border-radius:var(--radius-plate);cursor:pointer;background:0 0;border:0;padding:2px;display:grid}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--mustard)}.panel-body.tutorial-body{flex-direction:row;align-items:stretch;gap:14px}.tutorial-nav{flex-direction:column;flex:none;gap:5px;width:210px;display:flex}.bc-btn.nav-btn{text-transform:none;justify-content:flex-start;gap:10px;width:100%;height:32px;padding:0 10px;font-size:12px}.nav-btn .num{text-align:right;width:26px;font:700 15px/1 var(--font-display);letter-spacing:0}.tutorial-card{flex-direction:column;flex:auto;gap:10px;min-width:0;min-height:480px;padding:16px 18px;display:flex}.tutorial-card .para{margin:0;font-size:12px;line-height:1.5}.tutorial-card .rows{flex-direction:column;gap:3px;display:flex}.tutorial-card .point{padding-left:14px;font-size:12px;line-height:1.5;position:relative}.tutorial-card .point:before{content:"";background:var(--brass-link);width:5px;height:5px;position:absolute;top:7px;left:1px;transform:rotate(45deg)}.tutorial-foot{align-items:center;gap:10px;margin-top:auto;display:flex}.tutorial-foot .bc-btn{width:110px}.push{margin-left:auto}.settings-card{min-height:236px;padding:4px 14px}.set-row{border-bottom:1px solid #0009;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex;box-shadow:0 1px #ffffff0d}.set-row:last-child{box-shadow:none;border-bottom:0}.set-text{flex-direction:column;gap:2px;display:flex}.set-title{font-size:12px;font-weight:600}.set-desc{color:var(--text-muted);font-size:11px}.keys{grid-template-columns:150px minmax(0,1fr);gap:7px 12px;padding:10px 0;font-size:12px;line-height:1.35;display:grid}.keys kbd{font:500 11px/1.35 var(--font-label);letter-spacing:.06em;color:var(--brass-text)}.keys-note{padding-bottom:10px;display:block}.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat-tile{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 10px;display:flex}.gameover .bc-faction{cursor:default}#hint{border-radius:var(--radius-plate);border:1px solid var(--edge);background:var(--plate-800);color:var(--text);font:11px/15px var(--font-data);pointer-events:none;white-space:nowrap;padding:4px 8px;position:fixed;top:0;left:0;box-shadow:inset 0 1px #ffffff14,0 4px 10px #0009}#hint .act{font:500 11px/15px var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--mustard-text);margin-left:8px}#hint[data-kind=full]{color:var(--negative)}#loading,#error{place-items:center;display:grid;position:fixed;inset:0}.loading-card{min-width:260px}.loading-card .bc-plate{padding:14px var(--space-3) 20px;flex-direction:column;gap:10px;display:flex}.loading-card .msg{font:700 17px/1.2 var(--font-display);letter-spacing:.07em;color:var(--brass-text)}.loading-card .bc-bar>i{background:linear-gradient(180deg, #ecc35e, var(--mustard) 55%, #8a6a18);width:40%;animation:1.4s ease-in-out infinite alternate bc-sweep}@keyframes bc-sweep{0%{left:0}to{left:60%}}#error{z-index:20;padding:var(--space-5);background:#0d0f11b8}.crash-card{max-width:460px}.crash-body{gap:var(--space-2);flex-direction:column;display:flex}.crash-msg{font:500 14px/1.4 var(--font-data);color:var(--negative);overflow-wrap:anywhere;margin:0}.crash-actions{margin-top:var(--space-2);gap:var(--space-2);flex-wrap:wrap;display:flex}.bc-input{box-sizing:border-box;border-radius:var(--radius-plate);min-width:0;height:32px;font:700 18px/32px var(--font-display);color:var(--text);background:var(--glass);box-shadow:var(--shadow-recess);-webkit-user-select:text;user-select:text;border:0;outline:none;padding:0 10px}.bc-input:focus{box-shadow:var(--shadow-recess), 0 0 0 2px var(--mustard)}.side-panel.country{width:760px}.country-line{align-items:center;gap:12px;display:flex}.country-line .title{font-size:22px}.country-top{align-items:center;gap:16px;display:flex}.emblem-preview{flex:none;place-items:center;width:136px;height:148px;display:grid}.country-info{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.country-info .title{font-size:26px}.emblem-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.emblem-group{flex-direction:column;gap:6px;padding:10px;display:flex}.tincture{border-radius:var(--radius-plate);width:22px;height:22px;box-shadow:inset 0 1px 0 #ffffff40, inset 0 -2px 0 #00000059, 0 0 0 1px var(--edge);display:block}.saved-list{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.saved-row{box-sizing:border-box;border:1px solid var(--edge);border-radius:var(--radius-plate);text-align:left;width:100%;min-height:38px;color:var(--text);font:inherit;background:linear-gradient(180deg, var(--steel-idle-hi), var(--steel-idle-lo));align-items:center;gap:6px;padding:3px 6px 3px 10px;display:flex;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000080}.saved-row.pick{cursor:pointer}.saved-row.current{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 2px var(--mustard)}.saved-text{flex-direction:column;flex:auto;min-width:0;display:flex}.saved-name{white-space:nowrap;text-overflow:ellipsis;font:700 15px/1.2 var(--font-display);overflow:hidden}body.editing #game,body.editing #hud{visibility:hidden}#editor{z-index:5;background:var(--plate-900);position:fixed;inset:0}.editor-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.editor-ui{pointer-events:none;position:absolute;inset:0}.col-left.editor-col{width:330px}.col-right.editor-col{width:300px}.editor-col .panel>.bc-plate{overflow-y:auto}.editor-col .panel{flex:0 auto;min-height:0}.editor-name{flex:none;width:210px}.editor-stats{align-items:center;gap:14px;min-width:0;display:flex;overflow:hidden}.editor-stat{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.editor-ui .who-text{flex:none}.editor-ui .me-name{white-space:nowrap}@media (width<=1500px){.editor-stat .bc-label{display:none}.editor-stats{gap:10px}.editor-name{width:170px}}.editor-stat .bc-glass{height:20px;font-size:14px}.editor-opts{flex-direction:column;padding:4px 10px 10px;display:flex}.editor-opts .set-row{padding:6px 0}.editor-opts .note{padding-top:6px}.editor-num{flex-direction:column;gap:4px;display:flex}.editor-toast{z-index:6;height:auto;font:500 13px/1.3 var(--font-data);letter-spacing:0;color:var(--text);zoom:var(--ui-scale,1);padding:8px 14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.bc-btn .ic+*{margin-left:4px}.country-picker{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.country-chip{border-radius:var(--radius-button);height:26px;font:600 12px/26px var(--font-label);color:var(--text);text-shadow:0 1px 1px var(--edge);background:var(--cc);box-shadow:inset 0 1px 0 #ffffff40, inset 0 -2px 0 #00000059, 0 0 0 1px var(--edge);opacity:.55;cursor:pointer;border:0}.country-chip.used{opacity:1}.country-chip[aria-checked=true]{opacity:1;box-shadow:inset 0 1px 0 #ffffff40, inset 0 -2px 0 #00000059, 0 0 0 2px var(--mustard)}.bc-tip-wrap{z-index:30;pointer-events:none;position:fixed;top:0;left:0}.bc-tip{border-radius:var(--radius-plate);border:1px solid var(--edge);background:var(--plate-800);max-width:280px;font:11px/15px var(--font-data);color:var(--text-muted);flex-direction:column;gap:2px;padding:6px 9px 7px;display:flex;box-shadow:inset 0 1px #ffffff14,0 6px 14px #000000a6}.bc-tip .tip-head{color:var(--text);font-weight:600}.notice-stack{left:var(--space-4);align-items:flex-start;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:50px}.notice-marks{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.notice-marks .mark-pos{pointer-events:auto;position:static}.event-line{pointer-events:auto;border-radius:var(--radius-plate);background:var(--plate-800);border-left:3px solid var(--brass);align-items:center;gap:8px;max-width:520px;padding:4px 4px 4px 10px;display:flex;box-shadow:inset 0 2px 5px #000000e6,0 0 0 1px #000,0 6px 14px #0000008c}.event-line.neg{border-left-color:var(--negative)}.event-line.pos{border-left-color:var(--positive)}.event-text{font-size:12px;line-height:16px}.event-line.neg .event-text{color:var(--negative)}.event-line.pos .event-text{color:var(--positive)}.bc-btn.event-go{height:22px;padding:0 8px}.card-anchor{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.region-card{pointer-events:auto;width:340px}.region-card>.bc-plate{padding-bottom:18px}.region-card .panel-body{gap:8px}.card-tip{z-index:3;pointer-events:none;border:9px solid #0000;width:0;height:0;margin-top:-9px;position:absolute}.region-card[data-side=left] .card-tip{border-left-color:var(--plate-600);filter:drop-shadow(1px 0 0 var(--edge));right:-17px}.region-card[data-side=right] .card-tip{border-right-color:var(--plate-600);filter:drop-shadow(-1px 0 0 var(--edge));left:-17px}.card-sub{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-owner{display:grid}.recruit-row{gap:var(--space-2);display:flex}.recruit-row .bc-btn{height:32px;font-size:13px}.recruit-row>.bc-label{text-align:right;white-space:nowrap;align-self:center;min-width:96px}.tile-grid.card-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid .bc-tile{width:auto;height:50px}.tile-key{font:500 10px/1 var(--font-label);letter-spacing:.06em;color:var(--text-dim);position:absolute;top:3px;right:5px}.bc-tile[aria-current=true] .tile-key{color:var(--mustard-text)}.sel-line{justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;display:flex}.sel-name{color:var(--text-muted)}.sel-cost{color:var(--mustard-text);text-align:right;font-weight:600}.rule-card{flex-direction:column;gap:4px;padding:8px 10px;display:flex}.rule-head{font:600 12px/1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.edge-mark{isolation:isolate;cursor:pointer;pointer-events:auto;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);height:24px;font:600 11px/1 var(--font-label);letter-spacing:.08em;text-transform:uppercase;border:0;align-items:center;gap:5px;padding:0 18px 0 7px;display:inline-flex;position:relative;overflow:hidden}.edge-mark.job{color:var(--ink-on-mustard);background:radial-gradient(ellipse 70% 140% at 18% 0%, #fff4cd66, transparent 65%), var(--mustard);box-shadow:var(--shadow-enamel)}.edge-mark.neg{color:var(--danger-ink);background:radial-gradient(ellipse 70% 140% at 18% 0%, #ffd2d240, transparent 65%), var(--danger);box-shadow:inset 0 1px #ffdcdc66,inset 0 -3px #28000066}.edge-mark:focus-visible{outline:2px solid var(--brass-text);outline-offset:2px}.mark-arrow{stroke-width:2.4px;width:13px;height:13px}.edge-mark[data-dir=none] .mark-arrow{display:none}.dock{left:var(--space-4);bottom:var(--space-4);align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.bc-btn.dock-btn{justify-content:flex-start;min-width:138px;height:30px;overflow:visible}.dock-btn .bc-badge{top:-7px;right:-9px}.plate-layer{pointer-events:none;justify-content:center;align-items:center;padding-block:56px 24px;display:flex;position:absolute;inset:0}.center-plate{width:560px;max-height:calc(100vh / var(--ui-scale,1) - 160px);pointer-events:auto}.center-plate[data-plate=diplo]{width:740px}.center-plate>.bc-plate{padding-bottom:22px;overflow-y:auto}.center-plate .panel-body{gap:10px}.plate-cols{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:12px;display:grid}.plate-detail{flex-direction:column;gap:10px;display:flex}.bc-faction .status.calm{color:var(--text-dim)}.bc-faction.pinned{box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px var(--brass), 0 2px 3px #00000080;margin-bottom:6px}.dominance{position:absolute;top:52px;left:50%}@container (width<=780px){.topbar--thin .readout-right{display:none}.topbar--thin .readouts{gap:2px}}.army-mode{left:50%;bottom:var(--space-4);align-items:center;gap:var(--space-2);border-radius:var(--radius-plate);background:var(--plate-800);box-shadow:var(--shadow-plate);pointer-events:auto;padding:4px 4px 4px 10px;display:flex;position:absolute;translate:-50%}.army-well .bc-btn{min-width:0;padding:0 9px;font-size:12px}.priority-line{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.priority-well .bc-btn{min-width:30px;padding:0 6px}.side-panel.favor{width:760px;margin:0 auto}.favor-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bc-tile.favor-card{text-align:center;justify-content:flex-start;gap:6px;width:auto;height:auto;min-height:210px;padding:14px 12px 12px}.bc-tile .favor-ic{width:28px;height:28px}.favor-name{font:700 19px/1.15 var(--font-display);letter-spacing:.05em;color:var(--brass-text)}.favor-motto{font:400 12px/1.35 var(--font-data);color:var(--text-dim)}.favor-effects{font:500 12px/1.35 var(--font-data);color:var(--text);white-space:normal;flex-direction:column;gap:5px;margin:6px 0 0;padding:0;list-style:none;display:flex}.favor-effects li{border-top:1px solid var(--edge);padding-top:5px}.me-favor{color:var(--brass-link);line-height:1}#hud{--font-display:"Trajan Pro", "Trajan Pro 3", Cinzel, "Cormorant SC", Georgia, serif;--font-label:"Trajan Pro", "Trajan Pro 3", Cinzel, Oswald, Georgia, serif}#hud .bc-readout,#hud .bc-glass,#hud .ring-sub,#hud .ring-key,#hud .army-key{font-family:Oswald,Arial Narrow,sans-serif}.topbar.topbar--split{left:var(--space-4);right:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-4);pointer-events:none;display:flex;top:12px}.topbar--split .top-plate{pointer-events:auto;border-radius:var(--radius-plate);min-width:0;container-type:normal}.topbar--split .top-plate:first-child{flex:0 auto;overflow:hidden}.topbar--split .breakdown{top:48px}.notice-stack{top:62px}.notice-marks{align-items:center;gap:var(--space-2);flex-flow:wrap;max-width:560px}.edge-mark.flag-mark{clip-path:none;border-radius:var(--radius-button);justify-content:center;width:30px;height:30px;padding:0;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #0006,0 2px 3px #0009}.edge-mark.flag-mark .mark-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flag-ic{z-index:1;width:17px;height:17px;position:relative}.edge-mark.plus{height:30px}.ring-anchor{pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.ring{zoom:var(--ui-scale,1);width:0;height:0;position:absolute;top:0;left:0}.ring-hub{pointer-events:auto;width:68px;height:68px;color:var(--readout);background:radial-gradient(ellipse 100% 90% at 50% 120%, #d6a63024, transparent 70%), var(--glass);box-shadow:var(--shadow-recess), 0 0 0 3px var(--brass), 0 6px 14px #0009;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:absolute;top:0;left:0;translate:-50% -50%}button.ring-hub{cursor:pointer}button.ring-hub:focus-visible{outline:2px solid var(--brass-text);outline-offset:4px}.ring-hub.go{color:var(--ink-on-mustard);background:radial-gradient(ellipse 80% 80% at 30% 0%, #fff4cd73, transparent 65%), var(--mustard)}.ring-hub.danger{color:var(--danger-ink);background:radial-gradient(ellipse 90% 70% at 30% 0%, #ffd2d233, transparent 62%), linear-gradient(180deg, var(--danger), #5e1418)}.ring-hub:disabled{cursor:not-allowed;opacity:.55}.ring-hub-ic{width:20px;height:20px}.ring-hub-num{font:500 16px/1 Oswald,Arial Narrow,sans-serif}.ring-hub-sub{text-overflow:ellipsis;white-space:nowrap;max-width:60px;font:600 9px/1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);overflow:hidden}.ring-hub.go .ring-hub-sub{color:var(--ink-on-mustard)}.ring-hub.danger .ring-hub-sub{color:var(--danger-ink)}.bc-btn.ring-wedge{pointer-events:auto;width:50px;height:50px;box-shadow:var(--shadow-button), 0 4px 10px #0000008c;border-radius:50%;flex-direction:column;gap:1px;padding:0;position:absolute;overflow:visible;translate:-50% -50%}.ring-wedge .ic{width:18px;height:18px;color:var(--brass-icon)}.ring-wedge[aria-pressed=true] .ic{color:var(--ink-on-mustard)}.ring-label{font:600 12px/1 var(--font-label)}.ring-sub{letter-spacing:0;text-transform:none;color:var(--mustard-text);font-size:9px;line-height:1}.ring-wedge[aria-pressed=true] .ring-sub{color:var(--ink-on-mustard)}.ring-wedge:disabled .ring-sub{color:var(--text-dim)}.ring-key{border-radius:var(--radius-bar);color:var(--text-dim);background:var(--plate-900);padding:1px 3px;font-size:9px;line-height:1;position:absolute;top:-4px;right:-3px;box-shadow:0 0 0 1px #000}.bc-btn.ring-wedge.danger{color:var(--danger-ink);background:radial-gradient(ellipse 90% 70% at 30% 0%, #ffd2d233, transparent 62%), linear-gradient(180deg, var(--danger), #5e1418);border-color:#2a0a0c}.bc-btn.ring-wedge.danger .ic{color:var(--danger-ink)}.bc-glass.ring-info{letter-spacing:0;white-space:nowrap;pointer-events:auto;height:auto;box-shadow:var(--shadow-recess), 0 6px 14px #0009;flex-direction:column;align-items:center;gap:2px;padding:5px 12px 6px;position:absolute;left:0;translate:-50%}.ring-title{font:700 13px/1.2 var(--font-display);letter-spacing:.04em;color:var(--brass-text)}.ring-stats{font:500 11px/1.3 var(--font-data);color:var(--text-muted)}.ring-warn{font:600 11px/1.3 var(--font-data);color:var(--negative)}.army-mode.army-corner{left:auto;right:var(--space-4);box-shadow:none;background:0 0;flex-direction:column;align-items:flex-end;gap:0;padding:0;translate:none}.army-corner .army-head{padding:3px 26px 2px 10px;font-size:11px}.army-corner .bc-inlay{align-self:stretch}.army-corner .army-well{gap:var(--space-1);border-radius:var(--radius-plate);background:radial-gradient(ellipse 90% 70% at 20% 0%, #c8d4e017, transparent 70%), var(--plate-600);box-shadow:var(--shadow-plate);padding:6px;display:flex}.army-corner .army-well .bc-btn.army-btn{width:34px;min-width:0;height:34px;padding:0;position:relative;overflow:visible}.army-btn .ic{width:18px;height:18px}.army-key{color:var(--text-dim);font-size:9px;line-height:1;position:absolute;top:2px;right:2px}.army-btn[aria-pressed=true] .army-key{color:var(--ink-on-mustard)}.dock{flex-direction:row;align-items:flex-end}.bc-btn.dock-btn{gap:7px;min-width:0;height:32px;padding:0 12px}.bc-btn.dock-btn.bc-btn--icon{width:32px;padding:0}.dock-btn .ic{width:16px;height:16px;color:var(--brass-icon)}