/* My Empire's parchment and nation portrait carry through its deeper screens. */
.game-talents-view .game-layout{
  background:linear-gradient(180deg,#07130f7c 0%,#07130fb5 45%,#07130fee 100%),var(--empire-portrait) center 34%/cover fixed;
}
.talents-panel,.guild-panel,.leaderboard-panel{position:relative}
.game-bulgarian-empire .talents-panel::before,.game-bulgarian-empire .talents-panel::after,
.game-bulgarian-empire .guild-panel::before,.game-bulgarian-empire .guild-panel::after,
.game-bulgarian-empire .leaderboard-panel::before,.game-bulgarian-empire .leaderboard-panel::after{
  content:'';position:absolute;top:8px;bottom:0;width:25px;pointer-events:none;opacity:.84;
  background:url('/assets/bulgarian-embroidery-edge.svg') center top/25px 75px repeat-y;
  filter:drop-shadow(0 2px 2px #190f08);
}
.game-bulgarian-empire .talents-panel::before,.game-bulgarian-empire .guild-panel::before,.game-bulgarian-empire .leaderboard-panel::before{left:-35px}
.game-bulgarian-empire .talents-panel::after,.game-bulgarian-empire .guild-panel::after,.game-bulgarian-empire .leaderboard-panel::after{right:-35px}

.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head,
.guild-panel .empire-feature-body,.leaderboard-panel .empire-feature-body{
  position:relative;border:2px solid #754b31;border-radius:13px 5px 12px 6px;
  background:#ead1a8 url('/assets/empire-parchment.webp') center/cover;
  color:#382719;box-shadow:inset 0 0 0 2px #fff0d694,0 16px 30px #020804a6;
}
.game-bulgarian-empire .talents-intro::after,
.game-bulgarian-empire .guild-panel .empire-feature-head::after,
.game-bulgarian-empire .leaderboard-panel .empire-feature-head::after{
  content:'';position:absolute;left:18px;right:18px;bottom:7px;height:17px;pointer-events:none;
  background:url('/assets/bulgarian-embroidery-line.svg') center/96px 17px repeat-x;opacity:.72;
}
.talents-intro{display:flex;flex-direction:column;align-items:center;padding:22px 38px 34px;text-align:center}
.talents-intro img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 3px #5e3f2670)}
.talents-intro .small-label,.guild-panel .small-label,.leaderboard-panel .small-label{color:#8b4332}
.talents-intro h1,.guild-panel .empire-feature-head h1,.leaderboard-panel .empire-feature-head h1{
  margin:4px 0 8px;color:#382719;font:600 clamp(34px,4vw,52px) Cinzel,Georgia,serif;text-shadow:none;overflow-wrap:anywhere;
}
.talents-intro .talents-lead{max-width:68ch;margin:0;color:#5e4430;font-size:13px;line-height:1.55}
.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head{
  display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:24px;min-height:170px;padding:24px 32px 35px;
}
.guild-panel .empire-feature-head>div,.leaderboard-panel .empire-feature-head>div{text-align:center}
.guild-panel .empire-feature-head img,.leaderboard-panel .empire-feature-head img{width:88px;height:88px;filter:drop-shadow(0 4px 3px #5e3f2670)}
.guild-panel .guild-feature-head p{max-width:none;margin:2px 0 0;color:#5e4430;font-size:13px}
.guild-panel .empire-feature-body,.leaderboard-panel .empire-feature-body{margin-top:17px;padding:29px clamp(18px,4vw,48px);color:#382719}
.guild-panel .empire-feature-body p,.leaderboard-panel .empire-feature-body p{max-width:none;color:#563e2b}
.guild-panel .empire-feature-body h2{color:#4a2c1d}

/* Talent progression is laid out as ink and ruled sections on parchment. */
.talents-progress{gap:10px;margin:18px 0 12px;border:0;background:none;box-shadow:none;backdrop-filter:none}
.talents-progress>div,.talent-level-track,.level-schedule,.talents-note{
  border:1px solid #8d6240;border-radius:6px 2px 6px 2px;
  background:#e8cca0 url('/assets/empire-parchment.webp') center/cover;color:#3e2d1f;
  box-shadow:0 9px 17px #02080491;
}
.talents-progress>div{padding:16px 19px;text-align:center}
.talents-progress span,.talent-level-track>div,.talent-level-track small{color:#694936}
.talents-progress strong,.talent-level-track strong{color:#4d2d1d}
.talent-level-track{padding:18px 21px}
.talent-level-track progress{accent-color:#a54c33}
.level-schedule summary{color:#553421}
.level-schedule th,.level-schedule td{border-color:#a47b5480;color:#423021}
.level-schedule thead{background:#714d35;color:#fff0cf}
.level-schedule thead th{color:#fff0cf}
.level-schedule tbody tr:nth-child(odd){background:#f1dbb4b3}
.level-schedule tbody tr.current{background:#c8995fc2}
.talents-filter button,.leaderboard-tabs button{
  border:2px solid #785136;border-radius:7px 2px 7px 2px;
  background:#e7c99a url('/assets/empire-parchment.webp') center/cover;color:#4b2f20;
  box-shadow:inset 0 0 0 1px #fff0d58c,0 5px 11px #0208048c;
}
.talents-filter button:hover,.talents-filter button:focus-visible,.talents-filter button.selected,
.leaderboard-tabs button[aria-selected=true],.leaderboard-tabs button:hover,.leaderboard-tabs button:focus-visible{
  border-color:#a44933;background:#f4dcb0 url('/assets/empire-parchment.webp') center/cover;color:#642b20;
  outline:2px solid #f4d49b;outline-offset:2px;
}
.talent-card{
  --talent-accent:#8f553b;border:2px solid #785034;border-radius:10px 3px 9px 4px;
  background:#e6c89a url('/assets/empire-parchment.webp') center/cover;color:#402d1f;
  box-shadow:inset 0 0 0 2px #fff0d485,0 12px 23px #020804a6;
}
.talent-card.talent-warfare{--talent-accent:#a34b3b}
.talent-card.talent-exploration{--talent-accent:#4c756a}
.talent-card-head{background:#eddbb9 url('/assets/empire-parchment.webp') center/cover;border-bottom:1px solid #9a714d}
.talent-card-head strong{color:#382719}
.talent-card-head small{color:#6d4f36}
.talent-card-body p,.talent-card-body li,.talent-card-body li span,.talent-card-body li small{color:#493423}
.talent-card-body li{border-color:#98704c78}
.talent-card-body li.learned{background:#819b7340}
.talent-card-body li.next{background:#cca26158}
.talent-card-foot{border-color:#98704c78;background:#e3c394 url('/assets/empire-parchment.webp') center/cover}
.talent-learn-button{background:#a75e3c;color:#fff3da}
.talent-learn-button:hover:not(:disabled),.talent-learn-button:focus-visible{background:#874329;color:#fff7e6}
.talent-learn-button:disabled{background:#baa688;color:#594f3e;border-color:#9d8a71}
.talent-mastered{color:#654128}
.talents-note{border-left:4px solid #a34b3b}

/* Guild choices, roster, and forms share the same paper and ink treatment. */
.guild-option,.guild-current,.guild-list-row,.guild-stats>div,.guild-membership-badge{
  border:2px solid #785034;border-radius:9px 3px 8px 3px;
  background:#e9cfa4 url('/assets/empire-parchment.webp') center/cover;color:#3c2a1d;
  box-shadow:inset 0 0 0 1px #fff0d28f,0 9px 16px #02080494;
}
.guild-option{position:relative;overflow:hidden}
.game-bulgarian-empire .guild-option::before{
  content:'';position:absolute;inset:3px 10px;pointer-events:none;opacity:.65;
  background:url('/assets/bulgarian-embroidery-line.svg') center top/96px 17px repeat-x;
}
.guild-option:hover,.guild-option:focus-visible,.guild-list-row:hover,.guild-list-row:focus-visible{
  border-color:#a74732;background:#f3ddb8 url('/assets/empire-parchment.webp') center/cover;
  outline:2px solid #f2d49d;outline-offset:2px;
}
.guild-option>span,.guild-option b,.guild-list-row .guild-list-rank,.guild-list-row b{color:#984934}
.guild-option strong,.guild-current strong,.guild-list-row strong,.guild-stats strong,.guild-member-list li strong{color:#432a1b}
.guild-option small,.guild-list-row span,.guild-current span,.guild-stats span{color:#674936}
.guild-current button,.guild-state button,.guild-join-action{border-color:#814a31;background:#a8623f;color:#fff3da}
.guild-current button:hover,.guild-state button:hover,.guild-join-action:hover{background:#814329;color:#fff3da}
.guild-create-form label,.guild-search-label{color:#59331f}
.guild-create-form input,.guild-search{
  border:1px solid #8c6242;background:#f7e2bb url('/assets/empire-parchment.webp') center/cover;color:#342316;
}
.guild-create-form input::placeholder,.guild-search::placeholder{color:#866950}
.guild-create-form input:focus-visible,.guild-search:focus-visible{outline:2px solid #ad5b3e}
.guild-membership-badge{color:#67432e}
.guild-member-list li{border-color:#9d745080;color:#4b3625}
.guild-member-list li small{color:#9c4e31}
.guild-panel .guild-list>p,.guild-panel .guild-state p{color:#553c29}

/* Ranked data stays in a ruled table, with the same parchment surface. */
.leaderboard-summary>div{
  border:1px solid #8d6240;border-radius:5px 2px 5px 2px;
  background:#f0d8ac url('/assets/empire-parchment.webp') center/cover;text-align:center;
}
.leaderboard-summary span{color:#71503a}
.leaderboard-summary strong{color:#492d1d}
.leaderboard-body>p{color:#5b4230}
.leaderboard-table-wrap{border-color:#8c6343;background:#f3ddb6}
.leaderboard-table{color:#3f2d1e}
.leaderboard-table thead{background:#67462f;color:#fff0d2}
.leaderboard-table tbody tr:nth-child(odd){background:#f1dcbb}
.leaderboard-table tbody tr:nth-child(even){background:#e8cda2}
.leaderboard-table tbody tr.own{background:#d6ae78;color:#3d2619}
.leaderboard-table th,.leaderboard-table td{border-color:#9b75577d}
.leaderboard-table tbody th small,.leaderboard-table td:last-child,.leaderboard-own-rank{color:#753e29!important}
.leaderboard-guild-link{color:#763e29}

@media(max-width:700px){
  .game-talents-view .game-layout{background:linear-gradient(180deg,#07130f60 0%,#07130fc2 55%,#07130f 100%),var(--empire-portrait) center top/auto 560px no-repeat,#07130f}
  .game-bulgarian-empire .talents-panel::before,.game-bulgarian-empire .guild-panel::before,.game-bulgarian-empire .leaderboard-panel::before{left:-10px}
  .game-bulgarian-empire .talents-panel::after,.game-bulgarian-empire .guild-panel::after,.game-bulgarian-empire .leaderboard-panel::after{right:-10px}
  .talents-intro{padding:17px 20px 32px}
  .talents-intro img{width:58px;height:58px}
  .talents-intro .talents-lead{font-size:11px}
  .guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head{
    display:flex;flex-direction:column-reverse;align-items:center;gap:5px;min-height:0;padding:19px 17px 33px;
  }
  .guild-panel .empire-feature-head img,.leaderboard-panel .empire-feature-head img{width:65px;height:65px;align-self:center}
  .guild-panel .empire-feature-body,.leaderboard-panel .empire-feature-body{padding:20px 15px}
  .talents-progress{gap:5px}
  .talents-progress>div{padding:11px 7px}
  .talent-card-body li{grid-template-columns:70px 1fr auto}
  .guild-option{min-height:102px}
}