:root{--blue:#1769f5;--blue-dark:#0d4fc7;--text:#142845;--muted:#7286a3;--line:#d8e6f8;--bg:#f3f8ff;--card:#fff;--green:#1fa66d;--red:#db4557}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#edf5ff,#f8fbff);color:var(--text)}a{text-decoration:none;color:inherit}.shell{width:100%;max-width:520px;min-height:100vh;margin:0 auto;background:#fff;padding-bottom:88px;box-shadow:0 18px 55px rgba(24,70,130,.14);overflow-x:hidden}.top{padding:22px 18px 20px;color:#fff;background:linear-gradient(115deg,#07356f,#0a65c6 58%,#3ba8ff);border-radius:0 0 24px 24px}.top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.back{font-size:12px;font-weight:800;background:rgba(255,255,255,.15);padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.top h1{margin:22px 0 5px;font-size:28px}.top p{margin:0;opacity:.88;font-size:13px}.content{padding:16px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 7px 22px rgba(24,73,143,.06)}.auth-banner-card{padding:10px;overflow:hidden}.auth-banner{display:block;width:100%;max-width:100%;min-width:0;border-radius:16px;overflow:hidden;background:#f6faff;border:1px solid #dfeaf9}.auth-banner img{display:block;width:100%;max-width:100%;min-width:0;height:auto;max-height:none;object-fit:contain;background:#fff}.label{font-size:10px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;color:#7186a3}.big{font-size:28px;font-weight:900;margin-top:4px}.muted{font-size:12px;color:var(--muted);line-height:1.5}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:14px;padding:0 14px;font-weight:850;cursor:pointer}.primary{background:linear-gradient(180deg,#287cff,#0e57d6);color:#fff}.outline{background:#fff;border:1.5px solid var(--blue);color:var(--blue)}.soft{background:#eef5ff;color:#235fb8}.danger{background:#fff1f2;color:#c33e50}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.field label{font-size:11px;font-weight:800;color:#60779a}.field input{height:48px;border:1.4px solid #cfe0f6;border-radius:13px;padding:0 13px;outline:none;color:var(--text);background:#fff}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,245,.08)}.notice{padding:12px 14px;border-radius:13px;margin-bottom:12px;font-size:12px}.ok{background:#ebf8f2;color:#16744f;border:1px solid #c8ecd9}.err{background:#fff1f2;color:#a93c4a;border:1px solid #ffd3d8}.list{display:grid;gap:10px}.item{border:1px solid #e1ecf8;border-radius:15px;padding:13px;background:#fbfdff}.item-title{font-weight:850;font-size:14px}.item-meta{font-size:11px;color:#7488a4;margin-top:4px;line-height:1.45}.status{font-size:10px;font-weight:850;padding:5px 8px;border-radius:999px;background:#eef5ff;color:#3f679e}.status.won{background:#e8f7f0;color:#168b5c}.status.lost{background:#fff0f1;color:#bc3d4e}.status.refunded{background:#fff8e7;color:#9f6c10}.codebox{display:flex;align-items:center;gap:8px;margin-top:10px}.codebox input{flex:1;height:46px;border:1px solid #cfe0f6;border-radius:12px;padding:0 11px;background:#f8fbff;color:#244c7d;font-weight:800;min-width:0}.copy{height:46px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:850;padding:0 13px}.empty{text-align:center;padding:30px 15px;color:#7589a6;font-size:12px}.bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);height:74px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #e1eaf6;display:grid;grid-template-columns:repeat(4,1fr);z-index:30}.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#667b98;font-size:11px}.nav b{font-size:20px;line-height:1}.nav.active{color:var(--blue);font-weight:850}@media(min-width:700px){body{padding:25px 0}.shell{border-radius:30px;overflow:hidden}.bottom{border-radius:0 0 30px 30px}}
/* V5 - Indique / baloes */
.ref-hero{background:linear-gradient(135deg,#0f5ed9,#39a5ff);color:#fff;border:0;overflow:hidden;position:relative}.ref-hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12);right:-45px;top:-60px}.ref-hero .label,.ref-hero .muted{color:rgba(255,255,255,.82)}.ref-hero .big{font-size:24px;line-height:1.15;position:relative;z-index:1}.commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commission-card{border:1px solid #dce9f8;border-radius:16px;padding:13px;background:#fbfdff}.commission-card strong{display:block;font-size:19px;margin-top:4px}.balloon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 9px;margin-top:16px}.balloon-wrap{text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}.balloon{width:64px!important;min-width:64px!important;height:76px!important;margin:0 auto;position:relative;border:0;padding:0!important;-webkit-appearance:none!important;appearance:none!important;font:inherit!important;border-radius:52% 48% 49% 51%/45% 45% 55% 55%;background:linear-gradient(145deg,#d7dce5,#9aa6b8);box-shadow:inset -7px -9px 14px rgba(0,0,0,.12),0 7px 14px rgba(24,73,143,.10);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;filter:grayscale(1);opacity:.58;transition:.2s ease}.balloon:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid currentColor;color:#9aa6b8}.balloon.unlocked{filter:none;opacity:1;cursor:pointer;background:linear-gradient(145deg,#4bd99b,#139666);box-shadow:inset -7px -9px 14px rgba(0,86,55,.18),0 9px 19px rgba(19,150,102,.27);animation:balloonFloat 2.2s ease-in-out infinite}.balloon.unlocked:after{color:#139666}.balloon.claimed{filter:none;opacity:.78;background:linear-gradient(145deg,#6b9eff,#315fcb);transform:scale(.92)}.balloon.claimed:after{color:#315fcb}.balloon .req{font-size:21px;font-weight:950;line-height:1}.balloon .tiny{font-size:8px;font-weight:800;margin-top:2px;opacity:.9}.balloon-reward{font-size:9px;font-weight:900;color:#41658e;margin-top:10px;white-space:nowrap}.balloon-progress{font-size:8px;color:#8798ad;margin-top:2px;line-height:1.2}.balloon.bursting{animation:balloonBurst .45s ease forwards!important}.withdraw-box{display:grid;gap:10px}.withdraw-box .field{margin:0}.inline-note{font-size:10px;color:#788ca7;line-height:1.45}.pill-info{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef5ff;color:#3d679c;font-size:10px;font-weight:850}.toast-mini{position:fixed;z-index:80;left:50%;bottom:92px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#0e2d58;color:#fff;padding:12px 15px;border-radius:13px;width:min(88%,440px);text-align:center;font-size:12px;transition:.2s}.toast-mini.show{opacity:1;transform:translate(-50%,0)}
@keyframes balloonFloat{50%{transform:translateY(-4px) rotate(1deg)}}@keyframes balloonBurst{0%{transform:scale(1);opacity:1}55%{transform:scale(1.35);opacity:.95}100%{transform:scale(.15);opacity:0}}
@media(max-width:520px){.balloon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 5px}.balloon{width:58px!important;min-width:58px!important;height:70px!important}.balloon .req{font-size:19px}.balloon-reward{white-space:normal;line-height:1.15}.balloon-progress{max-width:72px}}

@media(max-width:699px){.shell{width:100%;max-width:100%;box-shadow:none}.content{width:100%;max-width:100%;overflow-x:hidden}.card,.auth-banner-card,.auth-banner,.auth-banner img{max-width:100%}}

/* V4 - contencao definitiva dos banners de acesso no mobile */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.shell,.content,.card,.auth-banner-card{min-width:0}
.auth-banner-card{display:block;width:100%!important;max-width:100%!important;padding:10px!important;overflow:hidden!important}
.auth-banner-card>.auth-banner-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important;border-radius:14px!important}
@media(max-width:699px){
  .shell{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important}
  .content{width:100%!important;max-width:100%!important;padding:16px!important;overflow-x:hidden!important}
  .card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .auth-banner-card{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .auth-banner-card>.auth-banner-image{width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important}
}