/* Approved screenshot composition. Scoped to entrance; no gameplay geometry overrides. */
#lobby.landing783 {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #0a180f !important;
  isolation: isolate;
  color: #e9ddbb;
}
#lobby.landing783.hidden {
  display: none !important;
}
#lobby.landing783 > .lobby-header,
#lobby.landing783 > .lobby-card,
#lobby.landing783 > .lobby-discover,
#lobby.landing783 > .lobby-build-line,
#lobby.landing783 > .legal-footer {
  display: none !important;
}
#landingScene783 {
  position: absolute;
  inset: 0;
  background: url('assets/trump746/table-faint.png') center top/cover no-repeat;
  z-index: -1;
  pointer-events: none;
}
#landingScene783 svg {
  position: absolute;
  left: 50%;
  top: 0;
  width: max(100vw, 48.6923dvh);
  height: max(205.3714vw, 100dvh);
  transform: translateX(-50%);
  max-width: none;
}
.landing-seat-name {
  font: 600 29px Georgia;
  fill: #fff3ce;
  paint-order: stroke;
  stroke: #23170b;
  stroke-width: 2px;
}
#landingBrand783 {
  position: absolute;
  top: 1.8%;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  text-align: center;
  color: #d8b65e;
  text-shadow: 0 2px 5px #000;
  white-space: nowrap;
}
#landingBrand783 strong {
  font: 600 clamp(20px, 5.3vw, 32px) / 1.1 Georgia;
  letter-spacing: 0.2em;
}
#landingBrand783 span {
  font: 12px Georgia;
}
#landingBrand783 small {
  font: 10px Georgia;
  letter-spacing: 0.23em;
}
#landingMenuButton783 {
  position: absolute;
  right: 3%;
  top: 2%;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #b49a50;
  background: #10170dc9;
  color: #ead9ad;
  font: 21px Georgia;
  cursor: pointer;
}
#landingPartner783 {
  position: absolute;
  left: 50%;
  top: 14%;
  transform: translateX(-50%);
  background: #102015dd;
  color: #ead9ad;
  border: 1px solid #b59b50;
  border-radius: 12px;
  padding: 5px 10px;
  font: 12px system-ui;
  white-space: nowrap;
  cursor: pointer;
}
#landingPanel783 {
  position: absolute;
  bottom: max(10px, env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 22px);
  max-width: 470px;
  box-sizing: border-box;
  padding: 14px 16px 11px;
  border: 1px solid #b3974b;
  border-radius: 22px;
  background: linear-gradient(135deg, #102c1fee, #06150efc);
  box-shadow: 0 3px 15px #0008;
  text-align: center;
}
#landingPanel783 .identity-name-label {
  font: 600 clamp(19px, 5.2vw, 26px) / 1.2 Georgia;
  text-align: center;
  margin: 0 0 9px;
  color: #f1e6c6;
}
#landingPanel783 #hor-player-name {
  box-sizing: border-box;
  width: 100%;
  height: 37px;
  min-height: 0;
  margin: 0;
  background: #14271da8;
  color: #f6eed4;
  border: 1px solid #697363;
  border-radius: 9px;
  padding: 8px 12px;
  font: 14px system-ui;
}
#landingPanel783 .identity-choice {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 9px 0 10px;
  margin: 0;
}
#landingPanel783 .identity-avatar {
  position: relative;
  display: flex;
  min-height: 48px;
  border: 0;
  background: none;
  padding: 0;
  width: 100%;
  color: #eee2c2;
}
#landingPanel783 .identity-avatar img {
  width: 48px;
  height: 48px;
  border: 1px solid #bb9741;
}
#landingPanel783 .identity-avatar span {
  display: block;
  text-align: left;
}
#landingPanel783 .identity-avatar strong {
  display: none;
}
#landingPanel783 .identity-avatar small {
  font: 13px system-ui;
  color: #e7dec5;
}
#landingPanel783 .identity-avatar small:last-child {
  position: absolute;
  right: 0;
  top: 7px;
  border: 1px solid #b29343;
  border-radius: 8px;
  padding: 8px 17px;
  color: #e2bd64;
  font: 600 13px Georgia;
}
#landingPanel783 .identity-voice {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
#landingPanel783 .identity-voice label {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  font: 13px system-ui;
}
#landingPanel783 .identity-voice select {
  display: inline-block;
  flex: 1;
  width: 90px;
  min-height: 34px;
  background: #11251b;
  color: #ede3cb;
  border-color: #636e5b;
}
#landingPanel783 .identity-voice button {
  margin: 0;
  min-height: 34px;
  padding: 6px 10px;
  background: #102319;
  color: #e2bd64;
  font: 600 12px Georgia;
}
#landingPanel783 .identity-status {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: #102319;
  font: 11px system-ui;
}
#landingPanel783 #soloPracticeBtn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  min-height: 44px;
  border: 1px solid #edcc79;
  border-radius: 9px;
  margin: 0;
  padding: 6px;
  background: linear-gradient(115deg, #d59e31, #f9dc83 50%, #b68123);
  box-shadow: inset 0 1px 1px #ffebaf;
  color: #151706;
  font: 700 21px Georgia;
  letter-spacing: 0;
}
#landingPanel783 #friendsToggleBtn {
  display: block;
  margin: 9px auto 0;
  padding: 3px;
  min-height: 25px;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #caa658;
  text-decoration: underline;
  font: 600 12px Georgia;
}
#landingPanel783 #lobbyStatus:empty {
  display: none;
}
#landingPanel783 #lobbyStatus {
  font: 12px system-ui;
  margin: 4px 0 0;
}
#landingMenu783 {
  position: absolute;
  z-index: 4;
  right: 12px;
  top: 55px;
  padding: 10px;
  background: #0c211af5;
  border: 1px solid #b49a50;
  border-radius: 12px;
  width: 190px;
  box-shadow: 0 5px 25px #0008;
}
#landingMenu783[hidden] {
  display: none;
}
#landingMenu783 button {
  display: block !important;
  width: 100%;
  margin: 3px 0 !important;
  min-height: 36px;
  border: 0;
  background: #182f23;
  color: #efe0b9;
  font: 14px system-ui;
}
#landingMenu783 .lobby-btn-sub {
  display: none;
}
#landingGreeting783 {
  display: none;
}
#lobby.landing-returning #landingGreeting783 {
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
  font: 22px Georgia;
}
#landingGreeting783 button {
  background: none;
  border: 0;
  color: #d4b45e;
  text-decoration: underline;
  font: 13px system-ui;
}
#lobby.landing-returning #landingPanel783 > .identity-name-label,
#lobby.landing-returning #hor-player-name,
#lobby.landing-returning #landingPanel783 > .identity-choice {
  display: none;
}
#landingPartners783 select {
  width: 100%;
  min-height: 44px;
  font: 16px system-ui;
  margin: 8px 0 14px;
}
#landingPartners783 [data-done] {
  padding: 10px 20px;
  float: right;
}
@media (max-height: 650px) and (orientation: portrait) {
  #landingPanel783 {
    padding: 10px 14px 8px;
  }
  #landingPanel783 .identity-choice {
    padding: 6px 0;
    gap: 4px;
  }
  #landingPanel783 .identity-avatar img {
    height: 40px;
    width: 40px;
  }
  #landingPanel783 .identity-avatar {
    min-height: 40px;
  }
  #landingPanel783 .identity-name-label {
    margin-bottom: 6px;
  }
}
@media (orientation: landscape) {
  #landingPanel783 {
    left: auto;
    right: 3%;
    transform: none;
    width: 42%;
    bottom: 4%;
    max-height: 90dvh;
    overflow: auto;
  }
  #landingScene783 {
    background-size: cover;
    background-position: center;
  }
  #landingScene783 svg {
    width: 55vw;
    height: 113vw;
    left: 27%;
    top: -12vw;
  }
  #landingBrand783 {
    left: 27%;
  }
  #landingPartner783 {
    left: 27%;
    top: 22%;
  }
  #landingMenuButton783 {
    right: 2%;
  }
}
#landingBrand783 strong {
  font-family: Georgia, serif !important;
  font-weight: 600 !important;
}
#landingBrand783 small {
  font-family: Georgia, serif !important;
}
#landingPanel783 .identity-name-label {
  font-family: Georgia, serif !important;
  font-weight: 600 !important;
}
#landingPanel783 #soloPracticeBtn {
  height: 44px !important;
  min-height: 44px !important;
  font:
    700 21px Georgia,
    serif !important;
  letter-spacing: 0 !important;
}
#landingPanel783 .identity-voice button,
#landingPanel783 .identity-avatar small:last-child {
  font-family: Georgia, serif !important;
  font-weight: 600 !important;
}
@media (orientation: landscape) {
  #landingScene783 {
    width: 55vw;
    right: auto;
    overflow: hidden;
    background-position: center top;
  }
  #landingScene783 svg {
    width: max(55vw, 48.6923dvh);
    height: max(112.9543vw, 100dvh);
    left: 50%;
    top: 0;
  }
  #landingPartner783 {
    top: 14%;
  }
}

