/* Modern visual layer: preserve game geometry and existing controls. */
:root{--bg:#080f1c;--bg-soft:#111d30;--surface:#121e31;--border:#ffffff18;--text:#f1f5ff;--text-dim:#a8b6cf;--primary:#6d78f7;--primary-2:#5262db;--accent:#64edbe;--accent-2:#41cfa7;--gold:#ffd88a;--shadow:0 24px 70px #0005}
body{background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ca5ff;outline-offset:4px}button{touch-action:manipulation}
.landing{background:radial-gradient(ellipse at 75% 15%,#253b6038,transparent 44%),#080f1c}
.landing .app-header{background:#080f1cdb;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(20px);padding-inline:max(24px,calc((100vw - 1100px)/2));min-height:76px}
.landing .app-header .btn{border-radius:10px;padding:11px 18px;box-shadow:none;text-transform:none;font-size:13px}.landing .app-header .app-logo{max-height:50px}
.lp-hero{padding:112px 24px 56px}.lp-hero-bg{background:radial-gradient(ellipse at 70% 45%,#447eaa16,transparent 65%)}
.lp-hero-inner{max-width:1080px;display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;text-align:left;align-items:center}
.lp-title{grid-column:1;grid-row:1;margin:0;align-self:end;font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.08;letter-spacing:-.045em;text-transform:none;font-weight:850;padding-top:24px}
.lp-title:before{content:'BLOCK WIN / JOGUE NO SEU RITMO';display:block;color:#89a9bd;font-size:11px;letter-spacing:.17em;font-weight:700;margin-bottom:24px}
.lp-title-accent{background:linear-gradient(100deg,#80f2cb,#a1c9ff);background-clip:text;-webkit-background-clip:text}
.lp-hero-banner{grid-column:2;grid-row:1 / 3;width:100%;max-width:400px;margin:0 auto;border-radius:32px;transform:rotate(2deg);border:1px solid #ffffff24;box-shadow:0 32px 90px #0006,0 0 80px #487faa12}
.lp-ctas{grid-column:1;grid-row:2;align-self:start;margin:28px 0 0;max-width:360px;gap:10px}
.lp-ctas:before{content:'Experimente sem cadastro. Aprenda a encaixar as peças e completar linhas.';font-size:15px;line-height:1.65;color:#a8b6cf;margin-bottom:14px}
.lp-btn-primary{border-radius:14px!important;background:#64edbe!important;color:#09251c!important;box-shadow:0 8px 24px #64edbe18!important;letter-spacing:.025em!important;min-height:54px;animation:none!important}
.lp-btn-link{font-size:13px;color:#a8b6cf}.lp-howto{background:#0c1523;border-block:1px solid #ffffff0b;padding:44px 0 48px}.lp-howto-icon{display:none}.lp-howto-title{font-size:23px;letter-spacing:-.03em;text-transform:none}.lp-howto-sub{font-size:14px}.lp-howto-card{background:#111d2d;border:1px solid #ffffff12;border-radius:18px;box-shadow:none}.lp-howto-visual{background:#0b1422}.lp-howto-badge{background:#192e39;color:#8df1cc;border:1px solid #70ddba35;box-shadow:none;border-radius:10px;font-size:13px;width:30px;height:30px}.lp-howto-card h3{font-size:14px;padding:18px 18px 8px}.lp-howto-card p{font-size:13px;padding:0 18px 20px;line-height:1.7}.lp-final{padding:48px 24px;max-width:600px}.lp-final h2{font-size:26px;letter-spacing:-.025em}.lp-final p{font-size:14px}.lp-footer{background:#080f1c;padding:24px 24px 90px}.lp-footer-logo{height:40px}.lp-footer-copy{font-size:12px;line-height:1.8;max-width:560px;margin:auto}
.auth-shell:before,.panel-shell:before{background:radial-gradient(ellipse at 50% 0%,#29446666,transparent 65%),#080f1c}.auth-card{background:#111d2df2;border:1px solid #ffffff18;border-radius:24px;box-shadow:0 28px 80px #0005;padding:30px}.auth-card h1{font-size:27px;letter-spacing:-.035em}.auth-logo img{height:68px}.auth-card input,.modal input{border-color:#ffffff18;background:#0c1524;border-radius:12px}.btn-primary{background:#6475e8;box-shadow:none}.btn-accent{background:#64edbe;box-shadow:0 8px 24px #64edbe15}.btn-ghost{background:#ffffff04}.btn{border-radius:12px;letter-spacing:.01em}.modal{background:#121e30;border:1px solid #ffffff20;border-radius:24px;box-shadow:0 24px 90px #0008}.modal-overlay{background:#030812b8;backdrop-filter:blur(10px)}
.panel-topbar{background:#0a1221e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0c}.panel-topbar-logo{height:54px}.panel-page{padding-top:26px}.panel-card{background:#111e30ed;border:1px solid #8ba4cf26;box-shadow:0 24px 60px #0004}.panel-card:before,.panel-card:after{display:none}.panel-cta{border-radius:14px;background:#64edbe;box-shadow:0 8px 24px #64edbe15;animation:none!important}.entry-chip{border:1px solid #ffffff16;border-radius:12px}.reward-box{background:#112b2b;border:1px solid #62edbd25;box-shadow:none}.panel-profile-btn{background:#293a57;border:1px solid #ffffff25}.panel-balance-value{font-variant-numeric:tabular-nums}.account-extra a{border:1px solid #ffffff16;background:#ffffff04;border-radius:10px;padding:10px 12px;text-decoration:none;font-size:12px}.extra-panel{background:#111d2e;border-color:#ffffff1c;border-radius:24px;box-shadow:0 25px 75px #0004}.extra-panel button{background:#6475e8;border-color:#8d9bff}.operation-notice{background:#101b2bed;border:1px solid #748da43b;color:#c8d5e5;box-shadow:0 8px 30px #0003;backdrop-filter:blur(12px);border-radius:12px}.operation-notice a{color:#8df1cc}
@media(max-width:700px){.landing .app-header{min-height:66px;padding-inline:16px}.landing .app-header .btn{padding:10px 12px;font-size:12px}.lp-hero{padding:94px 22px 36px}.lp-hero-inner{display:flex;flex-direction:column;gap:0;text-align:center}.lp-title{font-size:36px;max-width:400px;padding:0;align-self:center}.lp-title:before{font-size:9px;letter-spacing:.13em;margin-bottom:16px}.lp-hero-banner{max-width:248px;border-radius:24px;margin:24px auto 0;transform:rotate(1deg)}.lp-ctas{width:100%;max-width:380px;margin:22px auto 0;align-self:center}.lp-ctas:before{font-size:13px;margin-bottom:8px}.lp-howto-scroll{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px;overflow:visible}.lp-howto-card{min-width:0}.lp-howto-card h3{font-size:13px;padding:14px 12px 7px}.lp-howto-card p{font-size:12px;padding:0 12px 16px}.lp-howto-visual{aspect-ratio:2.4}.lp-howto-badge{width:24px;height:24px;top:6px;right:6px}.lp-howto-sub{padding:0 14px;font-size:13px}.auth-card{padding:24px}.panel-topbar{padding-inline:16px}.panel-topbar-logo{height:46px;max-width:180px}.panel-page{padding-top:20px}.operation-notice{font-size:11px;max-width:210px;bottom:12px}.panel-shell~.operation-notice{bottom:88px}.lp-footer{padding-bottom:112px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:700px){body:has(.panel-shell)>.operation-notice{bottom:88px;max-width:210px}.panel-page{padding-bottom:165px}}