.login-immersive { margin: 0; background: #0b1930; color: #e7f2ff; }
.login-immersive .hero { --hero-edge: max(var(--page-gutter),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)); }
.login-entry-actions { display: flex; align-items: center; gap: 20px; }
.login-entry-actions button { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; color: #e5efff; background: none; border: 0; font: inherit; font-size: 12px; cursor: pointer; }
.login-entry-actions .entry-register { border-bottom: 1px solid #d3e6ff80; }
.login-entry-actions svg { width: 16px; height: 16px; }
.login-immersive .hero-media-control { right: var(--hero-edge); }
.login-immersive .live-link { color: #deebfc; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.login-immersive .live-link svg { width: 13px; height: 13px; }
.login-immersive .hero-actions button { cursor: pointer; font-family: inherit; }
.login-immersive .hero-actions .listen-button > svg { width: 14px; height: 14px; }
.entry-footer { position: absolute; z-index: 5; bottom: 9px; left: var(--page-gutter); color: #a0b2cc; font-size: 9px; }
.entry-footer a { color: inherit; text-decoration: none; }
.entry-dialog { width: min(460px,calc(100% - 28px)); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); padding: 28px; border-radius: 18px; border: 1px solid #b6d4ee30; background: #0c1a30eb; box-shadow: 0 24px 100px #0005; }
.entry-dialog::backdrop { background: #061122a8; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.entry-dialog .fan-auth-form { width: 100%; margin: 0; padding: 0; border: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.entry-dialog .entry-close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border: 0; }
.entry-dialog .fan-auth-tabs { padding-right: 30px; }
.entry-dialog .fan-auth-form input { font-size: 16px; }
.login-immersive.notification-open { overflow: hidden; }
@media(max-width:600px) {
 .login-entry-actions { gap: 4px; }
 .login-entry-actions button { padding-inline: 10px; }
 .entry-dialog { padding: 24px 20px; }
 .login-immersive .hero-facts { bottom: 48px; }
 .login-immersive .hero-media-control { bottom: 45px; }
 .entry-footer { bottom: max(12px,env(safe-area-inset-bottom,0px)); font-size: 8px; }
}
@media(max-height:540px) { .entry-footer { position: relative; padding: 8px 0; bottom: auto; } }

/* Translucent glass: the moving ocean remains visible through the surface. */
.login-immersive .entry-dialog {
 border-radius: 28px; border: 1px solid var(--glass-panel-edge);
 color: #f1f6ff;
 background: var(--glass-panel-surface);
 -webkit-backdrop-filter: var(--glass-panel-filter); backdrop-filter: var(--glass-panel-filter);
 box-shadow: var(--glass-panel-shadow);
}
.login-immersive .entry-dialog::backdrop { background: #030c1a14; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.login-immersive .entry-dialog .fan-auth-tabs { width: fit-content; gap: 4px; padding: 4px; border: 1px solid #d9ecff18; border-radius: 14px; background: #081b3326; }
.login-immersive .entry-dialog .fan-auth-tabs button { padding: 8px 22px; border: 0; border-radius: 10px; color: #d5e1ef; font-size: 13px; }
.login-immersive .entry-dialog .fan-auth-tabs button[aria-pressed=true] { color: #fff; background: #e6f3ff26; box-shadow: inset 0 1px 0 #fff3,0 2px 6px #07132618; }
.login-immersive .entry-dialog h2 { color: #f7faff; margin-top: 26px; font-size: 25px; letter-spacing: -.025em; }
.login-immersive .entry-dialog .fan-auth-form > p,
.login-immersive .entry-dialog .fan-auth-note { color: #d5e0ed; }
.login-immersive .entry-dialog .fan-auth-form label { color: #e5edf7; }
.login-immersive .entry-dialog .fan-auth-form input { border-radius: 12px; background: linear-gradient(145deg,#e8f7ff0f,#d9efff05),#071d3026; border: 1px solid #e0eeff26; box-shadow: inset 0 1px 5px #04132612; color: #fff; min-height: 48px; }
.login-immersive .entry-dialog .fan-auth-form input::placeholder { color: #bfcede; }
.login-immersive .entry-dialog .fan-auth-form input:focus { outline: 2px solid #d4eaffb3; outline-offset: 3px; border-color: #d4eaff80; }
.login-immersive .entry-dialog .entry-close { background: #d9eaff14; border: 1px solid #e8f4ff20; color: #e6f1ff; border-radius: 50%; }
.login-immersive .entry-dialog .fan-primary { border-radius: 13px; color: #14243a; background: linear-gradient(135deg,#ecf6fff0,#bdd9f2e8); border: 1px solid #f0f8ff70; box-shadow: inset 0 1px 0 #fff9,0 6px 20px #07152c20; }
.login-immersive .entry-dialog[open] { animation: entry-glass-in .28s cubic-bezier(.2,.8,.2,1); }
@keyframes entry-glass-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .login-immersive .entry-dialog { background: #182d47f5; } }
@media(prefers-reduced-motion:reduce) { .login-immersive .entry-dialog[open] { animation: none; } }

.login-immersive .entry-dialog :is(label,p,.fan-auth-note) { color: #edf5ff; text-shadow: 0 1px 3px #04132980; }