#recruit-open { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:6px; width:100%; padding:11px 10px; margin:0 0 7px; color:#f2d89e; border:1px solid #ac8651; background:linear-gradient(110deg,#4c3928,#241b20); font-size:13px; box-shadow:inset 0 0 0 2px #241a1680; }
#recruit-open strong { font-size:12px; color:#e6c473; white-space:nowrap; }
#recruit-open:disabled { opacity:.5; }
#recruit-open[hidden], #mobile-recruit[hidden], [data-proxy="recruit-open"][hidden] { display:none; }
#recruit-dialog { --paper:#e7d3a9; --ink:#3b2b20; width:min(1220px,calc(100vw - 36px)); height:min(890px,calc(100dvh - 30px)); max-width:none; max-height:none; padding:20px 22px 14px; border:2px solid #a88951; border-radius:12px; background:linear-gradient(115deg,#302421e8,#211a1feb),url('/art/frame/leather-tile.png'); box-shadow:0 20px 90px #000b,inset 0 0 0 5px #171218,inset 0 0 0 7px #725436; color:#ecdbb3; overflow:hidden; }
#recruit-dialog[open] { display:flex; flex-direction:column; gap:12px; }
#recruit-dialog::backdrop { background:#100c10d9; backdrop-filter:blur(5px); }
#recruit-dialog::before,#recruit-dialog::after { display:none; }
#recruit-dialog button { font-family:inherit; cursor:pointer; }
#recruit-dialog button:disabled { cursor:default; }
#recruit-dialog button:focus-visible, #recruit-dialog summary:focus-visible { outline:2px solid #f7dea0; outline-offset:3px; }
.recruit-header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; }
.recruit-eyebrow { color:#b59562; font-size:9px; letter-spacing:3px; }
.recruit-header h2 { margin:4px 0; color:#f0dca7; font:700 30px Georgia,"Songti SC",SimSun,serif; letter-spacing:5px; }
.recruit-header p { margin:6px 0 0; color:#bfad8c; font-size:12px; }
.recruit-close { align-self:flex-start; border:1px solid #8d6f45; color:#e8d5a9; background:#21191b; padding:10px 13px; font-size:12px; min-height:40px; }
.recruit-close span { padding-left:12px; font-size:18px; }
.recruit-budget { flex-shrink:0; display:flex; gap:30px; align-items:center; border:1px solid #8f704841; background:linear-gradient(100deg,#17161cf0,#30251ddd); padding:12px 18px; box-shadow:inset 0 1px #f6d18c0d; }
.recruit-budget>div { display:flex; align-items:baseline; gap:7px; }
.recruit-budget small { font-size:11px; color:#baa888; }
.recruit-budget strong { font:700 27px Georgia,"Microsoft YaHei",serif; color:#f4d083; }
.recruit-budget em { font-style:normal; color:#aa9675; font-size:12px; }
.recruit-budget .recruit-gold { margin-right:auto; align-items:center; }
.recruit-gold svg { width:33px; height:33px; fill:#b38b36; stroke:#f1d28c; stroke-width:1.3; }
.recruit-gold small { display:block; margin-bottom:2px; }
.recruit-gold strong { font-size:32px; }
.recruit-gold.is-over strong { color:#f29c83; }
.recruit-feedback { display:flex; align-items:center; gap:12px; min-height:25px; font-size:12px; line-height:1.5; color:#c4b698; flex-shrink:0; }
.recruit-feedback.is-error { color:#f1ac91; }
.recruit-feedback [data-undo] { border:0; background:none; color:#e8c477; text-decoration:underline; padding:3px; white-space:nowrap; }
.recruit-desktop-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:15px; min-height:0; flex:1; }
.recruit-market { display:flex; flex-direction:column; min-height:0; min-width:0; }
.recruit-filters { display:flex; gap:6px; padding-bottom:10px; flex-shrink:0; }
.recruit-filters button { flex:1; min-height:38px; padding:6px; border:1px solid #755837; background:linear-gradient(#483829,#281f1b); color:#cbbb99; font-size:12px; border-radius:4px; }
.recruit-filters button[aria-pressed="true"] { background:linear-gradient(#e4cb98,#bb9458); color:#35281e; border-color:#e1c790; box-shadow:inset 0 1px #fff5c5; font-weight:700; }
.recruit-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:10px; overflow:auto; padding:2px 7px 12px 2px; scrollbar-width:thin; scrollbar-color:#a78346 #251c1b; }
.recruit-card { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr); align-content:start; align-items:center; gap:10px 9px; padding:13px 12px 11px; border:1px solid #a78954; border-radius:5px; background:radial-gradient(ellipse at 15% 0,#fff6d750,transparent 85%),repeating-linear-gradient(5deg,#71593405 0 1px,transparent 1px 5px),var(--paper); color:var(--ink); box-shadow:0 3px 7px #0005,inset 0 0 0 3px #fff2c518; }
.recruit-crest { display:flex; align-items:center; justify-content:center; width:48px; height:55px; background:radial-gradient(ellipse,#675745,#282125); border:1px solid #bc975e; border-radius:45% 45% 35% 35%; box-shadow:0 2px 3px #53402250; }
.recruit-crest :is(svg,img.unit-illustration) { width:43px; height:48px; }
.recruit-card-title { min-width:0; }
.recruit-card-title>span { color:#806449; font-size:10px; }
.recruit-card-title h3 { margin:5px 0; font:700 17px Georgia,"Songti SC",SimSun,serif; color:var(--ink); }
.recruit-card-title p { margin:0; font-size:10px; line-height:1.5; color:#7a654b; }
.recruit-card-stats { grid-column:1/-1; display:flex; justify-content:space-between; gap:5px; padding:8px 0; border-block:1px solid #93744744; color:#806248; font-size:10px; }
.recruit-card-stats b { font-size:13px; color:#4b3524; margin-left:2px; }
.recruit-details { grid-column:1/-1; color:#765b40; font-size:11px; }
.recruit-details summary { cursor:pointer; padding:1px 0; }
.recruit-details p { line-height:1.7; color:#634d38; margin:8px 0 0; }
.recruit-buy { display:flex; align-items:center; justify-content:space-between; grid-column:1/-1; padding:9px 10px; min-height:40px; width:100%; color:#f2dfb7; border:1px solid #765835; border-radius:3px; background:linear-gradient(#514436,#342b26); font-size:12px; box-shadow:inset 0 1px #ead39c25; }
.recruit-buy strong { display:flex; align-items:center; gap:4px; font:700 16px Georgia,serif; color:#f2d38c; }
.recruit-buy svg { width:16px; height:16px; fill:#ac8235; stroke:#ead194; stroke-width:1.5; }
.recruit-buy:not(:disabled):hover { background:linear-gradient(#786041,#4a3727); }
.recruit-buy:disabled { opacity:1; background:#bba789; border-color:#a78f6c; color:#675845; box-shadow:none; }
.recruit-buy:disabled strong { color:#756047; }
.recruit-ledger { min-height:0; display:flex; flex-direction:column; border:1px solid #8d734e; border-radius:5px; background:linear-gradient(100deg,#fff5d525,#f8e4b608),var(--paper); color:var(--ink); padding:15px 12px 12px; }
.recruit-ledger-heading>span { font-size:9px; letter-spacing:3px; color:#987446; }
.recruit-ledger-heading h3 { font:700 22px Georgia,SimSun,serif; letter-spacing:3px; margin:5px 0 7px; color:#463223; }
.recruit-ledger-heading p { font-size:11px; color:#896a46; margin:0 0 12px; }
.recruit-army { flex:1; min-height:0; overflow:auto; padding-right:5px; scrollbar-width:thin; scrollbar-color:#ab8e58 #dec89d; }
.recruit-army-row { display:flex; align-items:center; gap:8px; padding:9px 0; border-bottom:1px solid #9e81503b; }
.recruit-mini :is(svg,img.unit-illustration) { width:29px; height:34px; filter:drop-shadow(0 1px 1px #584c3680); }
.recruit-army-row>div { flex:1; min-width:0; }
.recruit-army-row strong { display:block; color:#4f3928; font-size:11px; line-height:1.5; }
.recruit-army-row small { display:block; color:#8b6d4b; font-size:10px; margin-top:3px; }
.recruit-army-row button { border:1px solid #9b7c4d; background:#f7e7c350; color:#6b4e31; font-size:11px; padding:5px 7px; min-width:45px; min-height:40px; border-radius:3px; }
.recruit-army-row button small { margin-top:1px; color:#88703d; }
.recruit-tools { display:flex; gap:8px; padding-top:12px; flex-shrink:0; }
.recruit-tools button { flex:1; padding:10px 3px; color:#765d3f; border:1px solid #a38760; background:#ecdab662; font-size:11px; border-radius:3px; }
.recruit-tools button:disabled { opacity:.5; }
.recruit-empty { text-align:center; padding:28px 0; }
.recruit-empty>span { font-size:37px; color:#b29056; }
.recruit-empty h3 { font-size:14px; color:#624c32; }
.recruit-empty p { color:#8b7152; font-size:12px; line-height:1.9; }
.recruit-empty button { border:1px solid #a28354; padding:10px; color:#5f472d; background:#f9eacb80; }
.recruit-footer { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:3px; }
.recruit-footer>[data-save] { font-size:11px; line-height:1.5; color:#b7a381; }
.recruit-done { padding:12px 25px; color:#322418; border:1px solid #d7b56e; border-radius:4px; background:linear-gradient(#f0d6a0,#c8a05e); font-weight:700; font-size:14px; box-shadow:inset 0 1px #fff1c7; white-space:nowrap; }
.recruit-done span { padding-left:18px; }
.recruit-mobile-layout,.recruit-mobile-nav { display:none; }
@media (min-width:701px) and (max-width:1100px) { .recruit-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); } .recruit-desktop-layout { grid-template-columns:minmax(0,1fr) 260px; } }
.mobile-ui #recruit-open { display:none; }
.mobile-ui #mobile-recruit { margin-left:auto; padding:8px 12px; width:auto; color:#f0d18e; background:#2c251cf0; }
.mobile-ui #mobile-recruit small { font-size:10px; margin-left:5px; color:#d4b879; }
.mobile-ui #recruit-dialog { inset:0; width:100%; height:100dvh; max-width:100%; max-height:100dvh; margin:0; border:0; border-radius:0; box-shadow:none; padding:calc(13px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom)); gap:9px; }
.mobile-ui .recruit-header { gap:8px; }
.mobile-ui .recruit-header h2 { font-size:25px; letter-spacing:3px; margin:5px 0 0; }
.mobile-ui .recruit-header p { display:none; }
.mobile-ui .recruit-eyebrow { font-size:8px; letter-spacing:1.7px; }
.mobile-ui .recruit-close { min-height:44px; padding:8px 10px; font-size:11px; }
.mobile-ui .recruit-close span { padding-left:7px; }
.mobile-ui .recruit-budget { gap:12px; padding:10px; }
.mobile-ui .recruit-budget small { font-size:10px; }
.mobile-ui .recruit-budget>div { display:block; }
.mobile-ui .recruit-budget strong { font-size:22px; }
.mobile-ui .recruit-budget .recruit-gold { display:flex; }
.mobile-ui .recruit-gold svg { width:25px; height:25px; }
.mobile-ui .recruit-gold strong { font-size:27px; }
.mobile-ui .recruit-budget em { font-size:10px; }
.mobile-ui .recruit-budget>div:not(.recruit-gold)>small { display:block; margin-bottom:2px; }
.mobile-ui .recruit-feedback { min-height:30px; font-size:11px; gap:5px; }
.mobile-ui .recruit-feedback>span { flex:1; }
.mobile-ui .recruit-feedback [data-undo] { min-height:36px; font-size:11px; }
.mobile-ui .recruit-desktop-layout { display:none; }
.mobile-ui .recruit-mobile-nav { display:flex; gap:0; flex-shrink:0; border-bottom:1px solid #8f6c3d; }
.mobile-ui .recruit-mobile-nav button { flex:1; min-height:44px; border:0; border-bottom:3px solid transparent; background:#221b1b; color:#b9a17c; font-size:14px; }
.mobile-ui .recruit-mobile-nav button[aria-pressed="true"] { color:#efcf8c; background:linear-gradient(#46322390,#8d683029); border-bottom-color:#d2ae65; }
.mobile-ui .recruit-mobile-nav b { font-size:11px; padding:2px 5px; border-radius:4px; background:#160e1250; }
.mobile-ui .recruit-mobile-layout { flex:1; min-height:0; display:flex; flex-direction:column; }
.mobile-ui .recruit-mobile-layout>section { flex:1; min-height:0; }
.mobile-ui .recruit-mobile-layout>section[hidden] { display:none; }
.mobile-ui .recruit-filters { padding-bottom:8px; gap:5px; }
.mobile-ui .recruit-filters button { min-height:42px; font-size:11px; padding:4px; }
.mobile-ui .recruit-catalog { display:flex; flex-direction:column; gap:10px; padding:1px 3px 10px 1px; }
.mobile-ui .recruit-card { flex-shrink:0; grid-template-columns:53px minmax(0,1fr) 86px; gap:9px; padding:12px; }
.mobile-ui .recruit-crest { width:50px; height:58px; grid-column:1; grid-row:1; }
.mobile-ui .recruit-card-title { grid-column:2; grid-row:1; }
.mobile-ui .recruit-card-title h3 { font-size:18px; margin:4px 0; }
.mobile-ui .recruit-card-title>span { font-size:10px; }
.mobile-ui .recruit-card-title p { font-size:11px; }
.mobile-ui .recruit-card-stats { grid-column:1/3; grid-row:2; border:0; padding:0; gap:9px; justify-content:flex-start; }
.mobile-ui .recruit-card-stats span { display:flex; align-items:baseline; gap:3px; font-size:10px; }
.mobile-ui .recruit-card-stats b { margin:0; font-size:13px; }
.mobile-ui .recruit-buy { grid-column:3; grid-row:1/3; min-height:46px; padding:7px; display:flex; flex-direction:column-reverse; gap:4px; font-size:10px; }
.mobile-ui .recruit-buy strong { font-size:18px; }
.mobile-ui .recruit-details { grid-column:1/-1; grid-row:3; font-size:11px; }
.mobile-ui .recruit-details summary { padding:4px 0; }
.mobile-ui .recruit-details[open] { grid-column:1/-1; }
.mobile-ui .recruit-ledger { padding:10px 12px; }
.mobile-ui .recruit-mobile-note { font-size:11px; color:#896b48; margin:0 0 4px; }
.mobile-ui .recruit-army-row { padding:9px 0; }
.mobile-ui .recruit-army-row strong { font-size:13px; }
.mobile-ui .recruit-army-row button { min-height:46px; min-width:57px; font-size:12px; }
.mobile-ui .recruit-mini :is(svg,img.unit-illustration) { width:37px; height:42px; }
.mobile-ui .recruit-tools button { min-height:44px; font-size:12px; }
.mobile-ui .recruit-footer { gap:10px; }
.mobile-ui .recruit-footer>[data-save] { font-size:10px; max-width:48%; }
.mobile-ui .recruit-done { min-height:47px; padding:11px 17px; font-size:13px; }
@media (max-width:350px) { .mobile-ui #recruit-dialog { padding-inline:10px; } .mobile-ui .recruit-budget { gap:8px; padding:9px 8px; } .mobile-ui .recruit-budget em { font-size:9px; } .mobile-ui .recruit-gold svg { display:none; } .mobile-ui .recruit-card { padding:10px; grid-template-columns:47px minmax(0,1fr) 77px; gap:7px; } .mobile-ui .recruit-card-title h3 { font-size:16px; } .mobile-ui .recruit-crest { width:44px; height:52px; } .mobile-ui .recruit-card-title p { font-size:10px; } }
.mobile-ui #recruit-dialog:focus { outline:none; }
@media (max-height:540px) { .mobile-ui .recruit-header h2 { font-size:19px; } .mobile-ui .recruit-eyebrow { display:none; } .mobile-ui .recruit-header { min-height:35px; } .mobile-ui .recruit-budget { padding-block:6px; } .mobile-ui .recruit-feedback { min-height:20px; } .mobile-ui .recruit-footer { padding-top:0; } .mobile-ui #recruit-dialog { gap:5px; padding-top:7px; padding-bottom:7px; } }

@media (min-width:600px) and (max-height:540px) {
  .mobile-ui #recruit-dialog[open] { display:grid; grid-template-columns:180px minmax(0,1fr); grid-template-rows:56px 44px minmax(0,1fr)44px; gap:8px; padding:8px 12px; }
  .mobile-ui .recruit-header { grid-column:1; grid-row:1; }
  .mobile-ui .recruit-header h2 { font-size:23px; }
  .mobile-ui .recruit-close { display:none; }
  .mobile-ui .recruit-budget { grid-column:2; grid-row:1; margin:0; padding:5px 12px; }
  .mobile-ui .recruit-gold strong { font-size:25px; }
  .mobile-ui .recruit-budget .recruit-gold small { display:inline; margin-right:8px; }
  .mobile-ui .recruit-mobile-nav { grid-column:1; grid-row:2; }
  .mobile-ui .recruit-mobile-nav button { font-size:12px; }
  .mobile-ui .recruit-feedback { grid-column:1; grid-row:3; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:8px; border-top:1px solid #8f6c3d55; }
  .mobile-ui .recruit-feedback>span { flex:0; }
  .mobile-ui .recruit-mobile-layout { grid-column:2; grid-row:2/4; }
  .mobile-ui .recruit-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mobile-ui .recruit-card { grid-template-columns:43px minmax(0,1fr)76px; gap:7px; padding:10px; }
  .mobile-ui .recruit-crest { width:41px; height:48px; }
  .mobile-ui .recruit-crest :is(svg,img.unit-illustration) { width:36px; height:42px; }
  .mobile-ui .recruit-card-title h3 { font-size:15px; }
  .mobile-ui .recruit-card-title p { font-size:10px; }
  .mobile-ui .recruit-footer { grid-column:1/-1; grid-row:4; }
  .mobile-ui .recruit-done { min-height:42px; padding-block:9px; }
}