/* blocks1 — botões e ícones em rosa, combinando com o fundo Toy Blocks */:root{--tb-pink:#ff4eb8;--tb-pink-2:#e63aa8;--tb-pink-hot:#ff7ad9;--tb-pink-deep:#c42aff}.btn-accent,.panel-cta,.sheet-cta,.lp-btn-primary,.ref-copy-btn,.tutorial-win-cta.btn,.tutorial-intro-actions .btn-accent{color:#fff !important;background:linear-gradient(135deg, #ff7ad9 0%, #ff4eb8 42%, #c84bff 100%) !important;box-shadow:0 10px 28px rgba(255, 78, 184, 0.45) !important}.panel-cta:not(:disabled){animation:tb-cta-pulse 1.6s ease-in-out infinite}@keyframes tb-cta-pulse{0%,100%{box-shadow:0 10px 28px rgba(255, 78, 184, 0.45),0 0 0 0 rgba(255, 122, 217, 0.4)}50%{box-shadow:0 10px 28px rgba(255, 78, 184, 0.45),0 0 0 10px rgba(255, 122, 217, 0)}}@keyframes tutorial-win-cta-pulse{0%,100%{transform:scale(1);box-shadow:0 8px 22px rgba(255, 78, 184, 0.35)}50%{transform:scale(1.015);box-shadow:0 8px 26px rgba(255, 78, 184, 0.48),0 0 12px rgba(255, 122, 217, 0.28)}}.lp-btn-primary{box-shadow:0 8px 28px rgba(255, 78, 184, 0.45) !important}.btn-primary{background:linear-gradient(135deg, #e14dff, #9b4dff) !important;box-shadow:0 8px 24px rgba(200, 75, 255, 0.4) !important}.nav-item{color:#ffb3e8 !important}.nav-item:hover{color:#fff !important}.nav-item svg{color:#ff6ec7;stroke:#ff6ec7}.nav-item.center span{color:#ff7ad9 !important}.nav-item.center .nav-circle{background:radial-gradient(circle at 35% 30%, #5a1848, #2a0a28) !important}.nav-item.center .nav-circle::before{background:conic-gradient(
    from var(--card-spin),
    transparent 0deg 220deg,
    rgba(255, 122, 217, 0.28) 260deg,
    #ff7ad9 300deg,
    #ff4eb8 330deg,
    #e14dff 350deg,
    transparent 360deg
  ) !important}.nav-item.center .nav-circle .logo-mark{filter:hue-rotate(265deg) saturate(1.35) brightness(1.08)}.entry-chip.active{background:linear-gradient(135deg, #ffd0f0, #ff7ad9) !important;border-color:transparent !important;color:#4a1038 !important}.quick-value.active,.quick-value.active:hover{border-color:#ff4eb8 !important;box-shadow:0 0 0 1px rgba(255, 78, 184, 0.35)}.bottom-nav{background:rgba(42, 8, 48, 0.78) !important;border-top-color:rgba(255, 122, 217, 0.18) !important}/* Banners 3:1, full-bleed. NÃO usar width:100% no wrapper — o margin negativo
   precisa de width:auto para encostar nas bordas do sheet/modal. */.panel-banner,.sheet-hero,.bb-profile-hero,.tutorial-intro-banner,.win-banner,.chance-banner,.replay-picker-banner{height:auto !important;max-height:none !important;aspect-ratio:3/1 !important;line-height:0;overflow:hidden}.panel-banner img,.sheet-hero img,.bb-profile-hero img,.tutorial-intro-banner img,.win-banner img,.chance-banner img,.replay-picker-banner img,.lp-howto-visual img{width:100% !important;height:100% !important;max-height:none !important;min-height:0 !important;object-fit:contain !important;object-position:center;display:block}.lp-howto-visual,.lp-howto-visual--board{aspect-ratio:3/1}/* Mini tabuleiro do passo 3 — não herda width:100% do hero-board (ficava cortado/vazio) */.lp-howto-visual--board{display:flex !important;align-items:center;justify-content:center;padding:8px !important}.lp-howto-visual--board .hero-board{width:72px !important;height:72px !important;max-width:72px !important;max-height:72px !important;aspect-ratio:1/1 !important;margin:0 !important;padding:5px !important;gap:2px !important;border-radius:10px !important;background-color:transparent !important;background-image:url("/images/board/boardn.png") !important;background-position:center !important;background-repeat:no-repeat !important;background-size:100% 100% !important;border:none !important;box-shadow:none !important}.lp-howto-visual--board .hero-cell{min-width:0;min-height:0;border-radius:18% !important;background:transparent}.lp-howto-visual--board .hero-cell.on{border:none !important;box-shadow:none !important}.tutorial-intro-badge{background:rgba(255, 78, 184, 0.14) !important;border-color:rgba(255, 122, 217, 0.4) !important;color:#ffb3e8 !important}/* Barra e botão de baixar o app */.install-bar{background:rgba(42, 8, 56, 0.94) !important;border-bottom-color:rgba(255, 122, 217, 0.22) !important}.install-bar-cta{background:linear-gradient(135deg, #ff7ad9, #ff4eb8) !important;color:#fff !important;box-shadow:0 4px 14px rgba(255, 78, 184, 0.4) !important;animation:tb-install-pulse 1.8s ease-in-out infinite !important}@keyframes tb-install-pulse{0%,100%{box-shadow:0 4px 14px rgba(255, 78, 184, 0.4),0 0 0 0 rgba(255, 122, 217, 0.5)}50%{box-shadow:0 4px 14px rgba(255, 78, 184, 0.4),0 0 0 8px rgba(255, 122, 217, 0)}}.install-bar-icon{border-radius:12px !important;background:#2a0858 !important}/* Toasts de jogador depositou / sacou */.live-toast{background:rgba(36, 8, 48, 0.94) !important;border:1px solid rgba(255, 122, 217, 0.28) !important;box-shadow:0 12px 32px rgba(80, 0, 60, 0.45) !important}.live-toast-icon.withdraw{background:rgba(255, 78, 184, 0.16) !important;color:#ff7ad9 !important;border-color:rgba(255, 122, 217, 0.45) !important}.live-toast-icon.deposit{background:rgba(200, 75, 255, 0.16) !important;color:#e14dff !important;border-color:rgba(200, 75, 255, 0.45) !important}.live-toast-icon.win{background:rgba(255, 210, 74, 0.16) !important;color:#ffd24a !important;border-color:rgba(255, 210, 74, 0.4) !important}.live-toast-amount{color:#ff7ad9 !important}.live-toast-name{color:#fff}/* ── Aba / sheet Perfil ─────────────────────────────────────────── */.sheet.bb-profile-sheet,.sheet:has(.bb-profile-hero){position:relative;background:radial-gradient(900px 220px at 80% -20%, rgba(255, 122, 217, 0.22), transparent 55%),radial-gradient(700px 200px at 0% 10%, rgba(91, 33, 182, 0.45), transparent 50%),linear-gradient(180deg, #24103f 0%, #14081f 38%, #0e0716 100%) !important;border-color:rgba(255, 122, 217, 0.28) !important;padding-top:0 !important}.sheet.bb-profile-sheet > .sheet-header,.sheet:has(.bb-profile-hero) > .sheet-header{position:absolute;top:10px;left:0;right:0;z-index:3;margin:0;padding:0 12px;pointer-events:none}.sheet.bb-profile-sheet > .sheet-header h2,.sheet:has(.bb-profile-hero) > .sheet-header h2{display:none}.sheet.bb-profile-sheet > .sheet-header .sheet-close,.sheet:has(.bb-profile-hero) > .sheet-header .sheet-close{pointer-events:auto;margin-left:auto;width:36px;height:36px;background:rgba(18, 6, 28, 0.55) !important;border:1px solid rgba(255, 255, 255, 0.28);box-shadow:0 6px 18px rgba(0, 0, 0, 0.35)}.bb-profile-hero{margin:0 -20px 16px !important;border-radius:26px 26px 18px 18px !important;overflow:hidden;box-shadow:0 12px 28px rgba(40, 0, 50, 0.4)}.bb-profile-hero img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center;display:block}/* Telas baixas: encolhe padding — NÃO reduz altura do banner (isso esticava na horizontal) */@media (max-height: 810px){.panel-page{padding:10px 14px 96px !important}.panel-card{padding:12px !important}.panel-banner{margin:-12px -12px 10px !important}.sheet-hero,.bb-profile-hero{margin-bottom:10px !important}}@media (max-height: 700px){.panel-page{padding:8px 12px 90px !important}.panel-banner img,.sheet-hero img,.bb-profile-hero img,.win-banner img,.chance-banner img,.tutorial-intro-banner img,.replay-picker-banner img{max-height:none !important;object-fit:contain !important}.panel-cta{padding:12px !important}.reward-box{padding:10px !important;margin-bottom:10px !important}.panel-game-head{margin-bottom:12px !important}}.sheet.bb-profile-sheet .sheet-section,.sheet:has(.bb-profile-hero) .sheet-section{background:linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)) !important;border:1px solid rgba(255, 122, 217, 0.18) !important;box-shadow:0 8px 22px rgba(20, 0, 30, 0.18);backdrop-filter:blur(10px)}.sheet.bb-profile-sheet .profile-user,.sheet:has(.bb-profile-hero) .profile-user{background:linear-gradient(135deg, rgba(255, 122, 217, 0.22), rgba(91, 33, 182, 0.28) 55%, rgba(255, 210, 74, 0.08)) !important;border-color:rgba(255, 210, 74, 0.28) !important}.sheet.bb-profile-sheet .winner-avatar,.sheet:has(.bb-profile-hero) .winner-avatar{width:58px;height:58px;font-size:1.35rem;color:#fff !important;background:linear-gradient(145deg, #ffd24a, #ff7ad9 55%, #c84bff) !important;box-shadow:0 0 0 3px #1a0a28,0 0 0 5px rgba(255, 210, 74, 0.85),0 8px 18px rgba(255, 78, 184, 0.4)}.sheet.bb-profile-sheet .profile-user-name,.sheet:has(.bb-profile-hero) .profile-user-name{font-size:1.12rem;letter-spacing:0.01em}.sheet.bb-profile-sheet .profile-user-phone,.sheet:has(.bb-profile-hero) .profile-user-phone{color:#ffd6f0 !important}.sheet.bb-profile-sheet .profile-ref-copy,.sheet:has(.bb-profile-hero) .profile-ref-copy{color:#fff !important;background:linear-gradient(135deg, #ff7ad9, #c84bff) !important;border:none !important;box-shadow:0 4px 14px rgba(255, 78, 184, 0.35)}.sheet.bb-profile-sheet .profile-ref-link,.sheet:has(.bb-profile-hero) .profile-ref-link{color:#cbb8e8 !important}.sheet.bb-profile-sheet .quick-stats.profile-stats,.sheet:has(.bb-profile-hero) .quick-stats.profile-stats{gap:10px;margin-bottom:16px}.sheet.bb-profile-sheet .quick-stat,.sheet:has(.bb-profile-hero) .quick-stat{background:rgba(28, 10, 46, 0.7) !important;border:1px solid rgba(255, 122, 217, 0.2) !important;border-radius:16px !important;padding:14px 10px 12px !important}.sheet.bb-profile-sheet .quick-stat .v,.sheet:has(.bb-profile-hero) .quick-stat .v{color:#ffd24a;text-shadow:0 2px 10px rgba(255, 210, 74, 0.25)}.sheet.bb-profile-sheet .quick-stat .l,.sheet:has(.bb-profile-hero) .quick-stat .l{color:#e2b8d8 !important;letter-spacing:0.04em;text-transform:uppercase;font-weight:700}.sheet.bb-profile-sheet .profile-history-toggle,.sheet:has(.bb-profile-hero) .profile-history-toggle{color:#fff !important;background:rgba(255, 78, 184, 0.18) !important;border-color:rgba(255, 122, 217, 0.4) !important}.sheet.bb-profile-sheet .panel-label,.sheet:has(.bb-profile-hero) .panel-label{color:#ffb3e8 !important}.sheet.bb-profile-sheet .profile-support-link,.sheet:has(.bb-profile-hero) .profile-support-link{background:rgba(255, 78, 184, 0.1) !important;border-color:rgba(255, 122, 217, 0.28) !important}.sheet.bb-profile-sheet .profile-support-link:hover,.sheet:has(.bb-profile-hero) .profile-support-link:hover{background:rgba(255, 78, 184, 0.22) !important;border-color:rgba(255, 210, 74, 0.45) !important}.sheet.bb-profile-sheet .btn-danger,.sheet:has(.bb-profile-hero) .btn-danger{background:transparent !important;color:#ff8aa8 !important;border:1.5px solid rgba(255, 84, 112, 0.45);box-shadow:none !important;margin-top:4px;margin-bottom:8px}.sheet.bb-profile-sheet .btn-primary,.sheet:has(.bb-profile-hero) .btn-primary{background:linear-gradient(135deg, #ff7ad9, #c84bff) !important}/* ── Superfícies cinza → roxo Toy Blocks ───────────────────────── */:root{--bg:#140824;--bg-soft:#1e0c38;--surface:#261048;--surface-2:#32185c;--border:rgba(255, 122, 217, 0.22);--text-dim:#d4b8e8}.sheet,.sheet--center,.modal{background:radial-gradient(800px 180px at 90% -10%, rgba(255, 122, 217, 0.16), transparent 55%),linear-gradient(180deg, #2c1458 0%, #160828 55%, #11061c 100%) !important;border-color:rgba(255, 122, 217, 0.28) !important}.sheet-close,.sheet-close-overlay{background:rgba(18, 6, 28, 0.62) !important;border:1px solid rgba(255, 255, 255, 0.28)}.sheet-section,.quick-value,.money-input,.reward-box,.input-group input,.field input,.tx-item,.cupom-row input{background:rgba(28, 10, 46, 0.72) !important;border-color:rgba(255, 122, 217, 0.2) !important}.quick-value{color:#ffe9a8 !important}.quick-value.active,.quick-value.active:hover,.quick-value:hover{background:rgba(255, 78, 184, 0.16) !important;border-color:#ff4eb8 !important}.panel-label{color:#ffb3e8 !important}/* ── Tela de carregamento ─────────────────────────────────────── */.game-loading{background:radial-gradient(900px 420px at 50% 20%, rgba(255, 122, 217, 0.22), transparent 55%),#1a0840 url("/images/bg/game/bg9x16r.png") center/cover no-repeat !important;gap:18px !important}.tb-load-logo{width:min(78vw, 280px);height:auto;filter:drop-shadow(0 10px 28px rgba(200, 75, 255, 0.45));animation:tb-load-float 2.2s ease-in-out infinite}@keyframes tb-load-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-blocks{grid-template-columns:repeat(2, 52px) !important;grid-template-rows:repeat(2, 52px) !important;gap:10px !important}.loading-blocks span{border-radius:22% !important;background-color:transparent !important;background-position:center !important;background-repeat:no-repeat !important;background-size:contain !important;box-shadow:0 8px 18px rgba(0, 0, 0, 0.28) !important}.loading-blocks span:nth-child(1){background-image:url("/images/pieces/c1.png") !important}.loading-blocks span:nth-child(2){background-image:url("/images/pieces/c6.png") !important}.loading-blocks span:nth-child(3){background-image:url("/images/pieces/c3.png") !important}.loading-blocks span:nth-child(4){background-image:url("/images/pieces/m2.png") !important}.loading-text{color:#ffe9a8 !important;text-shadow:0 2px 12px rgba(80, 0, 60, 0.55) !important;letter-spacing:0.04em}/* ── Modal Parabéns ───────────────────────────────────────────── */.modal:has(.result-modal--win),.flush-banner-overlay .modal:has(.result-modal--win){padding:0 0 24px !important;overflow:hidden}.result-modal--win .win-trophy,.result-modal--win h2{display:none}.result-modal--win .win-banner{border-radius:18px 18px 0 0}.result-modal--win .win-note-top,.result-modal--win .result-value,.result-modal--win .win-note,.result-modal--win .win-actions{padding-left:22px;padding-right:22px}.result-modal--win .win-note-top{color:#ffd6f0 !important;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;font-size:0.78rem}.result-modal--win .win-note{color:#e2c8f2 !important}.win-confetti-piece{background:linear-gradient(180deg, #ffd24a, #ff7ad9) !important}/* ── Travou / derrota ─────────────────────────────────────────── */.board-locked-msg{color:#ffe9a8 !important;text-shadow:0 0 16px rgba(255, 122, 217, 0.7),0 2px 8px rgba(0, 0, 0, 0.55) !important;font-size:1.15rem !important}.result-modal--lose .lose-badge{color:transparent !important;background:url("/images/pieces/m2.png") center/62% no-repeat,radial-gradient(circle at 35% 28%, rgba(255, 210, 74, 0.35), rgba(255, 78, 184, 0.12)) !important;border-color:rgba(255, 210, 74, 0.5) !important;box-shadow:0 0 28px rgba(255, 122, 217, 0.35) !important}.result-modal--lose .lose-badge svg{opacity:0}.result-modal--lose h2{color:#fff;font-size:1.45rem !important}.result-value.lose{color:#ff7ad9 !important;text-shadow:0 2px 16px rgba(255, 78, 184, 0.45) !important}.result-modal--lose .result-note{color:#e2c8f2 !important}.modal:has(.result-modal--chance),.modal:has(.result-modal--lose),.modal:has(.result-modal--chance-active){background:radial-gradient(700px 160px at 50% 0%, rgba(255, 122, 217, 0.2), transparent 55%),linear-gradient(180deg, #2c1458, #140824) !important}/* ── Aba Indicar: verde → rosa ─────────────────────────────────── */.ref-banner b,.ref-level .tier,.ref-link-label,.ref-history-value{color:#ff7ad9 !important}.ref-card{background:linear-gradient(135deg, #ff7ad9 0%, #ff4eb8 48%, #c84bff 100%) !important;box-shadow:0 10px 28px rgba(255, 78, 184, 0.35)}.ref-card .cta{background:rgba(255, 255, 255, 0.22) !important;color:#fff !important}.ref-link-value{background:rgba(255, 78, 184, 0.08) !important;border-color:rgba(255, 122, 217, 0.35) !important}.ref-copy-btn{background:linear-gradient(135deg, #ff7ad9, #c84bff) !important;color:#fff !important;box-shadow:0 4px 14px rgba(255, 78, 184, 0.35) !important}.ref-history-nivel{color:#ffb3e8 !important;background:rgba(255, 78, 184, 0.14) !important;border-color:rgba(255, 122, 217, 0.4) !important}/* Identity asset only; the production layout and its breakpoints are retained. */.nav-item.center .nav-circle .logo-mark{background:url("/countmasters/front/logo.webp") center/contain no-repeat!important;width:42px!important;height:42px!important;display:block!important;box-shadow:none!important;border:0!important}.nav-item.center .nav-circle .logo-mark>span{display:none!important}