:root{
  --navy:#0d213e;--navy-2:#15365f;--paper:#fffdfa;--line:#e8e1d8;--muted:#7a7d85;
  --red:#ff4538;--red2:#f52620;--yellow:#ffb51b;--teal:#0eb598;--blue:#1472cc;--purple:#8e43d8;
  --shadow:0 8px 24px rgba(42,35,26,.07);--radius:16px;
}
*{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:#0c1d38;background:#f7f3ed}.button,button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:215px 1fr}.sidebar{background:linear-gradient(180deg,#0b1e39 0%,#102d52 100%);color:#fff;padding:20px 13px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:#0c1d38;text-decoration:none;font-size:28px}.brand strong{font-weight:900;letter-spacing:-1px}.brand--side{color:#fff;display:none;margin:2px 10px 20px}.brand-ball{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff8173 0 20%,#ff493d 45%,#e9271d 100%);color:white;border:4px solid #ffd0b4;box-shadow:0 4px 12px rgba(255,69,56,.2);font-weight:1000;transform:rotate(-7deg)}.side-nav{display:grid;gap:8px;margin-top:84px}.nav-item{border:0;background:transparent;color:#e9f1ff;border-radius:12px;padding:16px 14px;display:flex;align-items:center;gap:14px;text-align:left;font-size:16px}.nav-item span{font-size:23px;width:32px;text-align:center}.nav-item.is-active{background:linear-gradient(90deg,#24466f,#183458);box-shadow:inset 5px 0 0 #ff5144}.side-illustration{font-size:85px;text-align:center;margin:auto 0 28px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.game-status{border:1px solid rgba(255,255,255,.22);border-radius:13px;padding:20px 15px;background:rgba(4,20,40,.16)}.game-status__head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:17px}.game-status__head strong{color:#54d46a;font-size:12px}.game-status__head i{width:8px;height:8px;border-radius:50%;background:#54d46a;display:inline-block}.game-status b{display:block;font-size:13px;margin-bottom:10px}.game-status em{font-style:normal;color:#ffc52d;font-weight:800}.main{min-width:0}.topbar{height:82px;background:rgba(255,253,250,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.top-actions{display:flex;gap:12px}.ghost-btn{background:#fffdfb;border:1px solid #e7dfd6;border-radius:12px;padding:12px 16px;color:#0d1e39;box-shadow:0 2px 8px rgba(0,0,0,.02)}.content{padding:20px 24px 28px}.dashboard-grid{display:grid;grid-template-columns:335px minmax(360px,1fr) 445px;gap:18px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.settings-card{padding:18px 16px}.panel h2,.current-card h2{font-size:19px;margin:0 0 16px;letter-spacing:-.3px}.settings-card label{display:block;font-size:14px;margin:14px 0 8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented button{padding:12px;border:1px solid #e4dbd2;border-radius:11px;background:#fff;color:#0d1d37}.segmented .is-selected{border-color:transparent;background:linear-gradient(180deg,#ff594c,#ff382d);color:#fff;font-weight:800;box-shadow:0 7px 15px rgba(255,69,56,.2)}.voice-row{width:100%;border:1px solid #e7dfd8;border-radius:11px;background:#fff;display:grid;grid-template-columns:48px 1fr auto;align-items:center;text-align:left;overflow:hidden;padding:0}.voice-icon{height:52px;background:linear-gradient(180deg,#1cc6b4,#0faeab);display:grid;place-items:center;font-size:24px;color:#fff}.voice-row b,.voice-row small{display:block}.voice-row b{font-size:13px}.voice-row small{color:#6a6e77;margin-top:2px}.equalizer{color:#00a8a1;font-weight:900;padding:0 14px}.speed-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.speed-line input{accent-color:#12afa7;width:100%}.speed-name{text-align:center;color:#5d626b;font-size:12px;margin:3px 0 14px}.primary-btn,.secondary-btn,.bingo-btn,.history-btn{border-radius:12px;padding:13px 16px;font-weight:800}.primary-btn{width:100%;border:0;background:linear-gradient(180deg,#ff5144,#ff2e25);color:#fff;box-shadow:0 7px 16px rgba(255,69,56,.2)}.secondary-btn{width:100%;border:1px solid #d8dee8;background:#fff;color:#18345d;margin-top:8px}.bingo-btn{width:100%;margin-top:8px;background:linear-gradient(180deg,#182e54,#0d213f);color:#fff;border:0}.bingo-btn:disabled{opacity:.5;cursor:not-allowed}.current-card{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:405px}.current-card h2{font-size:22px}.sparkles{position:absolute;top:15px;color:#f8b927;font-size:28px;letter-spacing:18px}.big-ball{width:285px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(150deg,#ff665c,#f8241d);border:10px double rgba(255,255,255,.85);box-shadow:0 18px 18px rgba(219,63,45,.16),inset 0 -18px 28px rgba(183,18,12,.22);position:relative}.big-ball:after{content:"";position:absolute;bottom:-28px;width:72%;height:22px;background:radial-gradient(ellipse,rgba(181,99,35,.2),transparent 68%);z-index:-1}.big-ball span{font-size:66px;font-weight:900;line-height:.9}.big-ball strong{font-size:110px;line-height:.95;letter-spacing:-5px}.big-ball.is-empty{filter:saturate(.35);opacity:.75}.current-card p{font-size:13px;color:#777;margin:22px 0 0}.history-card{padding:16px 16px 14px}.history-card h2{margin-bottom:10px}.history-list{min-height:290px}.history-row{display:grid;grid-template-columns:repeat(5,1fr) 66px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eee7df}.mini-ball{width:47px;height:47px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:900;line-height:1}.mini-ball small{font-size:12px}.mini-ball strong{font-size:16px}.c-B{background:linear-gradient(#ff5144,#f72820)}.c-I{background:linear-gradient(#ffc13a,#f5a500)}.c-N{background:linear-gradient(#1fc5a8,#09a98d)}.c-G{background:linear-gradient(#2b88df,#1269ba)}.c-O{background:linear-gradient(#9d52e2,#7b32c6)}.history-time{text-align:right;color:#696c72;font-size:11px}.empty-state{height:240px;display:grid;place-items:center;text-align:center;color:#8b8d92}.history-btn{margin-top:10px;width:100%;background:white;border:1px solid #184f9d;color:#173769}.board{margin-top:16px;padding:8px 12px 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.board-col{border:1px solid #eee7df;border-radius:9px;overflow:hidden}.board-head{height:34px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:900}.board-head.c-B{background:linear-gradient(90deg,#ff4336,#ff5b48)}.board-head.c-I{background:linear-gradient(90deg,#f9ad12,#ffc233)}.board-head.c-N{background:linear-gradient(90deg,#0aad8d,#16b89d)}.board-head.c-G{background:linear-gradient(90deg,#126ac2,#2787df)}.board-head.c-O{background:linear-gradient(90deg,#7a38be,#a24edc)}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:6px 8px}.num{height:30px;display:grid;place-items:center;font-weight:700;border-bottom:1px solid #f3eee9}.num.drawn{width:38px;height:38px;border-radius:50%;justify-self:center;align-self:center;color:white;border-bottom:0;box-shadow:0 3px 8px rgba(0,0,0,.12)}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.feature-card{background:#fff;border:1.5px solid currentColor;border-radius:14px;display:grid;grid-template-columns:78px 1fr 36px;align-items:center;padding:12px;color:#0a907f}.feature-card--blue{color:#1268ba}.feature-card--pink{color:#f34f83}.feature-card--orange{color:#f38f00}.feature-icon{font-size:44px;text-align:center}.feature-card h3{margin:0 0 5px;font-size:19px}.feature-card p{margin:0;color:#1b2e4d;line-height:1.5;font-size:14px}.feature-card button{border:1px solid currentColor;border-radius:50%;background:#fff;color:inherit;width:30px;height:30px;font-size:24px;line-height:24px}.ad-placeholder{height:75px;margin-top:18px;border:2px dashed #d1d5db;border-radius:12px;display:grid;place-items:center;color:#a7abb2;font-size:18px;font-weight:800;background:#fbfbfb}.modal{border:0;background:transparent;padding:18px;max-width:none;width:100%;height:100%}.modal::backdrop{background:rgba(5,15,31,.64);backdrop-filter:blur(6px)}.modal[open]{display:grid;place-items:center}.modal-card{position:relative;width:min(540px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-card--wide{width:min(860px,100%)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:#f3f4f6;border-radius:50%;width:36px;height:36px;font-size:22px}.setup-logo{display:flex;align-items:center;gap:10px;font-size:25px}.setup-logo .brand-ball{width:44px;height:44px}.modal-card h1{margin:22px 0 8px;font-size:32px}.modal-card>p{color:#6e727a;margin:0 0 22px}.modal-card fieldset{border:0;padding:0;margin:20px 0}.modal-card legend{font-weight:800;margin-bottom:10px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-picker label{cursor:pointer}.mode-picker input{display:none}.mode-picker span{display:block;border:2px solid #e5e7eb;border-radius:14px;padding:15px}.mode-picker b,.mode-picker small{display:block}.mode-picker small{margin-top:5px;color:#777}.mode-picker input:checked+span{border-color:#ff463a;background:#fff5f3}.modal select{width:100%;border:1px solid #dcdfe5;border-radius:12px;padding:13px;background:white}.check-row{display:flex;gap:9px;align-items:center;margin-bottom:18px}.setup-start{font-size:16px}.full-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:55vh;overflow:auto;margin:18px 0}.history-chip{border:1px solid #e6e7eb;border-radius:12px;padding:10px;text-align:center}.history-chip .mini-ball{margin:auto}.history-chip small{display:block;margin-top:6px;color:#777}.modal-actions{display:flex;gap:10px}.modal-actions>*{margin:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:#0c1f3a;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:1200px){.dashboard-grid{grid-template-columns:320px 1fr}.history-card{grid-column:1/-1}.history-list{min-height:0}.history-row{grid-template-columns:repeat(5,1fr) 70px}.feature-row{grid-template-columns:1fr 1fr}.sidebar{display:none}.app-shell{grid-template-columns:1fr}}
@media (max-width:760px){.topbar{height:70px;padding:0 14px}.brand{font-size:22px}.brand-ball{width:43px;height:43px}.top-actions .ghost-btn span{display:none}.ghost-btn{padding:10px}.content{padding:12px}.dashboard-grid{grid-template-columns:1fr}.settings-card{order:2}.current-card{order:1;min-height:335px}.history-card{order:3}.big-ball{width:220px}.big-ball span{font-size:48px}.big-ball strong{font-size:85px}.board{overflow-x:auto;grid-template-columns:repeat(5,minmax(170px,1fr))}.feature-row{grid-template-columns:1fr}.feature-card{grid-template-columns:64px 1fr 34px}.mode-picker{grid-template-columns:1fr}.modal-card{padding:22px 18px}.history-row{grid-template-columns:repeat(5,1fr);gap:4px}.history-time{grid-column:1/-1;text-align:left}.mini-ball{width:42px;height:42px}.modal-actions{flex-direction:column}}

/* Interações extras */
.nav-item{width:100%;border:0;cursor:pointer}.nav-item:focus-visible,.feature-card:focus-visible{outline:3px solid rgba(255,196,45,.65);outline-offset:2px}.feature-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(17,32,55,.08)}
.cards-toolbar{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:end;margin:18px 0}.cards-toolbar label,.field-label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800}.cards-toolbar input,.field-label input{border:1px solid #dcdfe5;border-radius:10px;padding:11px 12px;font:inherit}.cards-toolbar .check-row{flex-direction:row;align-items:center;padding-bottom:11px}.cards-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;max-height:55vh;overflow:auto;padding:2px}.bingo-card{border:2px solid #172d4f;border-radius:14px;padding:12px;background:#fff;break-inside:avoid}.bingo-card__title{text-align:center;font-weight:900;font-size:18px;margin-bottom:8px}.bingo-card__head{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:3px}.bingo-card__head span{color:#fff;border-radius:5px;padding:5px;text-align:center;font-weight:900}.bingo-card__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.bingo-card__cell{aspect-ratio:1;display:grid;place-items:center;border:1px solid #d9dee8;border-radius:5px;font-weight:800;font-size:16px}.bingo-card__cell.free{font-size:10px;background:#f4f5f7;color:#6d7280}.bingo90{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.bingo90 .bingo-card__cell{aspect-ratio:auto;min-height:39px}.bingo90 .blank{background:#f0f2f5;color:transparent}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.stat-card{border:1px solid #e6e7eb;border-radius:15px;padding:18px;background:#fafbfc}.stat-card b{display:block;font-size:30px;color:#102747}.stat-card span{font-size:12px;color:#6d7280}.stat-card--wide{grid-column:1/-1}.stat-bar{height:11px;border-radius:99px;background:#e8ebef;overflow:hidden;margin-top:10px}.stat-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff5144,#ffb82e);border-radius:inherit}.theme-emoji{font-size:60px;text-align:center}.screen-dialog{border:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;background:#081a32;color:#fff}.screen-dialog::backdrop{background:#081a32}.screen-dialog[open]{display:block}.screen-stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;position:relative;background:radial-gradient(circle at 50% 45%,#193f6d 0,#0b2444 42%,#06162c 100%)}.screen-close{position:absolute;right:25px;top:20px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:28px}.screen-brand{position:absolute;left:28px;top:24px;font-size:28px;font-weight:900}.screen-caption{font-weight:900;letter-spacing:.18em;opacity:.75}.screen-ball{width:min(50vw,480px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#ff665c,#f8241d);border:12px double rgba(255,255,255,.9);box-shadow:0 25px 55px rgba(0,0,0,.35)}.screen-ball span{font-size:105px;font-weight:900;line-height:.9}.screen-ball strong{font-size:180px;line-height:.95}.screen-last{display:flex;gap:10px;min-height:55px}.screen-last .mini-ball{width:54px;height:54px}.screen-bingo{border:0;border-radius:16px;padding:18px 40px;background:#fff;color:#d52b22;font-size:22px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.25)}
@media(max-width:760px){.cards-toolbar{grid-template-columns:1fr}.cards-preview{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.screen-ball{width:min(78vw,430px)}.screen-ball span{font-size:70px}.screen-ball strong{font-size:125px}}

/* Vozes personalizadas */
.voice-help{display:block;margin-top:8px;color:#747982;line-height:1.45;font-size:12px}.voice-help code{background:#f3f4f6;border-radius:5px;padding:2px 5px;color:#24334a}.print-area{display:none}

/* Impressão: 4 cartelas por folha A4, sempre 2 × 2, sem quebrar cartela no meio. */
@media print{
  @page{size:A4 portrait;margin:7mm}
  html,body{width:210mm!important;min-height:297mm!important;margin:0!important;padding:0!important;background:#fff!important}
  body>*:not(#printArea){display:none!important}
  #printArea{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .print-page{
    width:196mm!important;
    height:283mm!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:5mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    break-after:page!important;
    page-break-after:always!important;
  }
  .print-page:last-child{break-after:auto!important;page-break-after:auto!important}
  .print-page .bingo-card{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:4mm!important;
    border:1.2pt solid #172d4f!important;
    border-radius:3mm!important;
    box-shadow:none!important;
    overflow:hidden!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .print-page .bingo-card__title{font-size:14pt!important;margin:0 0 2.5mm!important;line-height:1.15!important}
  .print-page .bingo-card__head{gap:1mm!important;margin-bottom:1mm!important}
  .print-page .bingo-card__head span{padding:1.5mm 0!important;border-radius:1.2mm!important;font-size:13pt!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
  .print-page .bingo-card__grid{gap:1mm!important}
  .print-page .bingo-card__cell{font-size:13pt!important;border-radius:1.2mm!important;min-width:0!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
  .print-page .bingo-card__cell.free{font-size:7.5pt!important}
  .print-page .bingo90{gap:1mm!important}
  .print-page .bingo-card--90{justify-content:center!important}
  .print-page .bingo-card--90 .bingo-card__cell{aspect-ratio:auto!important;height:15mm!important;min-height:0!important;font-size:10pt!important}
  .print-page .blank{background:#f0f2f5!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
}