/* Compact Spiel dropdown, consistently cream in every table theme and orientation. */
#play-app{--menu-width:min(280px,calc(100vw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}
#play-app #game-menu{
  --paper:#f0ede4;
  --ink:#23382f;
  --muted:#59695e;
  --line:#2a453326;
  --accent:#375b43;
  --accent-text:#fffcf0;
  --menu-gold:#7a5a12;
  --menu-hover:#c8952c12;
  color-scheme:light;
  background:var(--paper);
  color:var(--ink);
  position:absolute;
  z-index:50;
  inset:auto;
  top:calc(64px + env(safe-area-inset-top,0px) + var(--install-space,0px));
  right:calc(10px + env(safe-area-inset-right,0px));
  width:var(--menu-width);
  max-width:calc(100vw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  height:auto;
  max-height:calc(var(--app-height,100dvh) - 74px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--install-space,0px));
  margin:0;
  padding:5px;
  border:1px solid #b58a35;
  border-radius:14px;
  box-shadow:0 8px 24px #10231c24;
  overflow:auto;
  overscroll-behavior:contain;
  scroll-padding:6px;
}
#game-menu .menu-main-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0}
#game-menu .game-menu-row{
  display:grid;
  grid-template-columns:23px minmax(0,1fr) 12px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:44px;
  padding:10px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font-size:14px;
  font-weight:500;
  line-height:1.25;
  text-align:left;
}
#game-menu .game-menu-row:last-child{border-bottom:0}
#game-menu .game-menu-row:first-child{border-radius:9px 9px 0 0}
#game-menu .game-menu-row:last-child{border-radius:0 0 9px 9px}
#game-menu .menu-row-icon{display:flex;align-items:center;justify-content:center;color:var(--menu-gold)}
#game-menu .menu-row-icon svg{display:block;width:22px;height:22px;flex:none}
#game-menu .menu-row-arrow{font-size:21px;line-height:1;opacity:.55;text-align:right}
#game-menu .game-menu-row:hover,#game-menu .game-menu-row:focus-visible,#game-menu .menu-back:hover{background:var(--menu-hover)}
#game-menu .game-menu-row:focus-visible,#game-menu .menu-back:focus-visible{outline-offset:-3px}
#play-app #game-menu .menu-settings{padding:0}
#game-menu .menu-back{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  min-height:44px;
  height:auto;
  padding:10px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:9px 9px 0 0;
  background:transparent;
  color:var(--ink);
  font-size:14px;
  font-weight:500;
}
#game-menu .menu-back svg{width:22px;height:22px;color:var(--menu-gold);flex:none}
#game-menu .menu-switch-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:10px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:14px;
  line-height:1.3;
  cursor:pointer;
  touch-action:manipulation;
}
#game-menu .menu-switch-row:last-child{border-bottom:0}
#game-menu .menu-switch-row input{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  width:42px;
  height:24px;
  margin:0;
  border:1px solid var(--muted);
  border-radius:20px;
  background:var(--line);
  cursor:pointer;
}
#game-menu .menu-switch-row input::after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:var(--muted);box-shadow:0 1px 3px #0003;transition:transform .12s}
#game-menu .menu-switch-row input:checked{background:var(--accent);border-color:var(--accent)}
#game-menu .menu-switch-row input:checked::after{transform:translateX(18px);background:var(--accent-text)}
#game-menu .menu-switch-row input:focus-visible{outline:3px solid #dd9f46;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#game-menu .menu-switch-row input::after{transition:none}}

/* Wissensseiten sind reguläre Links; der Spieltisch behält seine Fläche. */
#game-menu .menu-knowledge-link{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:32px;padding:7px 10px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;color:var(--muted);font:12px/1.3 Arial,sans-serif;text-decoration:none}
#game-menu .menu-knowledge-link:hover{background:var(--menu-hover);color:var(--ink)}
#game-menu .menu-knowledge-link:focus-visible{outline:3px solid #b58a35;outline-offset:-3px}