:root{--bg: #07111F;--surface: #0D1E30;--card: #112034;--border: #1E3450;--gold: #F2A614;--green: #1A7A3C;--green-bright: #25B056;--red: #C0392B;--text: #EAF0F7;--text-dim: #7A9AB5;--text-muted: #3E5A73;--white: #FFFFFF;--radius: 12px;--radius-sm: 8px;--bnav-h: 64px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}header{background:linear-gradient(135deg,#071525,#0d2040);border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 4px 24px #00000080}.header-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:16px;height:62px}.logo-area{display:flex;align-items:center;gap:10px}.header-logo{height:42px;width:auto;mix-blend-mode:screen;flex-shrink:0}.logo-mark{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:21px;color:var(--gold);white-space:nowrap;line-height:1.1}.logo-sub{font-size:10px;font-weight:500;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.db-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.db-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);transition:background .3s}.db-dot.ok{background:var(--green-bright)}.db-dot.err{background:var(--red)}.top-nav{display:flex;gap:2px;flex-wrap:wrap}.top-nav button{background:none;border:none;color:var(--text-dim);font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:6px 13px;border-radius:6px;cursor:pointer;transition:all .2s}.top-nav button:hover{color:var(--text);background:var(--border)}.top-nav button.active{color:var(--gold);background:#f2a6141a}main{max-width:1000px;margin:0 auto;padding:28px 20px 64px}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(135deg,#081a08,#071525 55%,#0f1e08);border:1px solid var(--border);border-radius:16px;padding:36px 40px 32px;margin-bottom:28px;position:relative;overflow:hidden}.hero:before{content:"🏆";position:absolute;right:36px;top:50%;transform:translateY(-50%);font-size:110px;opacity:.05;pointer-events:none}.hero-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--green-bright);margin-bottom:8px}.hero h1{font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,5vw,50px);font-weight:800;line-height:1;color:var(--white);margin-bottom:10px}.hero h1 span{color:var(--gold)}.hero p{color:var(--text-dim);font-size:14px;max-width:480px;line-height:1.6}.hero-stats{display:flex;gap:28px;margin-top:22px;flex-wrap:wrap}.hero-stat-val{font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:800;color:var(--gold);line-height:1}.hero-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.section-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;color:var(--text);letter-spacing:.5px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.jogos-grid{display:grid;gap:10px}.fase-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);padding:20px 4px 8px}.jogo-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.jogo-row.encerrado{border-left:3px solid var(--green)}.jogo-row.agendado{border-left:3px solid var(--text-muted)}.team-block{display:flex;flex-direction:column;align-items:center;gap:6px}.team-flag{font-size:36px;line-height:1}.team-name{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;text-align:center}.team-name.brasil{color:var(--gold)}.placar-center{text-align:center;min-width:110px}.placar-num{font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:800;color:var(--gold);letter-spacing:6px;line-height:1}.placar-num.pending{color:var(--text-muted);font-size:28px;letter-spacing:10px}.jogo-data{font-size:11px;color:var(--text-dim);text-align:center;margin-top:5px;line-height:1.5}.jogo-local{font-size:10px;color:var(--text-muted);text-align:center;margin-top:2px}.badge{display:inline-block;padding:3px 9px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:6px}.badge-green{background:#25b05626;color:var(--green-bright)}.badge-gold{background:#f2a61426;color:var(--gold)}.badge-dim{background:#ffffff0d;color:var(--text-muted)}.badge-live{background:#e74c3c33;color:#e74c3c;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.grupo-table{width:100%;border-collapse:collapse}.grupo-table th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600;padding:8px 10px;text-align:center;border-bottom:1px solid var(--border)}.grupo-table th:first-child{text-align:left}.grupo-table td{padding:10px;font-size:13px;text-align:center;border-bottom:1px solid rgba(30,52,80,.5)}.grupo-table td:first-child{text-align:left;font-weight:600}.grupo-table tr.brasil-row td{color:var(--gold)}.grupo-table tr:last-child td{border-bottom:none}.pts-cell{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;color:var(--gold)}.palpite-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}input,select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;outline:none;transition:border-color .2s;width:100%}input:focus,select:focus{border-color:var(--gold)}select option{background:var(--surface)}.palpite-placar{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.palpite-team{text-align:center}.palpite-team-flag{font-size:32px;margin-bottom:4px}.palpite-team-label{font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:10px}.score-stepper{display:flex;align-items:center;justify-content:center;gap:6px}.stepper-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:var(--card);color:var(--gold);font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stepper-btn:hover{border-color:var(--gold);background:#f2a6141f}.stepper-btn:active{transform:scale(.88);background:#f2a61433}.score-input{font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:800;text-align:center;padding:4px 2px;color:var(--gold);width:68px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);-moz-appearance:textfield;cursor:default}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vs-sep{text-align:center;font-family:Barlow Condensed,sans-serif;font-weight:700;color:var(--text-muted);font-size:18px}.btn{border:none;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--gold);color:#07111f}.btn-primary:hover{background:#f8bc30;transform:translateY(-1px);box-shadow:0 4px 16px #f2a6144d}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--text-dim);color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-bright)}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.palpite-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.palpite-user{font-weight:600;font-size:15px;flex:1;min-width:100px}.palpite-jogo{color:var(--text-dim);font-size:13px;flex:2;min-width:130px}.palpite-result-display{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;color:var(--gold);letter-spacing:4px}.palpite-pts{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;background:#25b05626;color:var(--green-bright)}.palpite-pts.errou{background:#c0392b1a;color:#e74c3c}.ranking-head{display:grid;grid-template-columns:40px 1fr 70px 70px 60px;gap:10px;padding:8px 18px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px}.ranking-head span{text-align:center}.ranking-row{display:grid;grid-template-columns:40px 1fr 70px 70px 60px;align-items:center;gap:10px;padding:13px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.ranking-pos{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:800;color:var(--text-muted);text-align:center}.ranking-pos.gold{color:var(--gold)}.ranking-pos.silver{color:#a8b8c8}.ranking-pos.bronze{color:#cd7f32}.ranking-name{font-weight:600}.ranking-dept{font-size:12px;color:var(--text-dim)}.ranking-col{text-align:center;font-size:13px}.adm-game-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:10px}.adm-game-info{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.adm-game-teams{font-weight:700;font-size:15px;flex:1}.adm-score-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adm-score-row input{width:70px;text-align:center;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;padding:6px;color:var(--gold)}.adm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.bolao-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px}.bolao-enc{border-left:3px solid var(--green)}.bolao-pend{border-left:3px solid var(--text-muted)}.bolao-card-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.bolao-teams{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;flex:1}.bolao-meta{font-size:11px;color:var(--text-muted);margin-bottom:10px}.bolao-resultado{font-size:13px;color:var(--text-dim);margin-bottom:10px}.bolao-resultado strong{font-family:Barlow Condensed;font-size:22px;font-weight:800;color:var(--gold);letter-spacing:4px}.bolao-stats{display:flex;gap:20px;margin-bottom:12px;flex-wrap:wrap}.bolao-stat{display:flex;flex-direction:column;gap:2px}.bolao-stat span{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:800;color:var(--text);line-height:1}.bolao-stat small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.bolao-stat-gold span{color:var(--gold)}.bolao-stat-green span{color:var(--green-bright)}.bolao-winners{background:#f2a61414;border:1px solid rgba(242,166,20,.25);border-radius:var(--radius-sm);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.bolao-winners-names{font-weight:600;font-size:14px}.bolao-winners-prize{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;color:var(--gold)}.bolao-no-winner{font-size:13px;color:var(--text-muted);font-style:italic;padding:4px 0}.bolao-pending-msg{font-size:13px;color:var(--text-dim);padding:4px 0}.painel-filter-bar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.painel-filter-bar input{flex:1;min-width:0}.painel-filter-btns{display:flex;gap:6px;flex-shrink:0}.painel-total{font-size:13px;color:var(--text-dim);margin-bottom:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.painel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px}.painel-card-info{flex:1;min-width:0}.painel-card-nome{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.painel-card-meta{font-size:12px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.painel-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.painel-card-score{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;color:var(--gold);letter-spacing:3px;line-height:1}.winner-banner{background:linear-gradient(135deg,#0a2010,#071525);border:2px solid var(--gold);border-radius:16px;padding:32px;text-align:center;margin-top:20px}.winner-banner-icon{font-size:72px;display:block;margin-bottom:12px}.winner-name{font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:2px}#toast{position:fixed;bottom:24px;right:24px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:13px 18px;border-radius:var(--radius);font-size:14px;font-weight:500;box-shadow:0 8px 32px #00000080;z-index:9999;transform:translate(130%);transition:transform .3s ease;max-width:300px}#toast.show{transform:translate(0)}#toast.success{border-color:var(--green-bright);color:var(--green-bright)}#toast.error{border-color:#e74c3c;color:#e74c3c}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;align-items:center;justify-content:center;padding:24px}.modal-overlay.open{display:flex}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;max-width:420px;width:100%;box-shadow:0 24px 64px #000000b3}.modal h2{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;margin-bottom:8px}.modal p{color:var(--text-dim);font-size:14px;margin-bottom:20px;line-height:1.6}.modal-actions{display:flex;gap:10px}.loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px;padding:24px 0}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.confetti-piece{position:fixed;width:10px;height:10px;pointer-events:none;z-index:9998;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.info-box{background:#f2a61412;border:1px solid rgba(242,166,20,.2);border-radius:var(--radius-sm);padding:13px 15px;font-size:13px;color:var(--text-dim);line-height:1.6}.info-box strong{color:var(--gold)}.pix-box{background:#25b0560f;border:1px dashed rgba(37,176,86,.4);border-radius:var(--radius-sm);padding:16px;text-align:center}.pix-box-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px}.pix-box-key{font-size:14px;font-weight:700;color:var(--green-bright);margin-bottom:10px;letter-spacing:.3px;word-break:break-all}.pix-copy-btn{font-size:12px!important;padding:6px 14px!important}.pix-box-hint{font-size:11px;color:var(--text-muted);margin-top:8px}.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.tab-btn{padding:7px 15px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-dim);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--gold);color:#07111f;border-color:var(--gold);font-weight:700}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:14px}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:8px;margin-left:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.hamburger-btn span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--surface);border-right:1px solid var(--border);z-index:301;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s ease;padding-bottom:env(safe-area-inset-bottom,0px)}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:62px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:6px 8px;border-radius:6px;line-height:1;transition:color .15s}.drawer-close:hover{color:var(--text)}.drawer-nav{display:flex;flex-direction:column;padding:10px 0;flex:1;overflow-y:auto}.drawer-item{display:flex;align-items:center;gap:14px;padding:15px 22px;background:none;border:none;color:var(--text-dim);font-family:Inter,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.drawer-item:hover{background:var(--card);color:var(--text)}.drawer-item.active{color:var(--green-bright);background:#25b05614}.drawer-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.drawer-label{font-size:15px}@media (max-width: 600px){.hamburger-btn{display:flex}.top-nav{display:none}.header-logo{height:34px}.logo-mark{font-size:16px}.logo-sub,.db-status{display:none}main{padding:16px 14px 32px}.hero{padding:20px 18px 18px}.hero:before{display:none}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.hero-stat-val{font-size:26px}.jogo-row{padding:12px 14px;gap:10px}.team-flag{font-size:26px}.team-name{font-size:13px}.placar-num{font-size:32px;letter-spacing:4px}.placar-num.pending{font-size:22px}.placar-center{min-width:80px}.palpitar-card{padding:16px}.form-grid{grid-template-columns:1fr}.palpite-placar{padding:14px 10px;gap:6px;grid-template-columns:1fr 30px 1fr}.palpite-team-flag{font-size:28px}.palpite-team-label{font-size:11px}.stepper-btn{width:40px;height:40px;font-size:22px}.score-input{font-size:38px;width:58px;padding:4px 2px}.score-stepper{gap:4px}.vs-sep{font-size:14px}.palpite-card{padding:12px 14px;gap:8px}.palpite-result-display{font-size:22px}.ranking-row{grid-template-columns:32px 1fr 52px 60px}.ranking-row .ranking-col:last-child{display:none}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;max-width:100%;width:100%;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .btn{width:100%;padding:14px}#toast{bottom:16px;right:14px;left:14px;max-width:none;text-align:center;transform:translateY(200%)}#toast.show{transform:translateY(0)}.bolao-card{padding:14px}.bolao-teams{font-size:15px}.section-title{font-size:17px}}@media (max-width: 380px){.stepper-btn{width:36px;height:36px;font-size:20px}.score-input{font-size:34px;width:52px}}