.welcome-page { min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 22% 44%,#1f2e44 0%,#10182a 42%,#0a1020 77%); }
.welcome-location {color:var(--muted);font-size:13px;}
.welcome-stage {flex:1;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1fr);gap:7vw;align-items:center;width:min(1120px,100%);margin:auto;padding:30px 45px;height:auto;min-height:620px;}
.dan-portrait {max-width:420px;width:100%;justify-self:center;}
.dan-portrait svg {width:100%;display:block;overflow:visible;}
.speaker-name {color:#e9c591;font-size:16px;}
.door-dialogue {max-width:480px;}
.door-dialogue h1 {font:48px/1.1 'Palatino Linotype',Georgia,serif;margin:18px 0;letter-spacing:-1px;}
.door-dialogue p {font-size:18px;line-height:1.65;color:#bfc9dc;margin:20px 0;}
.dialogue-options {display:grid;gap:12px;margin:32px 0;}
.dialogue-options button {text-align:left;padding:15px 20px;font-size:17px;background:#182338b0;border-color:#526078;transition:background .15s,transform .15s;}
.dialogue-options button:hover {background:#30475a;transform:translateX(4px);}
.dialogue-options button:focus-visible {outline:2px solid var(--wood);}
.dialogue-navigation {display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:14px;}
.dialogue-navigation button {background:transparent;}
#sign-in label {display:block;margin-bottom:10px;}#sign-in input {width:100%;padding:13px;border:1px solid #66758e;background:#0b1425;color:#e5e5ef;border-radius:7px;}
#sign-in .muted {font-size:13px;}#dialogue-status {color:#f1c99c;font-size:14px;}
.speaking .dan-mouth {animation:talk .24s ease-in-out infinite;transform-origin:201px 248px;}
.dan-eyes {animation:blink 7s infinite;transform-origin:200px 202px;}
@keyframes talk {50%{transform:scaleY(1.65);}}@keyframes blink {0%,45%,49%,100%{transform:scaleY(1);}47%{transform:scaleY(.15);}}
@media(max-width:700px){.welcome-stage{display:flex;flex-direction:column;gap:10px;padding:15px 25px 35px;min-height:0;}.welcome-page header{min-height:72px;flex-direction:row;align-items:center;}.dan-portrait{max-width:220px;}.door-dialogue{width:100%;}.door-dialogue h1{font-size:34px;margin:10px 0;}.door-dialogue p{font-size:16px;margin:12px 0;}.dialogue-options{margin:20px 0;gap:9px;}.dialogue-options button{padding:12px 15px;font-size:16px;}.welcome-page footer{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.speaking .dan-mouth,.dan-eyes{animation:none;}.dialogue-options button{transition:none;}}