/* Commander Kingdom: a world-first invitation and clearly labelled picture routes.
   Scope this layer to Home and its shared chrome; existing viewport budgets stay intact. */
.kingdom-topbar.kingdom-chrome-aaa {
  background:linear-gradient(110deg,#182332,#263848)!important;
  border-bottom:1px solid #c8a96a99;
  box-shadow:0 2px 12px #0d172b35;
}
.kingdom-chrome-aaa .kingdom-wordmark {gap:15px;min-height:48px;}
.kingdom-chrome-aaa .kingdom-wordmark>img {filter:none;}
.kingdom-chrome-aaa .kingdom-motto {color:#ddc793;font-weight:600;line-height:1.35;}
.kingdom-chrome-aaa .kingdom-motto strong {font-weight:800;}
.kingdom-chrome-aaa .profile-button {
  min-width:48px;min-height:48px;
  background:var(--commander-river);border:2px solid var(--commander-brass);border-bottom-width:3px;
  box-shadow:0 2px 7px #0813214d;transition:box-shadow .18s,transform .18s;
}
.kingdom-chrome-aaa .profile-button:hover {box-shadow:0 0 0 3px #c8a96a38,0 3px 9px #0813214d;}
.kingdom-chrome-aaa .profile-button:focus-visible {outline:3px solid #fff4d7;outline-offset:4px;}
.kingdom-rail.kingdom-chrome-aaa {
  background:var(--commander-midnight);border-color:#c8a96a70;
  box-shadow:2px 0 12px #12203524;gap:10px;padding:20px 12px;
}
.kingdom-rail.kingdom-chrome-aaa a {
  position:relative;isolation:isolate;color:var(--commander-parchment)!important;
  min-height:96px;padding:9px 4px;gap:6px;
  border:1px solid transparent;border-radius:18px;box-shadow:none;
  transition:background .18s,border-color .18s,transform .18s;
}
.kingdom-rail.kingdom-chrome-aaa a.active {
  background:var(--commander-river);color:var(--commander-paper)!important;border-color:var(--commander-brass);
  box-shadow:inset 0 1px 0 #ffffff1a,0 3px 7px #0b142433;
}
.kingdom-rail.kingdom-chrome-aaa a.active::after {
  content:"";position:absolute;bottom:3px;left:calc(50% - 10px);width:20px;height:3px;
  background:var(--commander-brass);border-radius:3px;
}
.kingdom-rail.kingdom-chrome-aaa a>span {font:800 16px/1.1 var(--kid-font);letter-spacing:0;}
.kingdom-rail.kingdom-chrome-aaa a .kingdom-nav-picture {
  display:block;width:48px;height:42px;object-fit:contain;border-radius:12px;
  filter:none;transform:none;transition:transform .18s;
}
@media(hover:hover) {
  .kingdom-rail.kingdom-chrome-aaa a:hover {background:#304757;border-color:#c8a96a85;}
  .kingdom-rail.kingdom-chrome-aaa a:hover .kingdom-nav-picture {transform:translateY(-2px);}
}
.kingdom-rail.kingdom-chrome-aaa a:focus-visible {outline:3px solid #fff4d7;outline-offset:-4px;}

.home-aaa .home-storybook {
  position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) 205px auto;
  gap:20px;height:calc(100dvh - var(--ck-header));min-height:670px;
  padding:28px 32px 16px;background:#566652;overflow:hidden;
}
.home-aaa .home-hero-art {
  display:block;position:absolute;inset:0;grid-area:auto;width:100%;height:100%;min-height:0;z-index:-2;
}
.home-aaa .home-hero-art img {width:100%;height:100%;object-fit:cover;object-position:62% center;}
.home-aaa .home-hero-art::after {
  display:block;content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,#152d27c4 0%,#152d2700 38%),linear-gradient(90deg,#243a3030,transparent 62%);
}
.home-aaa .home-hero {
  display:flex;align-items:center;position:static;isolation:auto;min-height:0;height:auto;
  padding:0;border:0;background:none;overflow:visible;
}
.home-aaa .home-hero-copy {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  position:relative;width:440px;max-width:45%;height:auto;min-height:0;
  padding:27px 30px 29px;margin:0;text-align:left;
  border:1px solid #fff5d9;border-image:none;border-radius:28px;
  background:linear-gradient(#fffdf7ed,#f4ead5f5),url('/brand/parchment.webp') center/cover no-repeat;
  box-shadow:0 10px 30px #142a3340,inset 0 0 0 5px #fffaf03d;
}
.home-aaa .home-welcome {font:800 15px/1.4 var(--kid-font);color:var(--commander-grove);margin-bottom:10px;}
.home-aaa .home-hero h1 {
  margin:0;font:900 clamp(34px,3.7vw,53px)/1.04 var(--kid-font)!important;
  letter-spacing:-1.3px;color:var(--commander-midnight);text-shadow:none;
}
.home-aaa .home-hero h1 br {display:initial;}
.home-aaa .home-hero h1 em {color:var(--commander-river);font-style:normal;}
.home-aaa .home-hero-copy>p {font:600 17px/1.45 var(--kid-font);color:#53616a;margin:13px 0 0;max-width:30ch;}
.home-aaa .home-next-build {width:100%;margin:22px 0 15px;padding-top:17px;border-top:1px solid var(--commander-stone);}
.home-aaa .home-next-build>span {display:block;font:900 11px/1.4 var(--kid-font);letter-spacing:1.4px;color:#756240;}
.home-aaa .home-next-build>strong {display:block;font:900 23px/1.15 var(--kid-font);color:var(--commander-midnight);margin-top:4px;overflow-wrap:anywhere;}
.home-aaa .home-actions {display:block;width:100%;min-width:0;max-width:none;}
.home-aaa .home-actions .royal-button.gold {
  display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:70px;gap:13px;
  padding:10px 18px 10px 12px;border:1px solid #edd49c;border-bottom:4px solid #927746;
  border-image:none;border-radius:18px;background:linear-gradient(160deg,#e4cd94,var(--commander-brass));
  color:var(--commander-midnight)!important;box-shadow:inset 0 1px 0 #fff9df,0 4px 10px #92774626;
  font:900 27px/1.1 var(--kid-font);text-shadow:none;transform:none;filter:none;
  transition:box-shadow .18s,transform .18s,background .18s;
}
.home-aaa .home-actions .royal-button.gold img {
  display:block;width:44px;height:40px;object-fit:cover;border-radius:11px;filter:none;
}
.home-aaa .home-actions .royal-button.gold svg {width:24px;height:24px;margin-left:auto;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.home-aaa .home-actions .royal-button.gold:hover {background:linear-gradient(160deg,#eddab1,#d4b679);box-shadow:inset 0 1px 0 #fff9df,0 6px 14px #75624038;}
.home-aaa .home-actions .royal-button.gold:active {transform:translateY(2px);box-shadow:inset 0 1px 0 #fff9df;}
.home-aaa :is(.royal-button,.discovery-card,.text-link,summary,.home-city-card):focus-visible {outline:3px solid var(--commander-river);outline-offset:4px;}
.home-aaa .home-discover {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;width:100%;
}
.home-aaa .home-discover .discovery-card {
  position:relative;display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;justify-content:normal;
  height:100%;min-height:0;margin:0;padding:12px 27px 12px 6px;gap:5px;
  border:1px solid #f9efd4;border-image:none;border-radius:24px;
  background:#fbf6e9;color:var(--commander-midnight);text-align:left;overflow:hidden;
  box-shadow:0 6px 18px #13251e33;transform:none;
  transition:transform .2s,box-shadow .2s;
}
.home-aaa .home-discover .discovery-explore {background:#eef1e3;border-color:#eef4df;}
.home-aaa .home-discover .discovery-card:last-child {grid-column:auto;}
.home-aaa .discovery-picture {width:100%;height:100%;min-height:0;flex-basis:auto;display:flex;align-items:center;justify-content:center;}
.home-aaa .discovery-picture img {
  display:block;width:100%;height:100%;max-height:188px;object-fit:contain;
  mix-blend-mode:multiply;filter:none;transform:none;
}
.home-aaa .discovery-stories .discovery-picture img {filter:brightness(1.17) contrast(1.06);}
.home-aaa .discovery-copy {min-width:0;}
.home-aaa .home-discover .discovery-card h2 {
  display:block;margin:0;font:900 clamp(25px,2.3vw,32px)/1.1 var(--kid-font);
  letter-spacing:-.5px;color:var(--commander-midnight);text-align:left;
}
.home-aaa .home-discover .discovery-card p {font:600 15px/1.4 var(--kid-font);color:#53616a;margin:7px 0 0;max-width:22ch;}
.home-aaa .discovery-arrow {
  position:absolute;right:15px;top:calc(50% - 10px);width:20px;height:20px;
  fill:none;stroke:var(--commander-river);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
}
.home-aaa .home-discover .home-progress-label {display:block;font:800 13px/1.4 var(--kid-font);color:var(--commander-grove);margin-top:12px;}
.home-aaa .home-progress-label b {font-weight:900;}
.home-aaa .discovery-card .royal-progress {display:block;margin-top:5px;width:100%;max-width:150px;height:6px;border:0;border-radius:6px;background:#d6ddc9;overflow:hidden;}
.home-aaa .discovery-card .royal-progress i {display:block;height:100%;width:0;background:var(--commander-grove);border-radius:6px;}
@media(hover:hover) {
  .home-aaa .home-discover .discovery-card:hover {transform:translateY(-3px);box-shadow:0 10px 24px #12251e4a;}
}
.home-aaa .home-discover .discovery-card:active {transform:translateY(1px);}
.home-aaa .home-footer {display:block;margin:0;padding:0;font:800 13px/1.4 var(--kid-font);letter-spacing:.6px;color:var(--commander-parchment);background:none;text-shadow:0 1px 5px #12251e;}
.home-aaa .home-journey-details {margin:0;padding:4px 28px 20px;background:var(--commander-parchment);color:var(--commander-midnight);}
.home-aaa .home-journey-details>summary {display:list-item;min-height:52px;padding:16px 4px;font:800 16px/1.4 var(--kid-font);color:var(--commander-river);cursor:pointer;}
.home-aaa .home-journey {display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:18px;background:var(--commander-paper);border:1px solid var(--commander-stone);border-radius:18px;}
.home-aaa .home-journey>img {width:48px;height:60px;object-fit:contain;}
.home-aaa .home-journey h2 {margin:0 0 6px;font:900 22px/1.2 var(--kid-font);color:var(--commander-midnight);}
.home-aaa .home-journey p {margin:0;font:600 16px/1.5 var(--kid-font);color:#53616a;}
.home-aaa .home-journey .text-link {margin-left:auto;min-height:48px;font:800 16px/1.3 var(--kid-font);color:var(--commander-river);}
.home-aaa .home-city-card {width:100%;margin:0;background:#edf0e5;border:1px solid #c8d1b8;box-shadow:none;}
.home-aaa .home-city-emblem {width:70px;height:70px;object-fit:contain;}
.home-aaa .home-city-copy>strong {font-family:var(--kid-font);font-size:23px;}
.home-aaa .home-city-districts {display:flex;flex-wrap:wrap;gap:9px 18px;}
.home-aaa .home-city-districts>span {font-size:14px;}

@media(max-width:1366px) {
  .kingdom-rail.kingdom-chrome-aaa {gap:6px;padding:4px max(12px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-shadow:0 -2px 10px #12203524;}
  .kingdom-rail.kingdom-chrome-aaa a {height:62px;min-height:0;gap:2px;padding:3px;border-radius:13px;}
  .kingdom-rail.kingdom-chrome-aaa a>span {font-size:12px;}
  .kingdom-rail.kingdom-chrome-aaa a .kingdom-nav-picture {width:36px;height:31px;border-radius:8px;}
  .kingdom-rail.kingdom-chrome-aaa a.active::after {bottom:1px;height:2px;width:16px;left:calc(50% - 8px);}
  .home-aaa .home-storybook {height:var(--device-height);min-height:0;padding:22px var(--device-gutter) 20px;grid-template-rows:minmax(0,1fr) clamp(175px,24dvh,235px);gap:18px;}
  .home-aaa .home-hero-copy {width:400px;max-width:51%;padding:24px;}
  .home-aaa .home-hero h1 {font-size:clamp(34px,4.5vw,48px)!important;}
  .home-aaa .home-next-build {margin:18px 0 14px;padding-top:15px;}
  .home-aaa .home-actions .royal-button.gold {min-height:64px;font-size:25px;}
  .home-aaa .home-discover {gap:18px;}
  .home-aaa .home-discover .discovery-card {padding-right:25px;grid-template-columns:43% minmax(0,1fr);}
  .home-aaa .home-discover .discovery-card h2 {font-size:28px;}
  .home-aaa .home-discover .discovery-card p {font-size:14px;}
  .home-aaa .home-footer {display:none;}
}
@media(min-width:701px) and (max-width:900px) and (min-height:701px) {
  .home-aaa .home-storybook {grid-template-rows:minmax(0,1fr) 225px;padding-top:28px;}
  .home-aaa .home-hero {align-items:flex-end;padding-bottom:12px;}
  .home-aaa .home-hero-copy {width:380px;max-width:57%;}
  .home-aaa .home-discover .discovery-card {grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;text-align:center;padding:5px 20px 17px;gap:0;}
  .home-aaa .discovery-picture img {max-height:137px;}
  .home-aaa .home-discover .discovery-card h2 {font-size:26px;text-align:center;}
  .home-aaa .home-discover .discovery-card p {display:none;}
  .home-aaa .home-progress-label {margin-top:5px!important;}
  .home-aaa .discovery-card .royal-progress {margin-inline:auto;}
  .home-aaa .discovery-arrow {top:auto;bottom:24px;}
}
@media(max-width:700px) {
  .kingdom-chrome-aaa .kingdom-wordmark {gap:7px;}
  .kingdom-chrome-aaa .kingdom-motto {font-size:9px;max-width:104px;padding-left:9px;}
  .kingdom-rail.kingdom-chrome-aaa {gap:3px;padding-inline:5px;}
  .kingdom-rail.kingdom-chrome-aaa a {height:58px;border-radius:12px;}
  .kingdom-rail.kingdom-chrome-aaa a>span {font-size:11px;}
  .kingdom-rail.kingdom-chrome-aaa a .kingdom-nav-picture {width:34px;height:29px;}
  .home-aaa .home-storybook {padding:12px;gap:12px;grid-template-rows:minmax(0,1fr) 142px;min-height:480px;}
  .home-aaa .home-hero-art img {object-position:65% 30%;}
  .home-aaa .home-hero {display:flex;flex-direction:row;align-items:flex-end;padding:0;}
  .home-aaa .home-hero-copy {width:100%;max-width:none;padding:17px 20px 19px;border-radius:24px;align-items:center;text-align:center;}
  .home-aaa .home-welcome {font-size:12px;margin-bottom:7px;}
  .home-aaa .home-hero h1 {font-size:34px!important;line-height:1.02;letter-spacing:-.7px;}
  .home-aaa .home-hero-copy>p {font-size:14px;margin:9px 0 0;}
  .home-aaa .home-next-build {padding-top:10px;margin:12px 0 11px;}
  .home-aaa .home-next-build>span {font-size:10px;letter-spacing:1.2px;}
  .home-aaa .home-next-build>strong {font-size:20px;line-height:1.1;margin-top:3px;}
  .home-aaa .home-actions .royal-button.gold {min-height:58px;font-size:24px;padding:7px 14px 7px 9px;border-radius:15px;gap:10px;}
  .home-aaa .home-actions .royal-button.gold img {width:39px;height:35px;border-radius:9px;}
  .home-aaa .home-actions .royal-button.gold svg {width:20px;height:20px;}
  .home-aaa .home-discover {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .home-aaa .home-discover .discovery-card {display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:3px 8px 11px;border-radius:20px;gap:0;text-align:center;}
  .home-aaa .discovery-picture img {max-height:95px;max-width:145px;}
  .home-aaa .home-discover .discovery-card h2 {font-size:21px;line-height:1.1;letter-spacing:-.3px;text-align:center;}
  .home-aaa .home-discover .discovery-card p,.home-aaa .discovery-arrow {display:none;}
  .home-aaa .home-discover .home-progress-label {font-size:11px;margin-top:4px;}
  .home-aaa .discovery-card .royal-progress {height:4px;max-width:95px;margin:3px auto 0;}
  .home-aaa .home-journey-details {padding:4px 14px 16px;}
  .home-aaa .home-journey {display:grid;grid-template-columns:36px minmax(0,1fr);padding:15px;gap:12px;}
  .home-aaa .home-journey>img {width:36px;height:46px;}
  .home-aaa .home-journey h2 {font-size:19px;}
  .home-aaa .home-journey p {font-size:15px;}
  .home-aaa .home-journey .text-link {grid-column:1/-1;margin:0;justify-content:center;}
  .home-aaa .home-city-emblem {width:45px;height:55px;}
  .home-aaa .home-city-copy>strong {font-size:20px;}
  .home-aaa .home-city-districts {gap:8px 15px;}
}
@media(max-width:380px) and (min-height:541px) {
  .home-aaa .home-storybook {padding:10px;gap:10px;grid-template-rows:minmax(0,1fr) 130px;min-height:0;}
  .home-aaa .home-hero-copy {padding:15px 17px 17px;}
  .home-aaa .home-welcome {display:none;}
  .home-aaa .home-hero h1 {font-size:31px!important;}
  .home-aaa .home-hero-copy>p {font-size:13px;}
  .home-aaa .home-next-build {margin:10px 0;padding-top:9px;}
  .home-aaa .home-next-build>strong {font-size:18px;}
  .home-aaa .home-actions .royal-button.gold {font-size:22px;min-height:56px;}
  .home-aaa .discovery-picture img {max-height:84px;}
  .home-aaa .home-discover .discovery-card h2 {font-size:19px;}
}
@media(max-height:540px) and (min-width:541px) {
  .kingdom-chrome-aaa .kingdom-motto {font-size:11px;}
  .kingdom-rail.kingdom-chrome-aaa {gap:2px;padding:5px 4px;}
  .kingdom-rail.kingdom-chrome-aaa a {height:100%;min-height:48px;gap:1px;padding:1px;border-radius:10px;}
  .kingdom-rail.kingdom-chrome-aaa a>span {font-size:10px;}
  .kingdom-rail.kingdom-chrome-aaa a .kingdom-nav-picture {width:29px;height:25px;border-radius:7px;}
  .home-aaa .home-storybook {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:var(--device-height);min-height:290px;padding:12px;gap:12px;}
  .home-aaa .home-hero {align-items:center;padding:0;}
  .home-aaa .home-hero-copy {width:100%;max-width:none;padding:17px;align-items:flex-start;text-align:left;border-radius:21px;}
  .home-aaa .home-welcome {display:none;}
  .home-aaa .home-hero h1 {font-size:29px!important;line-height:1.03;}
  .home-aaa .home-hero-copy>p {display:none;}
  .home-aaa .home-next-build {margin:11px 0 10px;padding-top:10px;}
  .home-aaa .home-next-build>span {font-size:10px;}
  .home-aaa .home-next-build>strong {font-size:19px;}
  .home-aaa .home-actions .royal-button.gold {min-height:54px;font-size:22px;padding:6px 11px;gap:9px;}
  .home-aaa .home-actions .royal-button.gold img {width:34px;height:31px;border-radius:8px;}
  .home-aaa .home-actions .royal-button.gold svg {width:19px;height:19px;}
  .home-aaa .home-discover {grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;}
  .home-aaa .home-discover .discovery-card {grid-template-columns:42% minmax(0,1fr);grid-template-rows:1fr;padding:7px 12px 7px 2px;border-radius:20px;gap:4px;text-align:left;}
  .home-aaa .discovery-picture img {max-height:112px;width:100%;max-width:none;}
  .home-aaa .home-discover .discovery-card h2 {font-size:23px;text-align:left;}
  .home-aaa .home-discover .discovery-card p {display:none;}
  .home-aaa .home-discover .home-progress-label {margin-top:6px;font-size:11px;}
  .home-aaa .discovery-card .royal-progress {max-width:95px;margin:4px 0 0;}
  .home-aaa .discovery-arrow,.home-aaa .home-footer {display:none;}
}
.ck-large-text .home-aaa .home-storybook {height:auto;min-height:calc(100dvh - var(--ck-header) - var(--device-nav,0px));grid-template-rows:minmax(360px,1fr) auto auto;}
.ck-large-text .home-aaa .home-hero-copy {max-width:none;width:min(540px,100%);}
.ck-large-text .home-aaa .home-next-build>strong {font-size:26px;}
.ck-large-text .home-aaa .home-discover .discovery-card {min-height:200px;}
@media(prefers-reduced-motion:reduce) {
  .home-aaa *, .kingdom-chrome-aaa * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
.ck-reduced-motion :is(.home-aaa,.kingdom-chrome-aaa) * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
