.welcome-page-wrapper{position:relative;min-height:100vh;overflow-x:hidden;color:#fff;font-family:var(--font-poppins),"Poppins",sans-serif;display:flex;flex-direction:column}.welcome-page-wrapper .app-footer{position:relative;z-index:2;width:100%;margin-top:auto;background:#0a0a0a;border-top:1px solid hsla(0,0%,100%,.06)}.welcome-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-color:#050505}.welcome-bg-image{position:absolute;inset:0;z-index:0;object-fit:cover;object-position:center 42%;transform:scale(1.02);filter:saturate(1.08) contrast(1.06) brightness(1.02)}.welcome-bg-vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 75% 65% at 50% 38%,transparent 0,rgba(0,0,0,.35) 72%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.12) 34%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.82))}.welcome-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.rain-drop{position:absolute;top:-20px;background:linear-gradient(180deg,hsla(0,0%,100%,.28),hsla(0,0%,100%,.08));border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:rainFall linear infinite;box-shadow:none;opacity:.55}@keyframes rainFall{0%{transform:translateY(0) translateX(0);opacity:0}5%{opacity:1}95%{opacity:.8}to{transform:translateY(calc(100vh + 40px)) translateX(var(--wind-offset,20px));opacity:0}}.welcome-wind-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.welcome-wind-line{position:absolute;left:-60px;height:1px;min-width:24px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08) 25%,hsla(0,0%,100%,.14) 50%,hsla(0,0%,100%,.08) 75%,transparent);animation:windLineDrift linear infinite}@keyframes windLineDrift{0%{transform:translateX(0);opacity:0}5%{opacity:1}95%{opacity:.8}to{transform:translateX(calc(100vw + 80px));opacity:0}}.welcome-leaves{inset:0;overflow:hidden;z-index:1}.leaf,.welcome-leaves{position:absolute;pointer-events:auto}.leaf{left:-50px;color:#c9702a;animation:leafFlyWind linear infinite;transform-origin:center center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;z-index:3}.leaf:hover{z-index:10}.leaf:active{cursor:-webkit-grabbing;cursor:grabbing}.leaf.leaf-dragging{animation:none!important;transform:none!important;z-index:1000}.leaf.leaf-dropped{animation-name:leafFlyWindNoFade!important;opacity:.85!important}.leaf-svg{width:100%;height:100%;display:block;color:#c9702a;fill:#c9702a;filter:drop-shadow(0 0 1px rgba(160,90,40,.35))}@keyframes leafFlyWind{0%{transform:translateX(var(--start-x,0)) translateY(var(--start-y,0)) rotate(-15deg);opacity:0}8%{opacity:.85}20%{transform:translateX(calc(25vw + var(--start-x, 0px))) translateY(calc(-8px + var(--start-y, 0px))) rotate(5deg)}40%{transform:translateX(calc(50vw + var(--start-x, 0px))) translateY(calc(6px + var(--start-y, 0px))) rotate(-8deg)}60%{transform:translateX(calc(75vw + var(--start-x, 0px))) translateY(calc(-5px + var(--start-y, 0px))) rotate(10deg)}85%{opacity:.8}to{transform:translateX(calc(110vw + var(--start-x, 0px))) translateY(calc(4px + var(--start-y, 0px))) rotate(0deg);opacity:0}}@keyframes leafFlyWindNoFade{0%{transform:translateX(var(--start-x,0)) translateY(var(--start-y,0)) rotate(-15deg)}20%{transform:translateX(calc(25vw + var(--start-x, 0px))) translateY(calc(-8px + var(--start-y, 0px))) rotate(5deg)}40%{transform:translateX(calc(50vw + var(--start-x, 0px))) translateY(calc(6px + var(--start-y, 0px))) rotate(-8deg)}60%{transform:translateX(calc(75vw + var(--start-x, 0px))) translateY(calc(-5px + var(--start-y, 0px))) rotate(10deg)}to{transform:translateX(calc(110vw + var(--start-x, 0px))) translateY(calc(4px + var(--start-y, 0px))) rotate(0deg)}}.welcome-wind-container{animation:windSway 6s ease-in-out infinite;transform-origin:center center}@keyframes windSway{0%,to{transform:translateX(0) rotate(-.5deg)}25%{transform:translateX(4px) rotate(.4deg)}50%{transform:translateX(-3px) rotate(-.3deg)}75%{transform:translateX(2px) rotate(.2deg)}}.welcome-hero{min-height:100vh;min-height:100dvh;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(24px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out;pointer-events:none}.welcome-hero.visible{opacity:1;transform:translateY(0)}.welcome-hero-content{position:relative;z-index:2;text-align:center;max-width:1100px;pointer-events:auto}.welcome-cta,.welcome-hero-content{display:flex;flex-direction:column;align-items:center;width:100%}.welcome-cta{gap:14px;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .6s,transform .8s ease-out .6s;max-width:320px;margin:0 auto}.welcome-cta.fade-in-up{opacity:1;transform:translateY(0)}.welcome-cta img{filter:none}.welcome-title{font-size:clamp(36px,7vw,96px);font-weight:700;letter-spacing:.1em;margin-bottom:36px;text-shadow:0 2px 24px rgba(0,0,0,.85),0 0 40px rgba(0,0,0,.5);color:#fff;background:none;-webkit-text-fill-color:#fff;opacity:0;transform:translateX(-100px);transition:opacity .8s ease-out,transform .8s ease-out}.welcome-title.slide-in-left{opacity:1;transform:translateX(0)}.welcome-subtitle{font-size:clamp(18px,2.5vw,24px);font-weight:400;line-height:1.6;margin-bottom:48px;color:hsla(0,0%,100%,.9);opacity:0;transform:translateX(100px);transition:opacity .8s ease-out .3s,transform .8s ease-out .3s}.welcome-subtitle.slide-in-right{opacity:1;transform:translateX(0)}.welcome-auth-language{display:flex;justify-content:center;width:100%;margin-top:2px;opacity:.85}.welcome-btn-secondary{padding:12px 28px;font-size:13px;font-weight:600;border-radius:999px;border:1px solid hsla(0,0%,100%,.28);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;text-transform:uppercase;letter-spacing:.08em;background:rgba(0,0,0,.28);color:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-btn-secondary:hover{background:rgba(0,0,0,.42);border-color:hsla(0,0%,100%,.45);transform:translateY(-1px)}.welcome-how-to-play{position:relative;z-index:2;padding:120px 20px;scroll-margin-top:calc(var(--app-header-height, 64px) + 12px);background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(2,2,2,.99));opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.welcome-how-to-play.visible{opacity:1;transform:translateY(0)}.welcome-section-container{max-width:1120px;margin:0 auto}.welcome-section-title{font-size:clamp(36px,5vw,56px);font-weight:700;text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#fff,#d0d0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.5)}.welcome-game-description{background:none;border:none;border-radius:0;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.welcome-game-description .how-to-play__card-icon img{filter:none!important}.welcome-desc-item{transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.welcome-desc-title{font-size:20px;font-weight:600;color:#fff;margin-top:24px;margin-bottom:12px}.welcome-desc-text,.welcome-desc-title{padding-left:0;margin-left:0;text-align:left}.welcome-desc-text{font-size:16px;line-height:1.8;color:hsla(0,0%,100%,.85);margin-bottom:16px}.welcome-login-section{position:relative;z-index:2;padding:120px 20px;background:linear-gradient(180deg,rgba(2,2,2,.99),rgba(0,0,0,.98));text-align:center}.welcome-login-subtitle{font-size:20px;color:hsla(0,0%,100%,.8);margin-bottom:40px}.welcome-login-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.welcome-login-btn{min-width:200px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:10px;transition:all .3s ease;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.welcome-login-btn span{display:inline-block;position:relative;z-index:1}.welcome-login-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.1);transform:translate(-50%,-50%);transition:width .5s,height .5s}.welcome-login-btn:hover:before{width:300px;height:300px}.welcome-login-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.6);background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.4)}.welcome-login-btn.welcome-login-btn-google{background:linear-gradient(135deg,rgba(30,30,30,.3),hsla(0,0%,8%,.2));border-color:hsla(0,0%,100%,.25)}.welcome-login-btn.welcome-login-btn-google:hover{background:linear-gradient(135deg,rgba(40,40,40,.4),rgba(30,30,30,.3));border-color:hsla(0,0%,100%,.4)}@media(max-width:768px){.welcome-title{font-size:48px}.welcome-subtitle{font-size:18px}.welcome-cta{flex-direction:column;align-items:center;max-width:100%}.welcome-btn-secondary{width:auto;max-width:none}.welcome-game-description{padding:24px}}.welcome-page-wrapper svg:not(.leaf-svg){color:#fff;stroke:#fff}.welcome-page-wrapper img:not(.login-page-google-icon):not(.welcome-bg-image){filter:brightness(0) invert(1)}