/* Join has exactly one primary seat action. Offline entry stays on the home view. */
#lobby.joining #soloPracticeBtn {
  display: none !important;
}
#landingPanel783 {
  border: 2px solid #b99a51;
  box-shadow:
    inset 0 0 0 3px #10251d,
    inset 0 0 0 4px #776333,
    0 8px 24px #0009;
  background:
    radial-gradient(ellipse at 50% 0, #23473555, transparent 65%),
    repeating-linear-gradient(35deg, #10271e 0px, #10271e 1px, #10291f 2px, #10291f 3px);
}
#lobby #landingPanel783 #joinForm #joinConfirmBtn {
  flex: 1 1 100% !important;
  width: 100% !important;
  grid-column: 1/-1;
  border: 2px solid #eed28a;
  border-radius: 10px;
  background: linear-gradient(115deg, #bc892a, #f6da85 48%, #b38029) !important;
  box-shadow:
    inset 0 2px 2px #fff0b8,
    inset 0 -3px 4px #69430d66,
    0 3px 6px #0006;
  color: #19190d !important;
  font: 700 21px Georgia !important;
  min-height: 44px;
}
#landingPanel783 #joinConfirmBtn:active {
  transform: translateY(1px);
}
#landingPanel783 #hor-room-code {
  border: 1px solid #cfb365;
  box-shadow: inset 0 2px 5px #0008;
  background: #081316;
  color: #f4e6bf;
}
#lobby #landingPanel783 #landingGreeting783 strong {
  font:
    600 clamp(22px, 5.8vw, 31px) / 1.15 Georgia,
    serif !important;
  color: #f4df9d;
  text-shadow: 0 2px 2px #000;
}
#lobby #landingPanel783 #joinForm {
  gap: 10px;
  background: transparent;
}
#lobby #landingPanel783 #joinForm #spectateBtn {
  display: none !important;
}
#lobby #landingPanel783 #joinForm #joinCancelBtn {
  flex: 1 1 100%;
  min-height: 36px !important;
  padding: 5px !important;
  font: 600 16px Georgia !important;
  background: linear-gradient(#183049, #0b192a) !important;
}

