/* DBD entrance v1.4: one visual plane across three clickable zones, optional portrait film. */
html { scroll-behavior: auto; }
body.dbd-unified-entrance-page { margin:0; overflow-x:hidden; background:#0b0f17; color:#fff; font-family:"Inter", "Helvetica Neue", Arial, sans-serif; }
body.dbd-unified-entrance-page .dbd-entry { font-family:"Inter", "Helvetica Neue", Arial, sans-serif; font-optical-sizing:auto; -webkit-font-smoothing:antialiased; }
body.dbd-unified-entrance-page .dbd-entry { position:relative; isolation:isolate; min-height:100vh; min-height:100svh; overflow:hidden; background:#0c1320; color:#fff; }
.dbd-entry__backdrop, .dbd-entry__ambient, .dbd-entry__poster-container, .dbd-entry__poster, .dbd-entry__video, .dbd-entry__shade { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.dbd-entry__backdrop { z-index:-1; }
.dbd-entry__ambient { background:radial-gradient(ellipse at 50% 55%, #49565f 0%,#283440 42%,#0b1520 82%); }
.dbd-entry__poster, .dbd-entry__video { object-fit:cover; object-position:center center; }
.dbd-entry__poster-container { display:block; overflow:hidden; }
.dbd-entry__poster-container img { display:block; width:100%; height:100%; }
.dbd-entry__video { opacity:0; transition:opacity .6s ease; }
.dbd-entry.is-playing .dbd-entry__video { opacity:1; }
.dbd-entry__shade { background:linear-gradient(180deg,rgba(0,0,0,.40),rgba(0,0,0,.03) 32%,rgba(0,0,0,.11) 54%,rgba(0,0,0,.7) 100%); }
.dbd-entry__masthead { position:absolute; top:clamp(21px,3.5vh,42px); left:50%; transform:translateX(-50%); z-index:3; pointer-events:none; text-align:center; filter:drop-shadow(0 2px 10px #0008); }
.dbd-entry__masthead img { display:block; width:clamp(160px,15vw,224px); height:auto; max-height:58px; object-fit:contain; }
.dbd-entry__masthead span { font:750 1.05rem/1.2 "Inter","Helvetica Neue",Arial,sans-serif; letter-spacing:.18em; }
.dbd-entry__choices { display:grid; grid-template-columns:32% 36% 32%; min-height:100vh; min-height:100svh; }
.dbd-entry__choice { position:relative; display:flex; align-items:flex-end; justify-content:flex-start; color:#fff; text-decoration:none; min-height:0; padding:0; border-right:1px solid #ffffff38; transition:background-color .25s ease; background-color:transparent; }
.dbd-entry__choice:last-child { border-right:0; }
.dbd-entry__choice::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,.08); transition:background .25s ease, backdrop-filter .25s ease; pointer-events:none; }
.dbd-entry__choice--him::after,.dbd-entry__choice--together::after,.dbd-entry__choice--her::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,11,20,.26),transparent 54%); pointer-events:none; }
/* Refined slate-blue hover instead of warm/orange interaction wash. */
.dbd-entry__choice:hover::before,.dbd-entry__choice:focus-visible::before { background:rgba(30,50,62,.24); backdrop-filter:saturate(.8); }
.dbd-entry__choice:active::before { background:rgba(191,205,213,.21); }
.dbd-entry__choice:hover .dbd-entry__title,.dbd-entry__choice:focus-visible .dbd-entry__title { color:#f6f8f9; }
.dbd-entry__choice { -webkit-tap-highlight-color:rgba(191,205,213,.16); }
.dbd-entry__choice:focus-visible { outline:3px solid #dbe7ec; outline-offset:-5px; z-index:3; }
.dbd-entry__choice-copy { position:relative; z-index:1; width:100%; text-align:left; padding:20px clamp(20px,2.8vw,52px) clamp(28px,5.2vh,72px); display:flex; align-items:flex-start; flex-direction:column; gap:8px; text-shadow:0 2px 16px rgba(0,0,0,.8); }
.dbd-entry__title { font:780 clamp(1.8rem,3vw,3.6rem)/1.08 "Inter","Helvetica Neue",Arial,sans-serif; letter-spacing:-.065em; text-transform:uppercase; text-wrap:balance; }
.dbd-entry__line { font:450 clamp(.72rem,.85vw,.9rem)/1.5 "Inter","Helvetica Neue",Arial,sans-serif; letter-spacing:-.015em; color:#e4eaf0; }
.dbd-entry__pause { position:absolute; z-index:4; right:clamp(14px,3vw,38px); top:clamp(16px,3vh,35px); width:40px; height:40px; border:1px solid #ffffffaa; border-radius:50%; background:#101928b0; color:#fff; backdrop-filter:blur(8px); cursor:pointer; }
.dbd-entry__pause:focus-visible { outline:3px solid #dbe7ec; outline-offset:4px; }
.dbd-entry__pause[hidden] { display:none; }
.dbd-entry__sr-only { position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.dbd-entry-skip {position:absolute;top:-100px;left:12px;z-index:50;background:white;color:#101928;padding:10px 16px;}
.dbd-entry-skip:focus {top:10px;}
@media(max-width:700px) {
  body.dbd-unified-entrance-page .dbd-entry { min-height:100svh; }
  .dbd-entry__choices { grid-template-columns:1fr; grid-template-rows:repeat(3,minmax(0,1fr)); min-height:100svh; }
  .dbd-entry__choice { align-items:flex-end; justify-content:flex-start; border-right:0; border-bottom:1px solid #ffffff40; }
  .dbd-entry__choice:last-child { border-bottom:0; }
  .dbd-entry__choice-copy { width:100%; gap:5px; padding:12px clamp(18px,5vw,30px) clamp(20px,4.2svh,34px); text-align:left; align-items:flex-start; }
  .dbd-entry__title { font-size:clamp(1.35rem,6vw,1.85rem); line-height:1.08; letter-spacing:-.045em; }
  .dbd-entry__line { font-size:.72rem; max-width:29ch; }
  .dbd-entry__masthead { top:14px; }
  .dbd-entry__masthead img { width:clamp(132px,36vw,175px); max-height:36px; }
  .dbd-entry__pause { top:11px; right:10px; width:34px;height:34px; }
  .dbd-entry__poster,.dbd-entry__video { object-position:center center; }
  .dbd-entry__shade { background:linear-gradient(180deg,#0008,transparent 23%,#0005 67%,#0009); }
}
@media(max-height:520px) and (orientation:landscape) { .dbd-entry__choices { min-height:520px; } }
@media(prefers-reduced-motion:reduce) { .dbd-entry__video {display:none;} .dbd-entry__choice::before {transition:none;backdrop-filter:none;} }
