/* Pocket Signal welcome: isolated from the existing homepage and player styles. */
.ps-welcome {
    position: fixed; inset: 0; margin: auto; height: fit-content;
    box-sizing: border-box; width: min(440px,calc(100vw - 32px)); max-height: calc(100dvh - 40px);
    overflow: auto; padding: 32px; border-radius: 20px; border: 1px solid rgba(58,216,255,.42);
    background: radial-gradient(ellipse at 50% 0,rgba(20,121,161,.2),transparent 68%),#0a1928;
    color: #e8f1f8; box-shadow: 0 0 44px rgba(39,214,255,.16),0 28px 90px rgba(0,0,0,.5);
    font-family: Inter,system-ui,sans-serif;
}
.ps-welcome::backdrop { background: rgba(2,9,17,.73); backdrop-filter: blur(5px); }
.ps-welcome[open] { animation: ps-welcome-enter .38s ease-out both; }
.ps-welcome * { box-sizing: border-box; }
.ps-welcome-close { position: absolute; top: 12px; right: 13px; width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: #a9c2d3; cursor: pointer; font: 26px/1 system-ui; }
.ps-welcome-close:hover { color: #fff; background: rgba(255,255,255,.06); }
.ps-welcome-mark { width: 70px; height: 70px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid rgba(39,214,255,.25); border-radius: 18px; background: rgba(39,214,255,.06); }
.ps-welcome-bolt { width: 32px; height: 42px; fill: rgba(39,214,255,.13); stroke: #66e4ff; stroke-width: 1.5; filter: drop-shadow(0 0 9px rgba(39,214,255,.6)); stroke-dasharray: 140; animation: ps-bolt-trace 1.15s ease-out both; }
.ps-welcome-kicker { color: #66e4ff; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin: 0 0 9px; }
.ps-welcome h2 { font-size: clamp(25px,6vw,31px); line-height: 1.15; letter-spacing: -.035em; margin: 0 0 12px; color: #f0f6fb; }
.ps-welcome p.ps-welcome-copy { color: #b9cbd9; font-size: 14px; line-height: 1.7; margin: 0 0 10px; }
.ps-welcome p.ps-welcome-greeting { color: #e0ecf4; font-size: 14px; margin: 0 0 9px; }
.ps-welcome-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 22px; }
.ps-welcome-tags span { border: 1px solid rgba(151,189,214,.17); background: rgba(255,255,255,.025); color: #a9c3d6; border-radius: 6px; padding: 6px 8px; font-size: 10px; }
.ps-welcome-enter { display: block; width: 100%; border: 1px solid #27d6ff; border-radius: 10px; padding: 12px 16px; background: #27d6ff; color: #061623; font: 700 13px/1.4 Inter,system-ui,sans-serif; cursor: pointer; }
.ps-welcome-enter:hover { background: #6be6ff; }
.ps-welcome button:focus-visible { outline: 2px solid #e8f6ff; outline-offset: 4px; }
.ps-welcome-tagline { margin: 14px 0 0; text-align: center; color: #7f9fb5; font-size: 10px; letter-spacing: .04em; }
body.ps-welcome-open { overflow: hidden; }
@keyframes ps-welcome-enter { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes ps-bolt-trace { from { stroke-dashoffset: 140; opacity: .3; } to { stroke-dashoffset: 0; opacity: 1; } }
@media(max-width: 420px) { .ps-welcome { padding: 26px 22px; } }
@media(prefers-reduced-motion: reduce) { .ps-welcome[open],.ps-welcome-bolt { animation: none; } }