@tailwind base;@tailwind components;@tailwind utilities;:root{--blue:#0678f8;--blue-dark:#004fc4;--blue-deep:#003a9a;--blue-card:#006dea;--yellow:#ffd51a;--yellow-dark:#f3b800;--white:#ffffff;--ink:#101f3d;--soft:#e9f6ff;--muted:#647089}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--white);background:var(--blue)}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.kruya-page{position:relative;min-height:100vh;overflow-x:hidden;padding:28px clamp(18px,5vw,72px) 54px;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.14),transparent 12rem),radial-gradient(circle at 88% 18%,rgba(255,255,255,.16),transparent 13rem),linear-gradient(180deg,#0059c9,#0784ff 44%,#1aa4ff)}.kruya-page:after{content:"";position:absolute;left:0;right:0;bottom:0;height:310px;background:radial-gradient(ellipse at 12% 95%,rgba(255,255,255,.88) 0 13%,transparent 34%),radial-gradient(ellipse at 88% 100%,rgba(255,255,255,.82) 0 16%,transparent 36%),linear-gradient(180deg,transparent,#93dcff);opacity:.82;pointer-events:none}.kruya-page>*{position:relative;z-index:1}.site-header{height:62px;display:flex;align-items:center;justify-content:flex-start}.site-header img{width:132px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,40,120,.18))}.sky-balls{inset:0;pointer-events:none;z-index:0}.ball,.sky-balls{position:absolute}.ball{border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff59b 0 8%,#ffe23c 18%,#ffd100 55%,#f4b900 100%);box-shadow:0 22px 45px rgba(0,55,130,.18);animation:floaty 5s ease-in-out infinite}.ball-left{width:118px;height:118px;left:7%;top:18%;animation-delay:.2s}.ball-right{width:220px;height:220px;right:-4%;top:14%;animation-delay:.8s}.ball-small{width:56px;height:56px;right:9%;top:45%;animation-delay:1.2s}.hero-section{text-align:center;max-width:980px;margin:8px auto 52px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;background:linear-gradient(180deg,#ffdf2d,#ffc400);color:#09224f;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.hero-section h1{margin:34px 0 0;font-size:clamp(4.3rem,10vw,8.4rem);line-height:1.08;letter-spacing:-.035em;font-weight:1000;text-shadow:0 16px 36px rgba(0,52,148,.18)}.player-wrap{width:min(1060px,100%);margin:0 auto 34px;padding:36px;border-radius:34px;background:rgba(255,255,255,.95);box-shadow:0 28px 80px rgba(0,52,134,.22);display:grid;grid-template-columns:.95fr 1fr;grid-gap:36px;gap:36px;align-items:center;color:var(--ink)}.phone-panel{min-height:390px;border-radius:28px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.95),transparent 8rem),linear-gradient(135deg,#d7f6ff,#f6fdff);display:grid;place-items:center;overflow:hidden;position:relative}.phone-panel:before{content:"";position:absolute;inset:auto -10% -18% -10%;height:50%;background:radial-gradient(ellipse at center,rgba(0,124,255,.18),transparent 65%);animation:softwave 5s ease-in-out infinite}.phone-frame{width:230px;height:410px;border:15px solid #10284d;border-radius:38px;background:#10284d;box-shadow:0 26px 50px rgba(0,55,130,.28);padding:10px;animation:phonefloat 4.5s ease-in-out infinite;position:relative}.phone-frame:before{content:"";position:absolute;top:8px;left:50%;width:72px;height:10px;border-radius:999px;background:#0b1b37;transform:translateX(-50%);z-index:3}.phone-screen{height:100%;border-radius:24px;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.9),transparent 6rem),linear-gradient(180deg,#0d8cff,#7bd7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.25) 40%,transparent 55%);transform:translateX(-120%);animation:screenshine 3.6s ease-in-out infinite}.phone-screen:before{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6))}.phone-sun{font-size:3.2rem;animation:pulse 1.8s ease-in-out infinite;filter:drop-shadow(0 14px 22px rgba(255,191,0,.35));z-index:1}.phone-screen p{position:relative;z-index:2;margin:18px 16px 0;font-weight:1000;letter-spacing:.02em;font-size:1rem;color:#073e95;background:rgba(255,255,255,.9);border-radius:999px;padding:10px 14px;box-shadow:0 12px 28px rgba(0,78,170,.14)}.phone-screen p span{color:#ffd100;margin:0 5px;text-shadow:0 1px 0 rgba(0,40,120,.18)}.phone-words{position:relative;z-index:2;margin:18px 16px 0;width:76%;display:grid;grid-gap:6px;gap:6px;background:rgba(255,255,255,.94);border-radius:28px;padding:16px 14px;box-shadow:0 12px 28px rgba(0,78,170,.14);color:#073e95;text-align:center}.phone-words strong{display:block;font-size:1.05rem;line-height:1.05;font-weight:1000;letter-spacing:.01em}.phone-words strong:nth-child(2){color:#004fc4}.phone-words strong:nth-child(3){color:#082e74}.player-card{padding:8px 0}.section-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.feature-icon,.section-heading>span{width:70px;height:70px;border-radius:22px;background:#eaf4ff;display:grid;place-items:center;font-size:2rem;flex:0 0 auto}.section-heading h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em;line-height:1;margin:0}.section-heading p{margin:8px 0 0;color:var(--muted);font-weight:850;font-size:1.1rem}.input-shell{min-height:76px;background:#fff;border:1px solid #dfe9f6;border-radius:14px;display:flex;align-items:center;gap:18px;padding:0 22px;box-shadow:0 8px 18px rgba(15,45,90,.08)}.input-shell span{font-size:1.45rem;opacity:.68}.input-shell input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-weight:850;font-size:1.3rem}.input-shell input::placeholder{color:#7d879b}.play-button,.yellow-button{border:0;border-radius:16px;min-height:78px;padding:0 28px;font-weight:1000;display:inline-grid;place-items:center;transition:.18s ease;background:linear-gradient(180deg,#ffdf2d,#ffc400);color:#09224f;box-shadow:0 8px 0 var(--yellow-dark),0 22px 38px rgba(0,61,145,.22);font-size:clamp(1.5rem,3vw,2.2rem);width:100%;margin-top:26px}.play-button:hover,.yellow-button:hover{transform:translateY(-3px);filter:saturate(1.07)}.yellow-button:disabled{opacity:.72;cursor:not-allowed;transform:none;filter:none}.play-button:active,.yellow-button:active{transform:translateY(2px);box-shadow:0 4px 0 var(--yellow-dark),0 12px 24px rgba(0,61,145,.18)}.error-text{margin:14px 0 0;color:#b42318;font-weight:950}.error-text.light{background:rgba(180,35,24,.3)}.error-text.light,.success-text.light{color:#fff;padding:10px 12px;border-radius:12px;width:max-content;max-width:100%}.success-text.light{background:rgba(0,120,80,.34);font-weight:950;margin:14px 0 0}.reward-popup{position:fixed;right:24px;top:46%;transform:translateY(-50%);z-index:40;width:min(390px,calc(100% - 32px));display:flex;gap:18px;align-items:center;padding:24px 26px;border-radius:24px;background:#fff;color:var(--ink);border:1px solid #dfe9f6;box-shadow:0 26px 70px rgba(0,56,134,.22);animation:popin .28s ease both;cursor:pointer}.reward-popup button{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:1.55rem;color:#65728a}.reward-icon{width:64px;height:64px;border-radius:999px;background:#fff5c8;display:grid;place-items:center;font-size:2rem;flex:0 0 auto}.reward-popup strong{font-size:1.25rem;color:var(--blue);display:block}.reward-popup p{margin:8px 0 0;color:var(--muted);line-height:1.45;font-size:1rem}.feature-card{width:min(1160px,100%);margin:0 auto 28px;border-radius:30px;background:linear-gradient(135deg,#0054ca,#007cff 58%,#0b9cff);box-shadow:0 26px 70px rgba(0,47,130,.22);padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:24px;gap:24px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.feature-copy{max-width:480px}.feature-icon{background:rgba(255,255,255,.16);margin-bottom:18px}.feature-card h2{margin:0 0 16px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.055em}.feature-card p{margin:0;color:#fff;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45;font-weight:750}.feature-card .input-shell{margin-top:24px;min-height:66px}.feature-card .input-shell input{font-size:1.1rem}.yellow-button{width:max-content;min-width:360px;min-height:62px;font-size:1.25rem;margin-top:20px;text-align:center}.feature-art{min-height:350px;position:relative;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.18),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,36,118,.18))}.feature-art:before{content:"";position:absolute;left:18%;right:18%;bottom:13%;height:78px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,32,91,.24),rgba(0,32,91,.06) 58%,transparent 72%);filter:blur(12px)}.big-trophy{position:relative;font-size:13rem;filter:drop-shadow(0 34px 28px rgba(0,33,95,.22));animation:floaty 4s ease-in-out infinite}.trophy-glow{position:absolute;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,226,60,.22),transparent 68%);animation:pulse 3s ease-in-out infinite}.partner-bubbles{display:none}.partner-orbits{position:absolute;inset:12% 8%;border-radius:28px;background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.13),transparent 17rem)}.partner-orbits span{position:absolute;width:74px;height:74px;border-radius:999px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 24px rgba(0,34,104,.12);animation:floaty 4.2s ease-in-out infinite}.partner-orbits span:first-child{left:18%;top:34%}.partner-orbits span:nth-child(2){left:38%;top:18%;animation-delay:.4s}.partner-orbits span:nth-child(3){right:30%;top:38%;animation-delay:.8s}.partner-orbits span:nth-child(4){right:12%;top:20%;animation-delay:1.2s}.partner-card{margin-bottom:0}.arena-transition{pointer-events:none;position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(0,120,255,0);opacity:0;transition:opacity .2s ease,background .2s ease}.arena-transition p{z-index:2;color:white;font-size:.82rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.arena-transition-active{opacity:1;background:rgba(0,120,255,.92)}.transition-ring{position:absolute;width:180px;height:180px;border-radius:999px;border:3px solid rgba(255,221,25,.9);animation:transition-pop .65s ease forwards}.game-page{min-height:100vh;padding:16px;background:#07111f;color:white;display:flex;flex-direction:column;gap:14px}.game-topbar{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:12px 16px;background:rgba(255,255,255,.06)}.game-topbar a{color:var(--yellow);font-weight:900}.unity-shell{flex:1 1;display:grid;place-items:center}.unity-frame{width:min(100%,1180px);aspect-ratio:16/9;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:#000;box-shadow:0 20px 80px rgba(0,0,0,.45)}.unity-frame canvas{width:100%!important;height:100%!important}.unity-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.72);text-align:center;padding:24px}.ticker-track{text-align:center;color:rgba(255,255,255,.7);font-size:.9rem}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes phonefloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes screenshine{0%,55%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes softwave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes popin{0%{opacity:0;transform:translateY(-42%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes transition-pop{to{transform:scale(8);opacity:0}}@media(max-width:980px){.kruya-page{padding:20px 16px 36px}.site-header{justify-content:center}.site-header img{width:112px}.hero-section{margin-top:10px}.hero-section h1{font-size:clamp(3rem,15vw,5rem)}.feature-card,.player-wrap{grid-template-columns:1fr;padding:22px;border-radius:26px}.phone-panel{min-height:300px}.phone-frame{width:180px;height:320px}.reward-popup{left:16px;right:16px;top:auto;bottom:16px;transform:none}.feature-art{min-height:250px}.big-trophy{font-size:8rem}.yellow-button{width:100%;min-width:0}.section-heading{align-items:flex-start}.input-shell input{font-size:1.05rem}.play-button{font-size:1.55rem}.ball-left{width:72px;height:72px;left:-4%;top:14%}.ball-right{width:130px;height:130px;right:-12%;top:10%}.ball-small{display:none}.unity-frame{aspect-ratio:9/16;max-height:76vh;width:min(100%,460px)}.phone-words{width:82%;padding:14px 12px;border-radius:24px;gap:5px}.phone-words strong{font-size:.98rem}}.error-text,.feature-card,.feature-copy,.input-shell,.reward-popup,.success-text,.yellow-button{min-width:0}.error-text,.feature-card h2,.feature-card p,.success-text{overflow-wrap:anywhere;word-break:normal}.error-text.light,.success-text.light{width:100%;max-width:100%;white-space:normal;line-height:1.35}@media(max-width:980px){.feature-card{width:100%;padding:24px 18px;gap:22px}.feature-copy{width:100%;max-width:none}.feature-card h2{font-size:clamp(2rem,11vw,3rem);line-height:1.05}.feature-card p{font-size:clamp(1rem,5vw,1.25rem);line-height:1.42}.feature-card .input-shell{width:100%;padding:0 16px;min-height:64px}.feature-card .input-shell input{min-width:0;font-size:1rem}.error-text.light,.success-text.light{display:block;font-size:.98rem;padding:12px 14px}}@media(max-width:420px){.kruya-page{padding-left:12px;padding-right:12px}.feature-card{padding:22px 14px;border-radius:24px}.feature-card h2{font-size:clamp(1.8rem,10vw,2.55rem)}.feature-card .input-shell{padding:0 12px;gap:10px}.yellow-button{font-size:1.08rem;padding:0 14px}}