/* The approved spade entrance is isolated from the existing poker table. */
.entry-scene { display:none; }
body[data-entry-screen] { background:#070c11; color:#f4f7fa; }
body[data-entry-screen] .shell { max-width:none; padding:0; position:relative; min-height:100svh; }
body[data-entry-screen] .masthead { position:absolute; top:4.2svh; left:3.65%; right:3.65%; min-height:0; padding:0; border:0; z-index:3; }
body[data-entry-screen] .brand { gap:clamp(10px,.85vw,14px); min-height:44px; }
body[data-entry-screen] .brand img { width:clamp(22px,1.45vw,25px); height:clamp(34px,2.28vw,38px); filter:grayscale(1) brightness(1.3); }
body[data-entry-screen] .brand-name { color:#f1f4f7; font:500 clamp(16px,1.14vw,20px)/1.2 var(--sans); letter-spacing:.08em; }
body[data-entry-screen] .brand-tagline,
body[data-entry-screen] #headerNote,
body[data-entry-screen] #pageFooter { display:none!important; }
body[data-entry-screen] .entry-scene { display:block; position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.entry-scene img { display:block; position:absolute; width:100%; height:100%; inset:0; object-fit:cover; object-position:50% 50%; filter:blur(1px); transform:scale(1.006); }
body[data-entry-screen] .entry-view { position:relative; display:flex; align-items:center; min-height:100svh; width:100%; max-width:none; margin:0; padding:128px 0 64px; z-index:1; }
body[data-entry-screen=home] .entry-view { display:block; padding:0; }
body[data-entry-screen] .entry-panel { width:100%; margin:0; padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
.entry-home { position:absolute; left:8.1%; top:38.3svh; width:27.2%; display:flex; flex-direction:column; gap:3.1svh; }
.entry-home-button { position:relative; isolation:isolate; width:100%; min-height:64px; height:9.4svh; padding:12px 20px; border:1px solid rgb(236 247 255 / 74%); border-radius:16px; font:400 clamp(24px,2.08vw,36px)/1.3 var(--sans); letter-spacing:.025em; color:#f8fafc; background:rgb(255 255 255 / 6%); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:inset 0 1px 0 rgb(255 255 255 / 14%),inset 0 -1px 0 rgb(255 255 255 / 8%); transition:background-color 180ms ease,border-color 180ms ease; }
.entry-home-button:before { content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse 22px 3px at 18px 1px,rgb(255 255 255 / 95%),rgb(203 235 255 / 36%) 37%,transparent 100%),radial-gradient(ellipse 20px 3px at calc(100% - 18px) calc(100% - 1px),rgb(255 255 255 / 85%),rgb(203 235 255 / 30%) 37%,transparent 100%); }
.entry-home-button:hover { background:rgb(255 255 255 / 10%); border-color:rgb(247 252 255 / 95%); }
.entry-home-button:active { background:rgb(255 255 255 / 14%); transform:translateY(1px); }
.entry-home-button:focus-visible { outline:2px solid #f4faff; outline-offset:6px; }
.entry-form-view { width:clamp(340px,32vw,510px); margin-left:8.1%; padding:0; }
body[data-entry-screen]:not([data-entry-screen=home]) .entry-scene:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgb(3 8 12 / 76%),rgb(3 8 12 / 44%) 40%,transparent 72%); }
.entry-back { display:inline-flex; align-items:center; gap:7px; min-height:44px; margin:0 0 16px -7px; padding:6px 7px; background:none; border:0; color:#cbd8e3; font-size:14px; }
.entry-back svg { width:18px; height:18px; }
.entry-back:hover { color:#fff; }
.entry-page-title { margin:0 0 28px; color:#f4f7fa; font:500 30px/1.35 var(--sans); letter-spacing:.035em; }
.entry-page-title:focus { outline:none; }
.entry-form-view .field { color:#d4dee7; font-size:14px; margin-bottom:22px; }
.entry-form-view .field input,.entry-form-view .field select { background:rgb(10 18 26 / 68%); border:1px solid rgb(218 237 250 / 40%); color:#f4f7fa; height:53px; border-radius:8px; padding:0 15px; caret-color:#f4faff; }
.entry-form-view .field select option { background:#121b24; color:#f4f7fa; }
.entry-form-view input::placeholder { color:#b0c1cf; }
.entry-form-view .field-row { gap:12px; }
.entry-form-view .entry-instruction,.entry-form-view .field-hint,.entry-form-view .entry-footnote,.entry-form-view .create-settings summary small { color:#b9cbd9; }
.entry-form-view .entry-instruction { margin-top:0; }
.entry-form-view .create-settings { border-color:rgb(218 237 250 / 26%); }
.entry-form-view .create-settings summary { color:#e1eaf1; }
.entry-form-view .entry-submit,.entry-form-view .resume-panel .button { min-height:59px; color:#f5f9fc; border-color:rgb(228 243 255 / 67%); border-radius:10px; background:rgb(255 255 255 / 8%); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); font-size:18px; }
.entry-form-view .entry-submit:not(:disabled):hover,.entry-form-view .resume-panel .button:not(:disabled):hover { background:rgb(255 255 255 / 13%); filter:none; }
.entry-form-view .entry-submit svg { width:19px; height:19px; }
.entry-form-view .resume-panel { color:#d8e4ed; border-color:rgb(218 237 250 / 26%); }
body[data-entry-screen] :is(button,a,input,select,summary):focus-visible { outline-color:#f4faff; }
body[data-entry-screen] ::selection { background:#d7e9f7; color:#07111a; }
body[data-entry-screen],body[data-entry-screen] * { scrollbar-color:#7c94a6 #101a23; }
@media (min-width:761px) and (max-aspect-ratio:3/2) {
  .entry-scene img { object-position:62% 50%; }
  .entry-home { width:34%; }
}
@media (max-width:760px) {
  body[data-entry-screen] .masthead { top:max(20px,env(safe-area-inset-top)); left:24px; right:24px; }
  body[data-entry-screen] .brand { gap:10px; }
  body[data-entry-screen] .brand img { width:22px; height:35px; }
  body[data-entry-screen] .brand-name { font-size:17px; }
  .entry-scene img { object-position:80% 50%; }
  .entry-scene:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgb(4 10 16 / 17%),transparent 32%,rgb(4 10 16 / 12%) 60%,rgb(4 10 16 / 56%)); }
  body[data-entry-screen=home] .entry-view { display:flex; align-items:flex-end; padding:62svh 24px max(42px,env(safe-area-inset-bottom)); }
  .entry-home { position:relative; left:auto; top:auto; width:100%; max-width:440px; margin:0 auto; gap:20px; }
  .entry-home-button { height:68px; min-height:68px; border-radius:14px; font-size:26px; background:rgb(255 255 255 / 6%); }
  body[data-entry-screen]:not([data-entry-screen=home]) .entry-scene:after { background:rgb(3 9 15 / 76%); }
  body[data-entry-screen]:not([data-entry-screen=home]) .entry-view { align-items:flex-start; padding:108px 24px max(32px,env(safe-area-inset-bottom)); }
  .entry-form-view { width:100%; max-width:480px; margin:0 auto; padding:0 0 16px; }
  .entry-page-title { font-size:27px; margin-bottom:24px; }
  .entry-form-view .field input,.entry-form-view .field select { font-size:16px; }
  .entry-back { margin-bottom:12px; }
}
@media (max-width:760px) and (max-height:620px) {
  body[data-entry-screen=home] .entry-view { padding-top:340px; }
}
@media (prefers-reduced-motion:reduce) {
  .entry-home-button { transition:none; }
}