@font-face{font-family:WelcomeClub;src:url('artwork-2.ttf') format('truetype');font-weight:600;font-display:swap}
#fc-welcome{position:fixed;inset:0;z-index:2147483000;background:#080909;color:#fff;font-family:WelcomeClub,Arial,sans-serif;overflow:auto;transition:opacity .28s ease;isolation:isolate}
#fc-welcome *{box-sizing:border-box}
#fc-welcome.leaving{opacity:0;pointer-events:none}
.welcome-art{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none}
.welcome-art.loaded{opacity:1}
.welcome-fallback{position:absolute;top:15%;left:7.8%;font:800 clamp(30px,6vw,76px)/1.1 Arial,sans-serif;color:#ffdc00}
.welcome-fallback small{display:block;margin-bottom:16px;font-size:.32em;letter-spacing:.25em;color:#fff}
.welcome-actions{position:absolute;z-index:2;left:7.8%;bottom:max(11%,calc(env(safe-area-inset-bottom) + 24px));max-width:480px;width:40%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.welcome-status{margin:0;color:#eee;font-size:15px;line-height:1.4;text-shadow:0 2px 8px #000;max-width:100%}
.welcome-actions.has-error{padding:18px;border:1px solid #ffffff30;border-radius:20px;background:#090d0ff2;max-height:65%;overflow:auto}
.welcome-buttons{display:flex;gap:10px;flex-wrap:wrap;width:100%}
#fc-welcome button{font:600 17px/1.2 WelcomeClub,Arial,sans-serif;min-height:52px;padding:14px 24px;border:1px solid #ffe666;border-radius:16px;background:linear-gradient(125deg,#fff083,#ffdc00 65%);color:#17170b;box-shadow:0 6px 28px #ffdc0020;cursor:pointer;transition:transform .18s,box-shadow .18s;touch-action:manipulation}
@media(hover:hover) and (pointer:fine){#fc-welcome button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ffdc0045}}
#fc-welcome button:focus-visible{outline:3px solid #fff;outline-offset:5px}
#fc-welcome button:disabled{opacity:.6;cursor:wait}
#fc-welcome button[hidden]{display:none}
#fc-welcome .welcome-continue{min-width:190px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.welcome-arrow{font:24px Arial,sans-serif}
#fc-welcome .welcome-secondary{border-color:#ffffff66;background:#151b19;color:white;box-shadow:none}
#fc-welcome .welcome-motion{position:absolute;z-index:3;top:max(22px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));width:44px;min-height:44px;padding:10px;border:1px solid #ffffff50;border-radius:50%;background:#090d0fb3;box-shadow:none;color:#fff;font:20px Arial,sans-serif}
.welcome-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-aspect-ratio:4/5){
 .welcome-actions{left:6%;width:88%;max-width:none;bottom:max(7.5%,calc(env(safe-area-inset-bottom) + 24px));align-items:center;text-align:center}
 .welcome-buttons{justify-content:center}
 #fc-welcome .welcome-continue{width:min(100%,310px)}
 .welcome-status{font-size:14px}
 .welcome-fallback{left:6%;width:88%;text-align:center;top:22%}
}
@media(max-height:460px) and (min-aspect-ratio:4/5){
 .welcome-actions{left:auto;right:5%;bottom:9%;width:40%;align-items:flex-end;text-align:right;gap:8px}
 .welcome-buttons{justify-content:flex-end}
 #fc-welcome button{min-height:44px;padding:10px 20px}
}
@media(prefers-reduced-motion:reduce){#fc-welcome,#fc-welcome button{transition:none}#fc-welcome button:hover{transform:none}}
