/* Kix 1.1.1: one navigation component for every game. */
a.kix-return {
  box-sizing: border-box;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 8px 14px 8px 10px;
  border: 1px solid #429baf;
  border-radius: 10px;
  background: linear-gradient(160deg, #183b49, #0b202d);
  box-shadow: inset 0 1px 0 #ffffff17, 0 4px 12px #00000036;
  color: #f0fbff;
  font: 700 13px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .01em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
a.kix-return:hover {
  background: linear-gradient(160deg, #225363, #143243);
  border-color: #7ee7ed;
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff20, 0 4px 16px #00000040;
  text-decoration: none;
}
a.kix-return:focus-visible {
  outline: 3px solid #91f3f5;
  outline-offset: 3px;
}
a.kix-return:active { background: #102c3b; }
a.kix-return > .kix-return-icon {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 6px;
  background: #6fdfeb17;
  stroke: #8cf0f4;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
a.kix-return > .kix-return-label {
  display: inline;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
/* Fit the shared component into each game's own navigation and menus. */
[data-kix-game="chess"] .header-actions { flex-wrap: wrap; justify-content: flex-end; }
[data-kix-game="chess"] .modal-card > .kix-return { margin: 0 0 16px; }
[data-kix-game="chess"] .game-header { align-items: center; }
[data-kix-game="sol"] .toolbar { position: relative; z-index: 10; }
[data-kix-game="sol"] .table { z-index: 0; isolation: isolate; }
[data-kix-game="sol"] .toolbar-secondary { flex-wrap: wrap; justify-content: flex-end; }
[data-kix-game="sol"] .modal > .kix-return { display: flex; margin: 0 auto 16px; }
[data-kix-game="mis"] .topbar .mission { margin-right: auto; }
[data-kix-game="age"] dialog > .kix-return { margin: 16px auto 0; }
[data-kix-game="bat"] .account-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
[data-kix-game="bat"] .hud-top > .kix-return { align-self: flex-start; }
[data-kix-game="bat"] .modal > .kix-return { margin-top: 12px; }
[data-kix-game="bat"] .base-header { gap: 16px; }
[data-kix-game="tower"] .player-menu { flex-wrap: wrap; }
[data-kix-game="tower"] .game-account-toolbar { padding-top: 60px; }
[data-kix-game="tower"] .game-account-toolbar > .kix-return { position: absolute; top: 7px; left: 8px; }
[data-kix-game="tower"] .game-account-toolbar.is-collapsed,
[data-kix-game="tower"].mobile-experience .game-account-toolbar.is-collapsed {
  width: 216px; max-width: 216px; min-height: 60px; height: 60px; padding: 0; }
[data-kix-game="tower"].mobile-experience .game-account-toolbar:not(.is-collapsed) { padding-top: 60px; }
@media (max-width: 1180px) and (min-width: 821px) {
  [data-kix-game="sol"] .toolbar { grid-template-columns: minmax(110px,.65fr) auto minmax(200px,1fr) auto; }
  [data-kix-game="sol"] .toolbar-secondary { max-width: 165px; gap: 4px; }
  [data-kix-game="sol"] .brand img { max-width: 170px; }
}
@media (max-width: 820px) {
  [data-kix-game="sol"] .app-shell { grid-template-rows: 96px minmax(0,1fr); }
  [data-kix-game="sol"] .toolbar { grid-template-columns: minmax(0,1fr) 158px; gap: 6px; padding: 6px 8px; }
  [data-kix-game="sol"] .toolbar-secondary { gap: 4px; justify-content: center; }
  [data-kix-game="sol"] .game-readout { gap: 6px; padding-left: 0; flex-wrap: wrap; }
  [data-kix-game="sol"] .readout { min-width: 52px; }
  [data-kix-game="sol"] .toolbar-secondary .icon-button { height: 28px; width: 30px; }
  [data-kix-game="chess"] .header-actions { max-width: 55%; gap: 5px; }
  [data-kix-game="chess"] .turn-badge { display: none; }
  [data-kix-game="age"] #game-frame { grid-template-rows: 98px minmax(100px,1fr) 198px 0; }
  [data-kix-game="age"] #resource-bar { flex-wrap: wrap; gap: 6px; padding: 5px 8px; }
  [data-kix-game="age"] #resource-bar nav { flex-basis: 100%; justify-content: flex-end; gap: 6px; }
  [data-kix-game="age"] #resource-bar nav .kix-return { margin-right: auto; }
  [data-kix-game="age"] .age-display { margin-left: auto; }
  [data-kix-game="mis"] .topbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  [data-kix-game="mis"] .topbar .mission { grid-column: 1 / -1; }
  [data-kix-game="mis"] .topbar h1 { font-size: 26px; }
  [data-kix-game="mis"] .topbar .eyebrow { font-size: 8px; letter-spacing: .08em; }
  [data-kix-game="bat"] .base-header { flex-wrap: wrap; align-items: center; }
  [data-kix-game="bat"] .base-header .wallet { display: none; }
  [data-kix-game="bat"] .account-tools { gap: 6px; }
  [data-kix-game="bat"] .account-tools #saveStatus { display: none; }
  [data-kix-game="bat"] .base-workspace { top: 170px; }
  [data-kix-game="bat"] .hud-top { flex-wrap: wrap; }
  [data-kix-game="bat"] .hud-top > .kix-return { order: -1; margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) { a.kix-return { transition: none; } }
/* Kix 1.2.0: navigation in the final nine game layouts. */
[data-kix-game="def"] .start-panel > .kix-return { margin: 0 0 16px; }
[data-kix-game="def"] .orders > .kix-return { display: flex; margin: 0 auto 12px; }
[data-kix-game="def"] .modal > .kix-return { margin: 10px 0 12px; }
[data-kix-game="def"] .end-card > .kix-return { margin-bottom: 16px; }
[data-kix-game="apc"] .topbar { gap: 16px; }
[data-kix-game="apc"] .start-screen-shell > .kix-return { margin-bottom: 18px; }
[data-kix-game="apc"] .result-card > .kix-return { margin-bottom: 14px; }
[data-kix-game="dom"] .menu-topbar > .kix-return { margin-right: auto; }
[data-kix-game="dom"] .header-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
[data-kix-game="dom"] :is(.tutorial-card,.settings-card,.round-card) > .kix-return { margin-bottom: 18px; }
[data-kix-game="cc"] #topbar nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
[data-kix-game="cc"] :is(.briefing-content,.result-card) > .kix-return { margin-bottom: 18px; }
[data-kix-game="cc"] #help-dialog > .kix-return { margin-bottom: 10px; }
[data-kix-game="cc"] #loading > .kix-return { margin-top: 24px; }
:is([data-kix-game="find"],[data-kix-game="cross"]) .kix-paper-nav { display: flex; justify-content: flex-end; padding: 12px 0; }
[data-kix-game="word"] .toolbar { flex-wrap: wrap; align-items: center; }
[data-kix-game="word"] .modal-card > .kix-return { margin-bottom: 18px; }
[data-kix-game="geng"] :is(.account-box,.hud-account,.guide-account) { flex-wrap: wrap; }
[data-kix-game="geng"] :is(.topbar,.guide-topbar) { gap: 16px; flex-wrap: wrap; }
[data-kix-game="zombie"] .kix-landing-nav { margin-bottom: 28px; }
[data-kix-game="zombie"] .quick-actions { flex-wrap: wrap; align-items: center; }
[data-kix-game="zombie"] .modal-card > .kix-return { margin-bottom: 16px; }
[data-kix-game="zombie"] .travel-header { flex-wrap: wrap; gap: 12px; }
@media (max-width: 1100px) {
 [data-kix-game="geng"] :is(.war-hud,.battle-hud) { display: flex; flex-wrap: wrap; gap: 14px; }
 [data-kix-game="geng"] .hud-account { width: 100%; justify-content: flex-end; }
 [data-kix-game="geng"] .hud-account > .kix-return { margin-right: auto; }
}
@media (max-width: 900px) {
 [data-kix-game="dom"] .game-header .header-actions { grid-column: 1 / -1; justify-content: space-between; }
 [data-kix-game="apc"] .topbar { flex-wrap: wrap; }
 [data-kix-game="apc"] .topbar .topstats { width: 100%; flex-wrap: wrap; }
}
@media (max-width: 750px) {
 [data-kix-game="cc"] #app { grid-template-rows: 114px minmax(0,1fr); }
 [data-kix-game="cc"] #topbar { flex-wrap: wrap; align-content: center; gap: 8px; }
 [data-kix-game="cc"] #topbar nav { width: 100%; }
 [data-kix-game="cc"] #topbar nav .kix-return { margin-right: auto; }
 [data-kix-game="word"] .toolbar { justify-content: flex-start; }
 [data-kix-game="dom"] .menu-topbar { flex-wrap: wrap; }
}
@media print { .kix-return, .kix-paper-nav { display: none !important; } }

[data-kix-game="def"] .kix-desktop-notice { display: none; }
[data-kix-game="geng"] dialog > .kix-return { margin: 0 0 18px; }
@media (max-width: 760px) {
 [data-kix-game="def"]::before { display: none; }
 [data-kix-game="def"] .kix-desktop-notice { position: fixed; z-index: 999; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; padding: 30px; background: #100b08; color: #f1ddb7; text-align: center; font-size: 1.1rem; }
}

/* Keep Wordsmith's navigation in view below its original 960px desktop width. */
@media (max-width: 900px) {
 html.kix-word-document { min-width: 0; min-height: 100%; overflow: auto; }
 body[data-kix-game="word"] { min-width: 0; min-height: 100vh; overflow: auto; }
 [data-kix-game="word"] .app-shell { height: auto; min-height: calc(100vh - 24px); grid-template-rows: auto 1fr; overflow: visible; }
 [data-kix-game="word"] .topbar { grid-template-columns: 1fr; gap: 12px; padding: 16px; border-radius: 24px 24px 0 0; }
 [data-kix-game="word"] .hud { justify-self: start; }
 [data-kix-game="word"] .toolbar { justify-content: flex-start; }
 [data-kix-game="word"] .game-grid { display: flex; flex-direction: column; }
 [data-kix-game="word"] .workbench { order: 0; min-height: 620px; }
 [data-kix-game="word"] .spellbook { order: 1; max-height: 440px; }
 [data-kix-game="word"] .raven-panel { order: 2; min-height: 420px; }
 [data-kix-game="word"] .letter-rack { gap: 4px; }
 [data-kix-game="word"] .round-actions { flex-wrap: wrap; }
}
@media (max-width: 900px) {
 [data-kix-game="word"] .app-shell { grid-template-columns: minmax(0,1fr); }
 [data-kix-game="word"] .game-grid { min-width: 0; }
 [data-kix-game="word"] .toolbar { min-width: 0; width: 100%; }
 [data-kix-game="word"] .letter-rack { grid-template-columns: repeat(6,minmax(0,1fr)); }
 [data-kix-game="word"] .control-row { flex-wrap: wrap; }
 [data-kix-game="word"] .selected-word { min-width: 0; width: 100%; padding-left: 8px; padding-right: 8px; }
}