/* Casino Inc: the same simple plum, sage and cream world, all the way to the list.
   Composition/keyboard geometry belongs to mobile.css and stays unchanged here. */
:root {
  --house-ink:#29372e;
  --house-ink-soft:#556251;
  --house-paper:#f5efdf;
  --house-paper-light:#fffaf0;
  --house-sage:#91aa7b;
  --house-sage-light:#c6d3aa;
  --house-plum:#613c73;
  --house-plum-dark:#3b2748;
  --house-gold:#d8b565;
  --night-cream:#f5edda;
  --night-lilac:#c6d3aa;
}

/* A wordmark and two real actions. No additional navigation competes with the world. */
.site-header .brand { color:#f6eedc;text-shadow:0 2px 16px #11100e55; }
.site-header .header-access {
  color:#e3e7d4;background:#26312be0;border-color:#b7c89a48;
  border-radius:8px;backdrop-filter:none;box-shadow:inset 0 1px #f4f4cf0a;
}
.site-header .header-access:hover { color:#fff5df;background:#344135;border-color:#c0d0a269; }
.site-header .header-gtd {
  color:#30283a;background:#e5c884;border-color:#f0d9a1;border-radius:8px;
  box-shadow:0 3px 0 #78623f,inset 0 1px #fff3c970;
}
.site-header .header-gtd:hover { color:#30283a;background:#f1d69a;box-shadow:0 3px 0 #78623f,inset 0 1px #fff6d480; }
.site-header .header-gtd:active { transform:translateY(2px);box-shadow:0 1px 0 #78623f; }
.site-header button:focus-visible,.night-action:focus-visible {
  outline:2px solid #d3ddae;outline-offset:5px;
}

/* Generous type beside an uninterrupted live scene. */
.night-copy h1,.night-copy h2 { color:#f5edda;text-shadow:0 3px 28px #0e101633; }
.night-copy h1 em,.night-copy h2 em { color:var(--house-sage-light); }
.night-copy h2.story-title>span { color:#d7b96f; }
.night-eyebrow { color:#d5bc83;letter-spacing:.15em; }
.night-copy>p { color:#ddd7df; }
.night-detail { color:#bcb5c6; }
.night-action {
  color:#31253a;background:#e5c884;border:1px solid #f1dba6;border-radius:9px;
  box-shadow:0 4px 0 #745b3c,0 13px 25px #090b142b,inset 0 1px #fff5d15c;
  transition:background-color .16s,box-shadow .16s,transform .16s;
}
.night-action:hover { background:#f0d698;box-shadow:0 5px 0 #745b3c,0 15px 30px #090b1438;transform:translateY(-1px); }
.night-action:active { transform:translateY(3px);box-shadow:0 1px 0 #745b3c; }

/* An application should feel like a pass being made, one clear move at a time. */
.finale-layout { gap:5%; }
.finale-copy.night-copy { max-width:560px;padding:40px 0;text-align:center;justify-self:center;align-self:center; }
.night-invitation .finale-copy h2 { font-size:clamp(46px,5.4vw,82px);line-height:.98;letter-spacing:-.065em; }
.night-invitation .finale-copy>p { color:#d6d9c9;font-size:16px;line-height:1.6;margin-inline:auto; }
.finale-copy .night-eyebrow { color:#d9c187;margin-bottom:22px; }

.gtd-panel {
  max-width:515px;border:2px solid #25342c;border-radius:18px;
  color:var(--house-ink);background:var(--house-paper);
  box-shadow:0 5px 0 #1b2822,0 8px 0 #b39a62,0 26px 65px #090c1673,inset 0 1px #fffdf0;
}
.gtd-panel::before { inset:8px;border:1px solid #96a27b50;border-radius:10px; }
.gtd-panel:focus-visible { outline-color:#cbd7a5; }
.gtd-panel-heading {
  align-items:center;gap:12px;flex-wrap:nowrap;padding-bottom:16px;
  margin-bottom:22px;border-bottom:1px solid #65795638;
}
.gtd-panel-heading>span:first-child { font-size:22px;color:#334330;letter-spacing:-.045em; }
.gtd-panel-heading>span:last-child { color:#52614a;font-size:9px;line-height:1.5;letter-spacing:.08em; }
/* Keep the semantic heading for the region, without repeating its visible label. */
.gtd-form-intro { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.gtd-progress { gap:6px;margin-bottom:23px; }
.gtd-progress>span {
  height:8px;border:1px solid #9aa185;border-radius:3px;background:#e6e7d8;box-shadow:inset 0 1px #fffaf080;
  transition:background-color .18s,border-color .18s;
}
.gtd-progress>span[data-done=true],.gtd-progress>span:has(~ [aria-current=step]) {
  background:#7c956a;border-color:#5c7650;box-shadow:inset 0 1px #d7e6b52e;
}
.gtd-progress>span[aria-current=step] {
  background:#d7b66a;border-color:#ad8c47;box-shadow:inset 0 1px #fff0be88;
}
.gtd-stage-heading { margin-bottom:23px; }
.gtd-stage-heading>span { color:#626d55;font-size:10px;letter-spacing:.07em;line-height:1.6; }
.gtd-stage-heading>h4 { margin-top:10px;color:#3b2947;font-size:37px;line-height:1.04;letter-spacing:-.05em; }
.gtd-stage-heading>p { color:#5b6654;font-size:14px;line-height:1.6;margin-top:12px;max-width:370px; }
.gtd-stage-heading:focus-visible { outline-color:#788d63;outline-offset:7px; }
.gtd-panel[data-application-enhanced=true] .gtd-stage { animation:house-step-enter .23s ease-out both; }
.gtd-panel .field { margin-bottom:15px; }
.gtd-panel .field label,.gtd-panel .focus-group legend { color:#4d5b47;font-size:12px; }
.gtd-panel .field label>span { color:#637058;font-size:11px; }
.gtd-panel input:not([type=checkbox]):not([type=radio]),.gtd-panel textarea {
  min-height:56px;padding:14px 15px;border:1.5px solid #a9ae94;border-radius:9px;
  color:#33432e;background:#fffcf4;box-shadow:inset 0 2px 0 #dae1cb55;font-size:16px;
  transition:border-color .16s,background-color .16s,outline-color .16s;
}
.gtd-panel input::placeholder,.gtd-panel textarea::placeholder { color:#69745e; }
.gtd-panel input:not([type=checkbox]):not([type=radio]):focus,.gtd-panel textarea:focus {
  border-color:#728c5f;background:#fffdf6;outline:3px solid #9db48344;box-shadow:none;
}
.gtd-panel input[aria-invalid=true]:not([type=checkbox]):not([type=radio]),.gtd-panel textarea[aria-invalid=true] {
  border-color:#ad5960;background:#fff5ed;outline-color:#b3687340;
}
.gtd-panel #x { min-height:64px;font-size:25px;letter-spacing:-.03em; }
.gtd-panel .field-error { color:#993d4e;line-height:1.6;font-size:12px; }
.gtd-stage-note { color:#637058;font-size:12px;line-height:1.6; }
.gtd-form-actions { gap:12px;margin-top:24px; }
.gtd-submit {
  min-height:56px;padding:15px 19px;border:1px solid #69477b;border-radius:9px;
  color:#fff7e6;background:#654278;box-shadow:0 4px 0 #35253f,inset 0 1px #b797c239;
  font-size:15px;line-height:1.4;transition:background-color .16s,box-shadow .16s,transform .16s;
}
.gtd-submit:hover { background:#78508b;box-shadow:0 5px 0 #35253f;transform:translateY(-1px); }
.gtd-submit:active { transform:translateY(3px);box-shadow:0 1px 0 #35253f; }
.gtd-submit:focus-visible,.gtd-task-button:focus-visible { outline:3px solid #93a773;outline-offset:5px; }
.gtd-submit:disabled { opacity:.7;transform:none;cursor:wait;box-shadow:0 2px 0 #35253f; }
.gtd-panel #application-next:disabled { color:#f1ece6;background:#a197a2;border-color:#8c808e;box-shadow:0 2px 0 #766b79;cursor:default;opacity:.72;transform:none; }
.gtd-panel #application-next:disabled>span:last-child { color:#e4dcdf; }
.gtd-panel #application-next:not(:disabled) { box-shadow:0 4px 0 #35253f,inset 0 1px #b797c239,0 0 17px #88689a33; }
.gtd-panel .gtd-task-button[aria-disabled=true] { color:#81745c;background:#ddd4bd;border-color:#b9ad8e;box-shadow:0 2px 0 #b7aa8c;cursor:default;opacity:.7;transform:none; }
.campaign-settings-status { margin:0 0 12px;padding:12px 14px;border:1px solid #c9b994;border-radius:8px;background:#f5edda; }
.campaign-settings-retry { display:block;min-height:44px;margin:0 0 14px;color:#654278; }
.gtd-stage-back { min-height:54px;min-width:58px;color:#5d6a51;font-size:13px; }
.gtd-stage-back:hover { color:#334b2c; }
.gtd-task-button {
  min-height:56px;margin-top:18px;padding:15px 18px;border:1px solid #b39956;border-radius:9px;
  color:#3f3425;background:#e3c67f;box-shadow:0 3px 0 #a38548,inset 0 1px #fff0ba7a;font-size:16px;line-height:1.4;
  transition:background-color .16s,box-shadow .16s,transform .16s;
}
.gtd-task-button:hover { background:#ecd594;box-shadow:0 4px 0 #a38548;transform:translateY(-1px); }
.gtd-task-button:active { background:#e7ce89;box-shadow:0 1px 0 #a38548;transform:translateY(2px); }
.gtd-panel .gtd-task-button[data-opened=true] {
  color:#536449;background:#e7eadb;border-color:#a4af91;box-shadow:0 2px 0 #bdc6a8;font-size:14px;
}
.gtd-panel .gtd-task-button[data-opened=true]:hover { color:#354f2d;background:#dee5cf;border-color:#8da07c;box-shadow:0 2px 0 #acb995;transform:none; }
.gtd-panel .gtd-task-button[data-opened=true]>span:last-child { color:#6c835a;font-size:18px; }
.gtd-panel .gtd-task-button[data-opened=true]:active { transform:translateY(1px);box-shadow:0 1px 0 #acb995; }
.campaign-account {
  padding:22px;border:1px solid #788a62;border-radius:9px;background:#304333;
  color:#f4ebce;box-shadow:0 3px 0 #b2be95;
}
.campaign-account>span:first-child { color:#c8d3ab;font-size:9px;letter-spacing:.13em; }
.campaign-account strong { color:#f2e8c7;font-size:32px;letter-spacing:-.045em; }
.campaign-account>span:last-child { color:#d5ddbe;font-size:13px; }
.campaign-post-field { margin-top:22px; }
.campaign-wallet-stage #wallet { color:#33432e; }
.gtd-submission-notice { color:#5e6a53;font-size:12px;line-height:1.7; }
.gtd-panel .inline-button { color:#5f426d;text-decoration-color:#8f779455;text-underline-offset:3px; }
.gtd-panel .form-message:empty { margin:0;min-height:0; }
.gtd-panel .form-message:not(:empty) {
  padding:12px 14px;border:1px solid #acb599;border-radius:8px;background:#e9ecdc;
  color:#4c6043;font-size:12px;line-height:1.6;overflow-wrap:anywhere;
}
.gtd-panel form:has([aria-invalid=true]) .form-message:not(:empty) { color:#963d4e;border-color:#c48b8f;background:#fbede5; }
.gtd-fine { color:#65705a;font-size:11px;line-height:1.65;margin-top:20px; }
.gtd-panel-bottom { margin-top:18px;padding-top:9px;border-color:#a5ad9144; }
.gtd-missions { min-height:44px;color:#637059;font-size:11px;line-height:1.5; }
.gtd-missions:hover { color:#354e2e; }
.gtd-panel .application-success>h3 { color:#3e2949;letter-spacing:-.045em; }
.gtd-panel .application-success>p,.gtd-panel .application-success .gtd-fine { color:#56684e; }
.gtd-panel .application-reference { border-color:#b1ba9b;background:#e8ecdb;box-shadow:inset 0 1px #fffaf080;border-radius:9px; }
.gtd-panel .application-reference>span { color:#637653; }
.gtd-panel .application-reference strong { color:#3d5234; }
.gtd-panel .gtd-back { color:#564364; }

@keyframes house-step-enter {
  from { opacity:0;transform:translateY(6px); }
  to { opacity:1;transform:translateY(0); }
}

/* The approved phone composition remains native-scroll and keyboard friendly. */
@media (max-width:900px), (max-width:1100px) and (max-height:540px) {
  .site-header .header-access,.site-header .header-gtd { border-radius:8px; }
  .site-header.scrolled { background:linear-gradient(#14151cf5,#14151ce8 78%,#14151c70);box-shadow:0 1px 0 #b6c89a24; }
  .night-action { min-height:52px;font-size:14px; }
  .night-detail { color:#c2c6b8; }
  .gtd-panel { border-radius:17px;background:var(--house-paper);padding-top:23px; }
  .gtd-panel::before { border-radius:9px; }
  .gtd-panel-heading { padding-bottom:14px;margin-bottom:19px; }
  .gtd-panel-heading>span:first-child { font-size:20px; }
  .gtd-panel-heading>span:last-child { font-size:9px; }
  .gtd-progress { margin-bottom:21px;gap:5px; }
  .gtd-stage-heading { margin-bottom:20px; }
  .gtd-stage-heading>h4 { font-size:clamp(30px,8.4vw,37px);line-height:1.04; }
  .gtd-stage-heading>p { font-size:14px;line-height:1.55;margin-top:11px; }
  .gtd-panel #x { min-height:60px;font-size:23px; }
  .gtd-panel .field label>span { font-size:12px; }
  .gtd-submit,.gtd-task-button { min-height:56px;border-radius:9px;font-size:16px; }
  .gtd-panel .gtd-task-button[data-opened=true] { min-height:54px;font-size:14px; }
  .gtd-fine { margin-top:17px;font-size:11px; }
  .gtd-panel-bottom { margin-top:15px; }
  .gtd-panel[data-keyboard-open=true] { padding-top:18px; }
  .gtd-panel[data-keyboard-open=true] .gtd-panel-heading { padding-bottom:9px;margin-bottom:12px; }
  .gtd-panel[data-keyboard-open=true] .gtd-progress { margin-bottom:14px; }
  .gtd-panel[data-keyboard-open=true] .gtd-stage-heading { margin-bottom:14px; }
  .gtd-panel[data-keyboard-open=true] .gtd-form-actions { margin-top:16px; }
  .gtd-panel[data-keyboard-open=true] .gtd-fine { margin-top:10px; }
  .gtd-panel .campaign-account,.night-finale .invitation-stage { display:none; }
  .finale-layout { gap:16px; }
  .finale-copy.night-copy { padding:0 8px;align-self:stretch; }
}
@media (max-width:360px) {
  .gtd-panel-heading>span:first-child { font-size:19px; }
  .gtd-panel-heading>span:last-child { font-size:8px;letter-spacing:.06em; }
  .gtd-stage-heading>h4 { font-size:29px; }
}
@media (hover:none) and (pointer:coarse) {
  .site-header .header-gtd:hover,.night-action:hover,.gtd-submit:hover,.gtd-task-button:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .gtd-panel[data-application-enhanced=true] .gtd-stage { animation:none; }
  .gtd-progress>span,.night-action,.gtd-submit,.gtd-task-button { transition:none; }
  .site-header .header-gtd:hover,.site-header .header-gtd:active,.night-action:hover,.night-action:active,.gtd-submit:hover,.gtd-submit:active,.gtd-task-button:hover,.gtd-task-button:active { transform:none; }
}

.mobile-arrow-label{display:none}
@media (max-width:900px), (max-width:1100px) and (max-height:540px) {
  .mobile-arrow-label{display:inline}
  .catalog-controls #machine-prev,.catalog-controls #machine-next{width:auto;min-width:70px;padding-inline:12px;font-size:12px}
}