/* KOTC v227 — Dynasty Archive restyled to match the dark Kingdom Overview cards. */
.kotc-dynasty-archive-v227{
  padding:22px;
  border:1px solid #264b63;
  background:linear-gradient(180deg,#132139f5,#0e1b32fa);
  color:#f7f5ed;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.kotc-dynasty-head-v227{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #22546a}
.kotc-dynasty-head-v227 h2{margin:4px 0 0;font:800 25px/1 Cinzel,serif;letter-spacing:.06em;color:#fff}
.kotc-dynasty-archive-v227 .overview-kicker{color:#4ed6df}
.kotc-dynasty-state-v227{padding:6px 9px;border:1px solid #355b72;background:#0b1729;font:900 8px/1 Inter,sans-serif;letter-spacing:.1em}
.kotc-dynasty-state-v227.live{color:#71df99;border-color:#277b59}.kotc-dynasty-state-v227.archive{color:#efcd77;border-color:#9f7e37}
.kotc-dynasty-card-v227{display:grid;grid-template-columns:126px minmax(0,1fr) minmax(230px,300px);gap:18px;align-items:center;padding:18px;background:#0b1729;border:1px solid #264b63}
.kotc-dynasty-crest-v227{
  --c1:#388ee0;--c2:#8655d8;--c3:#22b85f;
  position:relative;display:grid;place-items:end center;flex:none;
  width:122px;height:122px;overflow:hidden;border-radius:18px;
  background:#10192c;border:4px solid #168d9a;box-shadow:0 0 0 3px #071322,0 7px 15px #0008;
}
.kotc-dynasty-crest-v227 .dynasty-third{position:absolute;inset:0;display:block;z-index:0}
.kotc-dynasty-crest-v227 .dynasty-third-left{background:var(--c1);clip-path:polygon(0 0,50% 0,50% 33.333%,0 100%)}
.kotc-dynasty-crest-v227 .dynasty-third-right{background:var(--c2);clip-path:polygon(50% 0,100% 0,100% 100%,50% 33.333%)}
.kotc-dynasty-crest-v227 .dynasty-third-bottom{background:var(--c3);clip-path:polygon(0 100%,100% 100%,50% 33.333%)}
.kotc-dynasty-crest-v227:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);pointer-events:none;z-index:3}
.kotc-dynasty-crest-v227 img{
  position:absolute;z-index:2;left:0;right:0;top:0;width:100%;height:100%;
  object-fit:contain;object-position:center top;
  transform:scale(1.55);transform-origin:50% 8%;
  filter:drop-shadow(0 4px 3px rgba(0,0,0,.55))
}
.kotc-dynasty-crest-v227 b{position:relative;z-index:2;align-self:center;font-size:34px;color:#fff;text-shadow:0 2px 4px #000}
.kotc-dynasty-crest-v227.small{width:58px;height:58px;border-radius:12px;border-width:3px;box-shadow:0 0 0 2px #071322}
.kotc-dynasty-crest-v227.small:after{border-radius:9px}
.kotc-dynasty-copy-v227{min-width:0;display:grid;align-content:center;gap:5px}
.kotc-dynasty-copy-v227>small{color:#47d8df;font:900 8px/1 Inter,sans-serif;letter-spacing:.14em}
.kotc-dynasty-copy-v227>strong{color:#fff;font:800 22px/1.15 Cinzel,serif}
.kotc-dynasty-copy-v227>p{margin:3px 0 8px;color:#aebdca;font-size:11px;line-height:1.45;max-width:650px}
.kotc-dynasty-region-chips{display:flex;gap:7px;flex-wrap:wrap}
.kotc-dynasty-region-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#101f36;border:1px solid #29465f;color:#e7eef5;font:900 8px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.kotc-dynasty-region-chip i{width:10px;height:10px;border-radius:2px;background:var(--region)}
.kotc-dynasty-picker-v227{display:grid;gap:10px;padding:13px;background:#102039;border:1px solid #2b4b65}
.kotc-dynasty-picker-v227 label{display:grid;gap:6px}.kotc-dynasty-picker-v227 label>span{color:#76dce4;font:900 8px/1 Inter,sans-serif;letter-spacing:.12em}
.kotc-dynasty-picker-v227 select{width:100%;height:40px;padding:0 10px;border:1px solid #4c6e86;background:#081426;color:#fff;font:800 11px/1 Inter,sans-serif}
.kotc-dynasty-editor-actions-v227{display:grid;grid-template-columns:1fr auto;gap:7px}
.kotc-dynasty-editor-actions-v227 button{border:1px solid #4b6c83;background:#152943;color:#fff;min-height:36px;padding:8px 10px;font:900 8px/1.15 Inter,sans-serif;letter-spacing:.06em;cursor:pointer}
.kotc-dynasty-editor-actions-v227 button.primary{background:#0d7180;border-color:#5fcbd5}
.kotc-dynasty-manager-v227{width:min(780px,94vw);max-height:90vh;border:3px solid #d5b45d;background:#101a2b;color:#fff;padding:0;box-shadow:0 22px 80px rgba(0,0,0,.7)}
.kotc-dynasty-manager-v227::backdrop{background:rgba(4,7,13,.76)}
.dynasty-manager-head-v227{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:2px solid #2ba6b6}.dynasty-manager-head-v227 small{color:#62dce7;font:900 9px/1 Inter,sans-serif;letter-spacing:.14em}.dynasty-manager-head-v227 h2{margin:3px 0 0;font:800 28px/1 Cinzel,serif}.dynasty-manager-head-v227 button{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}
.dynasty-manager-body-v227{padding:18px;display:grid;gap:20px;max-height:72vh;overflow:auto}.dynasty-manager-body-v227 h3{margin:0 0 10px;font:800 13px/1 Cinzel,serif;color:#6ee5ee;letter-spacing:.08em}
.dynasty-manager-list-v227{display:grid;gap:8px}.dynasty-manager-row-v227{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px;border:1px solid #354964;background:#17243a}.dynasty-manager-row-v227>span{display:grid;gap:4px}.dynasty-manager-row-v227 b{font:800 13px/1.2 Cinzel,serif}.dynasty-manager-row-v227 small{font-size:8px;color:#a9bfd3;letter-spacing:.05em}.dynasty-manager-row-v227 button,.dynasty-primary-v227{border:1px solid #5fcbd5;background:#0d7180;color:#fff;padding:10px 12px;font:900 9px/1 Inter,sans-serif;cursor:pointer}
.dynasty-create-v227{padding:16px;border:1px solid #4b6683;background:#132037}.dynasty-create-title-v227>span{color:#efc85e;font:900 8px/1 Inter,sans-serif;letter-spacing:.14em}.dynasty-create-v227 p{color:#c3d0dc;line-height:1.5;margin:8px 0 14px}.dynasty-create-v227 p strong{color:#fff}.dynasty-create-v227>label{display:grid;gap:5px;color:#dce8f3;font:900 9px/1 Inter,sans-serif;letter-spacing:.08em}.dynasty-create-v227 #newDynastyName{padding:11px;background:#fff;color:#17202d;border:0;margin:6px 0 10px}.dynasty-create-v227>small{display:block;margin-top:9px;color:#91a6b9;font-size:9px;line-height:1.45}
.kotc-economy-lock-v227{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 20px!important;border-left:5px solid #7d334d!important}.kotc-economy-lock-v227 h2{margin:4px 0;font:800 16px/1.2 Cinzel,serif}.kotc-economy-lock-v227 p{margin:0;max-width:780px}.kotc-economy-state-v227{display:grid;gap:7px;min-width:230px}.kotc-economy-state-v227 strong{font:900 9px/1 Inter,sans-serif;letter-spacing:.09em}.kotc-economy-state-v227.open strong{color:#17765b}.kotc-economy-state-v227.locked strong{color:#b91830}.kotc-economy-state-v227 button{border:0;background:#0d7079;color:#fff;padding:11px;font:900 9px/1 Inter,sans-serif;letter-spacing:.05em;cursor:pointer}.kotc-economy-state-v227.locked button{background:#7d334d}
.kotc-save-export-v227{display:grid;grid-template-columns:1fr auto;gap:14px 22px;align-items:center;padding:16px 20px!important;border-left:5px solid #0d7d88!important}.kotc-save-export-v227 strong{display:block;margin:4px 0;font:800 15px/1.2 Cinzel,serif}.kotc-save-export-v227 p{margin:4px 0;max-width:780px}.kotc-save-export-v227>small{grid-column:1/-1;color:#766c5c}.kotc-save-export-actions-v227{display:grid;gap:8px;min-width:260px}.kotc-save-export-actions-v227 input{padding:8px;background:#fff;border:1px solid #c4b18b}.kotc-save-export-actions-v227 button{border:0;background:#0d7079;color:#fff;padding:12px;font:900 10px/1 Inter,sans-serif;letter-spacing:.06em;cursor:pointer}
.kotc-suite-toast-v227{position:fixed;left:50%;bottom:24px;transform:translate(-50%,14px);z-index:99999;padding:11px 16px;background:#101825;color:#fff;border:1px solid #d5b45d;opacity:0;pointer-events:none;transition:.18s}.kotc-suite-toast-v227.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.kotc-dynasty-card-v227{grid-template-columns:110px 1fr}.kotc-dynasty-picker-v227{grid-column:1/-1}.kotc-dynasty-crest-v227{width:106px;height:106px}.kotc-economy-lock-v227,.kotc-save-export-v227{grid-template-columns:1fr}.kotc-save-export-actions-v227{min-width:0}}
@media(max-width:580px){.kotc-dynasty-head-v227{align-items:flex-start;flex-direction:column}.kotc-dynasty-card-v227{grid-template-columns:1fr}.kotc-dynasty-crest-v227{width:100px;height:100px}.dynasty-manager-row-v227{grid-template-columns:auto 1fr}.dynasty-manager-row-v227 button{grid-column:1/-1}.kotc-dynasty-editor-actions-v227{grid-template-columns:1fr}}


/* v227 — direct dynasty tabs for every viewer. */
.kotc-dynasty-head-v227{align-items:center!important}
.kotc-dynasty-head-v227>div:first-child p{margin:5px 0 0;color:#9eb0bf;font-size:10px}
.kotc-dynasty-top-actions-v227{display:flex;gap:8px;flex-wrap:wrap}
.kotc-dynasty-top-actions-v227 button{min-height:36px;padding:8px 11px;border:1px solid #4b6c83;background:#152943;color:#fff;font:900 8px/1.15 Inter,sans-serif;letter-spacing:.06em;cursor:pointer}
.kotc-dynasty-top-actions-v227 button.primary{background:#0d7180;border-color:#5fcbd5}
.kotc-dynasty-tabs-v227{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 12px;margin-bottom:10px;scrollbar-width:thin;scroll-snap-type:x proximity}
.kotc-dynasty-tab-v227{flex:0 0 min(270px,78vw);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid #35536b;background:#101d31;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .15s,background .15s,transform .15s}
.kotc-dynasty-tab-v227:hover{background:#152943;border-color:#65c6d0;transform:translateY(-1px)}
.kotc-dynasty-tab-v227.selected{background:#16304a;border-color:#72e0e8;box-shadow:inset 0 -3px 0 #40cbd6}
.kotc-dynasty-tab-v227>span{min-width:0;display:grid;gap:5px}
.kotc-dynasty-tab-v227>span>b{font:800 12px/1.2 Cinzel,serif;white-space:normal}
.kotc-dynasty-tab-v227>span>small{font:900 7px/1 Inter,sans-serif;letter-spacing:.11em;color:#8ca8bc}
.kotc-dynasty-tab-v227.selected>span>small{color:#6ce3eb}
.kotc-dynasty-card-v227{grid-template-columns:126px minmax(0,1fr) auto!important}
.kotc-dynasty-state-v227{align-self:start;white-space:nowrap}
.dynasty-manager-open-v227{display:grid!important;gap:4px!important;text-align:left!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important}
.dynasty-manager-open-v227 small{font-size:8px!important;color:#a9bfd3!important}
@media(max-width:760px){
  .kotc-dynasty-head-v227{align-items:flex-start!important}
  .kotc-dynasty-top-actions-v227{width:100%}
  .kotc-dynasty-top-actions-v227 button{flex:1}
  .kotc-dynasty-card-v227{grid-template-columns:100px 1fr!important}
  .kotc-dynasty-card-v227>.kotc-dynasty-state-v227{grid-column:1/-1;justify-self:start}
}