/* Owner-selected ornate entrance finish. Decoration cannot intercept input. */
#lobby #landingPanel783 {
  border: 3px solid #c5a05a;
  border-radius: 28px 28px 24px 24px;
  padding: 20px 17px 16px;
  overflow: visible;
  background:
    radial-gradient(ellipse at 50% 0, #26523d80, transparent 64%),
    url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22160%22%20height%3D%22160%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.65%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22/%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22/%3E%3C/filter%3E%3Cpath%20fill%3D%22%23fff%22%20opacity%3D%22.09%22%20filter%3D%22url%28%23n%29%22%20d%3D%22M0%200h160v160H0z%22/%3E%3C/svg%3E'),
    linear-gradient(125deg, #122f23, #061c17 55%, #102b20);
  box-shadow:
    0 0 0 1px #39210d,
    0 0 0 3px #e4c47a,
    0 0 0 5px #4a3519,
    inset 0 0 0 2px #fff0aa,
    inset 0 0 0 5px #533a16,
    inset 0 0 0 6px #bb9855,
    inset 0 0 26px #000b,
    0 12px 24px #000a;
}
#landingPanel783::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  width: 54px;
  height: 54px;
  border: 2px solid #d5af60;
  border-radius: 50%;
  background:
    url('assets/images/griffin-icon.png') center/42px 42px no-repeat,
    linear-gradient(135deg, #173c2b, #051a13);
  box-shadow:
    0 0 0 2px #4b3212,
    0 0 0 3px #f0cf82,
    inset 0 0 8px #000,
    0 3px 5px #0008;
  pointer-events: none;
}
#landingPanel783::after {
  content: '';
  position: absolute;
  inset: 5px;
  border-radius: 19px;
  background:
    url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d8b866%22%20stroke-width%3D%22.8%22%20transform%3D%22%22%3E%3Cpath%20d%3D%22M4%2048V23Q4%204%2023%204H48%20M9%2039Q25%2041%2023%2025Q21%2012%2012%2016Q4%2020%2016%2030Q29%2040%2038%2024%20M14%207Q14%2022%2029%2020Q42%2018%2038%2010%20M7%2014Q22%2014%2020%2029Q18%2042%2010%2038%20M29%207L32%2012L35%207%20M7%2029L12%2032L7%2035%22/%3E%3C/g%3E%3C/svg%3E')
      left top/25px 25px no-repeat,
    url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d8b866%22%20stroke-width%3D%22.8%22%20transform%3D%22translate%2852%200%29%20scale%28-1%201%29%22%3E%3Cpath%20d%3D%22M4%2048V23Q4%204%2023%204H48%20M9%2039Q25%2041%2023%2025Q21%2012%2012%2016Q4%2020%2016%2030Q29%2040%2038%2024%20M14%207Q14%2022%2029%2020Q42%2018%2038%2010%20M7%2014Q22%2014%2020%2029Q18%2042%2010%2038%20M29%207L32%2012L35%207%20M7%2029L12%2032L7%2035%22/%3E%3C/g%3E%3C/svg%3E')
      right top/25px 25px no-repeat,
    url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d8b866%22%20stroke-width%3D%22.8%22%20transform%3D%22translate%2852%2052%29%20scale%28-1%20-1%29%22%3E%3Cpath%20d%3D%22M4%2048V23Q4%204%2023%204H48%20M9%2039Q25%2041%2023%2025Q21%2012%2012%2016Q4%2020%2016%2030Q29%2040%2038%2024%20M14%207Q14%2022%2029%2020Q42%2018%2038%2010%20M7%2014Q22%2014%2020%2029Q18%2042%2010%2038%20M29%207L32%2012L35%207%20M7%2029L12%2032L7%2035%22/%3E%3C/g%3E%3C/svg%3E')
      right bottom/25px 25px no-repeat,
    url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d8b866%22%20stroke-width%3D%22.8%22%20transform%3D%22translate%280%2052%29%20scale%281%20-1%29%22%3E%3Cpath%20d%3D%22M4%2048V23Q4%204%2023%204H48%20M9%2039Q25%2041%2023%2025Q21%2012%2012%2016Q4%2020%2016%2030Q29%2040%2038%2024%20M14%207Q14%2022%2029%2020Q42%2018%2038%2010%20M7%2014Q22%2014%2020%2029Q18%2042%2010%2038%20M29%207L32%2012L35%207%20M7%2029L12%2032L7%2035%22/%3E%3C/g%3E%3C/svg%3E')
      left bottom/25px 25px no-repeat;
  pointer-events: none;
}
#lobby #landingPanel783 #landingGreeting783 {
  margin-top: 8px;
  gap: 5px;
  margin-bottom: 12px;
}
#lobby #landingPanel783 #landingGreeting783 strong {
  color: #f6dfa1;
  text-shadow:
    0 1px 0 #b38a43,
    0 2px 2px #000,
    0 4px 5px #000;
  padding: 0 8px;
  font-weight: 600 !important;
}
#lobby #landingPanel783 #soloPracticeBtn,
#lobby #landingPanel783 #joinForm #joinConfirmBtn {
  position: relative;
  border: 3px solid #f4d991 !important;
  border-radius: 12px !important;
  background: linear-gradient(
    100deg,
    #ac7723,
    #e8be57 17%,
    #ffebb0 49%,
    #d8a946 80%,
    #a36d20
  ) !important;
  box-shadow:
    0 0 0 1px #6b481c,
    0 0 0 2px #d2a451,
    inset 0 2px 2px #fff9d4,
    inset 0 -4px 5px #74501d80,
    0 4px 6px #0009 !important;
  color: #16180f !important;
  text-shadow: 0 1px #fff3c1;
  overflow: hidden;
}
#lobby #landingPanel783 #soloPracticeBtn::after,
#lobby #landingPanel783 #joinConfirmBtn::after {
  content: '';
  position: absolute;
  inset: 3px;
  border: 1px solid #8c622b;
  border-radius: 6px;
  pointer-events: none;
}
#lobby #landingPanel783 #houseFriendsEntry805 button,
#lobby #landingPanel783 #joinForm #joinCancelBtn {
  border: 2px solid #d7b66a !important;
  border-radius: 11px !important;
  background: linear-gradient(#234b6c 0, #112d49 18%, #09172a 90%) !important;
  box-shadow:
    inset 0 0 0 2px #08131d,
    inset 0 0 0 3px #52718b80,
    inset 0 4px 5px #d6e8fa20,
    0 3px 4px #0008 !important;
  color: #f3dfaa !important;
  text-shadow: 0 2px 2px #000;
}
#lobby #landingPanel783 #hor-room-code {
  border: 2px solid #d7b66a !important;
  border-radius: 11px;
  background: linear-gradient(110deg, #061419, #0a191d) !important;
  box-shadow:
    inset 0 0 0 2px #0008,
    inset 0 3px 8px #000b,
    0 1px #f8dfa040;
}
#lobby #landingPanel783 button:active {
  filter: brightness(0.92);
}
#lobby #landingPanel783 button:focus-visible,
#lobby #landingPanel783 input:focus-visible {
  outline: 2px solid #fff1b7;
  outline-offset: 3px;
}
@media (max-height: 550px) {
  #lobby #landingPanel783 {
    padding: 9px 14px 7px;
  }
  #landingPanel783::before {
    width: 30px;
    height: 30px;
    top: -20px;
    background-size:
      24px 24px,
      auto;
  }
  #lobby #landingPanel783 #landingGreeting783 {
    margin-top: 3px;
    margin-bottom: 7px;
    gap: 3px;
  }
}
#lobby #landingPanel783 #joinForm {
  margin: 0;
  gap: 12px;
}
#lobby #landingPanel783 #joinForm input,
#lobby #landingPanel783 #joinForm button {
  margin: 0 !important;
}
#lobby #landingPanel783 #joinForm #joinConfirmBtn {
  height: 48px;
  min-height: 48px !important;
  padding: 6px !important;
}
@media (max-height: 550px) {
  #lobby #landingPanel783 .identity-choice {
    padding: 5px 0;
    gap: 4px;
  }
  #lobby #landingPanel783 .identity-avatar {
    min-height: 40px;
  }
  #lobby #landingPanel783 .identity-avatar img {
    height: 40px;
    width: 40px;
  }
  #lobby #landingPanel783 .identity-name-label {
    margin-bottom: 5px;
  }
}