html,body{margin:0;background:#000;color:white;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-height:100dvh}.pwa-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:min(100%,520px);height:100dvh;min-height:480px;margin:auto;padding:calc(32px + env(safe-area-inset-top,0px)) 28px calc(64px + env(safe-area-inset-bottom,0px))}.community-leaf-layer{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none!important;user-select:none;contain:strict}.pwa-tools{position:absolute;z-index:5;right:16px;top:calc(12px + env(safe-area-inset-top,0px));display:flex;gap:8px}.pwa-tools select,.pwa-tools button{border:1px solid #50d9bf;background:#000;color:white;border-radius:20px;padding:8px 12px;font-size:14px}.pwa-message{position:absolute;z-index:5;bottom:12px;left:20px;right:20px;text-align:center;font-size:14px}.community-slide-track{z-index:5}@media(prefers-reduced-motion:reduce){.community-launch-logo{animation:none!important}}
.community-launch-stage{position:relative;width:100%;flex:1;min-height:0}.community-launch-orb{position:relative;width:clamp(130px,43vw,185px);aspect-ratio:1;isolation:isolate;display:grid;place-items:center;background:#000;border-radius:50%;position:absolute;left:50%;top:34%;transform:translate(-50%,-50%)}.community-launch-orb::before{content:'';position:absolute;inset:-38%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,rgba(177,140,218,.08) 30%,rgba(131,211,194,.04) 45%,transparent 69%);filter:blur(12px);pointer-events:none}.community-launch-orb::after{content:'';position:absolute;inset:-2%;z-index:-1;border-radius:50%;box-shadow:0 0 7px 2px #ffffff24,0 0 26px 8px #ffffff0e;pointer-events:none}.community-launch-logo{display:block;width:86%;height:86%;border-radius:50%;object-fit:contain;animation:community-logo-turn 28s linear infinite}.community-launch-title{display:flex;flex-direction:column;align-items:center;gap:10px;width:212px;max-width:70vw;margin:0;position:absolute;left:50%;top:68%;transform:translateX(-50%);font-family:Arial,sans-serif;font-weight:700;line-height:1}.community-title-purple{display:block;color:#a84cda;font-size:40px;letter-spacing:3.3px;text-align:justify;width:100%}.community-title-mint{display:block;color:#50d9bf;font-size:18px;letter-spacing:7px;width:100%;text-align:center;white-space:nowrap}
.community-slide-track{position:relative;flex-shrink:0;width:246px;max-width:100%;height:60px;border-radius:999px;background:#50d9bf;border:0;overflow:hidden;--slide-progress:0%}.community-slide-label{position:absolute;inset:0 0 0 53px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:800;line-height:1.4;color:#000;pointer-events:none}.community-slide-handle{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;box-sizing:border-box;margin:0!important;padding:5px!important;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;cursor:grab;touch-action:pan-y;outline:none}.community-slide-handle::-webkit-slider-runnable-track{height:48px;background:transparent;border:0}.community-slide-handle::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:48px;border:0;border-radius:50%;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='%2355dfc3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 2px 8px #0004}.community-slide-handle::-moz-range-thumb{width:48px;height:48px;border:0;border-radius:50%;background:#000}.community-slide-handle:focus-visible{outline:2px solid #b388f4;outline-offset:-3px;border-radius:999px}
@keyframes community-logo-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* Foreground leaves never capture input. Keep the bottom security separate. */
.community-leaf-layer.leaf-front{z-index:6}.pwa-intro{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
#accountHeader .language{margin-left:auto}#accountHeader .security-status{display:none}
.security-status{z-index:10;pointer-events:none}
@media(max-width:650px){#accountHeader{display:flex;min-height:64px}#accountHeader .language{margin-left:0}.security-status{position:fixed!important;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);font-size:11px}}

/* V24.18 R2: ticket-sized symbol and one title/login group. */
.pwa-intro{justify-content:center;padding-top:calc(88px + env(safe-area-inset-top,0px));padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));gap:0}
.community-launch-stage{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-height:0}
.community-launch-orb{position:relative;left:auto;top:auto;transform:none;flex:none;width:clamp(130px,43vw,185px);margin:0 0 64px}
.community-launch-logo{position:relative;z-index:1;filter:url("assets/intro-black-filter.svg#black-background");transform:scale(.9)}
.community-launch-orb::after{inset:3%;z-index:0;background:#000}
.community-launch-title{position:relative;left:auto;top:auto;transform:none;margin:0;gap:10px}
.community-title-mint{font-size:16px;letter-spacing:6px}
.community-slide-track{margin-top:40px}
.security-status{position:fixed!important;left:50%;top:auto!important;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);margin:0}
.pwa-message{bottom:70px}
@keyframes community-logo-turn{from{transform:rotate(0) scale(.9)}to{transform:rotate(360deg) scale(.9)}}
@media(max-height:700px){.community-launch-orb{width:130px;margin-bottom:32px}.pwa-intro{padding-top:calc(80px + env(safe-area-inset-top,0px));padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}

/* R6: quiet neutral language controls. */
#accountHeader .language>button{background:#292929;border-color:#444;color:#e8e8e8;font-weight:500}
#accountHeader .language>div{background:#202020;border-color:#444}
#accountHeader .language>div button{background:#202020;color:#eee}
#accountHeader .language>div button.selected{background:#414141;color:#fff}
#accountHeader .language>div button:hover:not(.selected){background:#303030}

/* R11: subdued near-black language selector. */
#accountHeader .language>button{background:#0c0c0c;border-color:#303030;color:#8c8c8c}
#accountHeader .language>div{background:#101010;border-color:#303030}
#accountHeader .language>div button{background:#101010;color:#8c8c8c}
#accountHeader .language>div button.selected{background:#252525;color:#a0a0a0}
#accountHeader .language>div button:hover:not(.selected){background:#1c1c1c}

/* R14: lower the slider while retaining the foreground, input-transparent leaf layer. */
.community-slide-track{margin-top:60px}
@media(max-height:600px){.community-slide-track{margin-top:48px}}
