:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0a1020;color:#eaf0fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0%,#17294b 0,transparent 40%),#0a1020}.shell{max-width:1440px;margin:auto;padding:0 28px 60px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27344a}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#3988ff;color:#fff;font-size:22px;font-weight:900}.brand strong{display:block;font-size:18px;letter-spacing:-.04em}.brand small{display:block;color:#7e94b7;font-size:10px;letter-spacing:.18em;font-weight:700}.quiet{border:1px solid #3b4b63;background:#17243a;color:#dce8fb;border-radius:9px;padding:9px 17px;cursor:pointer}.login-card{width:min(100%,410px);margin:11vh auto 0;padding:32px;border:1px solid #293b57;border-radius:20px;background:#111d32;box-shadow:0 24px 70px #0005}.eyebrow{color:#62a4ff;font-size:11px;font-weight:800;letter-spacing:.15em}.login-card h1,.intro h1{margin:12px 0 8px;font-size:clamp(26px,3vw,39px);letter-spacing:-.045em}.login-card p,.intro p{color:#9cadc7;line-height:1.5;margin:0 0 28px}.login-card form{display:grid;gap:9px}.login-card label,.toolbar label{font-size:12px;color:#a9bad3;font-weight:700}.login-card input,.toolbar select{width:100%;height:43px;margin-bottom:10px;border:1px solid #344762;border-radius:9px;background:#0b1629;color:#fff;padding:0 13px;font:inherit;outline:none}.login-card input:focus,.toolbar select:focus{border-color:#5196ff}.primary{margin-top:8px;background:#3887ff;border:0;color:#fff;border-radius:9px;height:45px;font:inherit;font-weight:700;cursor:pointer}.primary span{margin-left:7px}.error{color:#ff9ea5!important;margin:15px 0 0!important}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 0 28px}.intro p{margin:0}.connection{border-radius:100px;border:1px solid #345077;background:#14263d;color:#a7c7f6;padding:8px 13px;font-size:12px;white-space:nowrap}.connection.ok{color:#78e3bc;border-color:#286758}.toolbar{display:flex;align-items:end;gap:16px;padding:19px;background:#111d32;border:1px solid #273b56;border-radius:15px}.toolbar label{display:block;min-width:200px}.toolbar select{margin:8px 0 0;cursor:pointer}.toolbar-meta{display:flex;gap:22px;margin-left:auto;padding-bottom:13px;color:#90a6c5;font-size:12px}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:33px 0 16px}.results-heading h2{margin:0 0 5px;font-size:20px}.results-heading p{margin:0;color:#8398b6;font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#38d2a4;box-shadow:0 0 13px #38d2a4}.feedback{padding:24px;color:#9aacc6;text-align:center;border:1px dashed #33445c;border-radius:12px}.grid-scroll{overflow-x:auto;scrollbar-color:#415472 transparent}.rounds{display:grid;grid-template-rows:repeat(12,58px);grid-auto-flow:column;grid-auto-columns:94px;gap:8px;min-width:max-content;padding:2px 2px 16px}.round{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #31435d;border-radius:10px;background:#17253b;color:#f3f6fd;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.round small{font-size:10px;color:#b1c0d4;font-weight:500;margin-top:2px}.round.red{background:#612735;border-color:#b34760}.round.black{background:#242b38;border-color:#566176}.round.white{background:#e4eaf2;border-color:#fff;color:#17253a}.round.white small{color:#42536a}.round.green{background:#194e42;border-color:#3a9b7e}.round.blue{background:#1d4671;border-color:#518bc7}.round.purple{background:#43326e;border-color:#8062bb}.round.gold{background:#705326;border-color:#ad8749}.round:first-child:before{content:"NOVO";position:absolute;top:-7px;right:-6px;border-radius:4px;padding:1px 3px;background:#438bff;color:white;font-size:8px}@media(max-width:700px){.shell{padding:0 16px 36px}.topbar{height:70px}.intro{display:block;margin:32px 0 22px}.connection{display:inline-block;margin-top:16px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.toolbar label{min-width:0}.toolbar-meta{grid-column:1/-1;margin:0;padding:0;justify-content:space-between}.rounds{grid-auto-columns:82px;grid-template-rows:repeat(12,52px);gap:6px}.round{font-size:14px}.login-card{margin-top:8vh;padding:24px}}
.rounds{display:flex;flex-direction:column;gap:0;min-width:max-content;--slots:2;--minute-width:116px;padding:2px 2px 16px}
.minute-headers,.minute-row{display:grid;grid-template-columns:repeat(10,var(--minute-width));gap:8px}
.minute-header{text-align:center;border:1px solid #43516a;border-radius:6px;color:#eaf0fa;font-size:13px;font-weight:800;padding:3px 0}
.minute-row{margin-top:10px;padding-bottom:9px;border-bottom:1px solid #27344a}
.minute-group{display:grid;grid-template-columns:repeat(var(--slots),54px);gap:8px}
.round-slot{text-align:center;min-width:0}
.round-slot .round{width:54px;height:52px;font-size:15px}
.round-slot small{display:block;margin-top:5px;color:#93aed2;font-size:10px;font-variant-numeric:tabular-nums}
.round.empty{background:#17253b;border:1px dashed #3e506b;color:transparent}
.round:first-child:before{display:none}
[hidden]{display:none!important}
.grid-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rounds{display:grid;grid-template-columns:repeat(var(--columns),minmax(48px,1fr));grid-template-rows:none;grid-auto-rows:auto;grid-auto-flow:row;grid-auto-columns:auto;column-gap:6px;row-gap:4px;width:100%;min-width:max-content;--columns:20;--slots:2}
.minute-header{grid-column:span var(--slots)}
.round-slot .round{width:100%;height:50px;overflow:hidden;overflow-wrap:anywhere}
.round-slot small{white-space:nowrap;font-size:9px;margin-top:4px}
.row-divider{grid-column:1/-1;height:1px;background:#27344a;margin:8px 0}
.line-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px;color:#90a6c5;font-size:12px}
.scroll-hint{display:none;color:#90a6c5;font-size:11px;margin:4px 0 9px}
@media(max-width:700px){.rounds{grid-template-columns:repeat(var(--columns),minmax(46px,1fr));gap:4px}.round-slot .round{height:44px;font-size:12px}.round-slot small{font-size:9px}.line-actions{justify-content:space-between;gap:8px}.line-actions .quiet{padding:8px 10px}}
@media(max-width:1100px){.scroll-hint{display:block}}
.rounds.crash-layout{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%;padding-bottom:16px}
.crash-row{display:flex;align-items:flex-start;gap:10px;min-width:0;border-bottom:1px solid #27344a;padding:4px 0 10px}
.crash-period{flex:0 0 94px;padding:17px 4px 0;color:#a9bad3;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.crash-results{display:flex;gap:6px;min-width:0;flex:1;overflow-x:auto;scrollbar-color:#415472 transparent;padding-bottom:5px}
.crash-results .round-slot{flex:0 0 58px}
.crash-results .round{height:50px;font-size:12px}
.crash-no-results{padding:18px 0;color:#7e94b7;font-size:12px;white-space:nowrap}
@media(max-width:700px){.crash-row{gap:5px}.crash-period{flex-basis:82px;font-size:10px}.crash-results .round-slot{flex-basis:52px}.crash-results .round{height:44px;font-size:11px}}

/* Paleta da Central AutoBets; as cores das rodadas seguem cada jogo. */
:root{--bg:#06070b;--panel:#141722;--card:#12151e;--text:#f7f8fb;--muted:#9ca6b8;--line:#303440;--brand:#ff264b;--accent:#7c6cff;--success:#37d88a;background:var(--bg);color:var(--text)}
body{background:radial-gradient(circle at 12% -8%,rgba(255,38,75,.16),transparent 34rem),radial-gradient(circle at 88% 4%,rgba(124,108,255,.12),transparent 32rem),linear-gradient(180deg,#08090f 0%,#05060a 42%,#07080d 100%)}
.topbar{border-color:var(--line)}
.brand-mark,.primary{background:var(--brand)}
.eyebrow{color:var(--brand)}
.login-card,.toolbar{background:var(--panel);border-color:var(--line)}
.login-card p,.intro p,.login-card label,.toolbar label,.toolbar-meta,.results-heading p,.line-actions,.scroll-hint,.crash-period{color:var(--muted)}
.login-card input,.toolbar select{background:#0c0e14;border-color:#454957}
.login-card input:focus,.toolbar select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,38,75,.18)}
.quiet{background:#1e2230;border-color:#454957;color:var(--text)}
.connection{background:#21141c;border-color:#69404d;color:#ffbdc9}
.connection.ok{background:#10251c;border-color:#28664a;color:var(--success)}
.live-dot{background:var(--success);box-shadow:0 0 13px var(--success)}
.feedback{border-color:var(--line);color:var(--muted)}
.minute-header{border-color:#454957;color:var(--text)}
.row-divider,.crash-row{border-color:var(--line)}
.row-divider{background:var(--line)}
.round{background:#242733;border-color:#525765;color:var(--text)}
.round.red{background:#ba2443;border-color:#fb4d6d;color:#fff}
.round.black{background:#20222a;border-color:#626672;color:#fff}
.round.white{background:#f1f3f7;border-color:#fff;color:#171a22}
.round.gray{background:#555b67;border-color:#8b929e;color:#fff}
.round.green{background:#16834d;border-color:#38cc80;color:#fff}
.round.blue{background:#225db0;border-color:#63a0f5;color:#fff}
.round.purple{background:#6541a7;border-color:#ad89ef;color:#fff}
.round.gold{background:#b5821f;border-color:#f4c65d;color:#19130a}
.round.empty{background:#151820;border-color:#454957}
.round-slot small{color:#aeb8c8}
.count-summary{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.opening-note{color:#8993a4;font-size:11px;font-weight:400}
.brand-mascot{display:block;width:38px;height:50px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.brand-logo{display:block;width:150px;height:auto;filter:drop-shadow(0 4px 10px rgba(255,38,75,.12))}
.brand small{margin-top:2px}
.install-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;min-height:48px;padding:9px 16px;background:linear-gradient(90deg,#a30d2f,#e21746,#a30d2f);color:#fff;text-align:center;font-size:13px;font-weight:700}
.install-actions{display:flex;align-items:center;gap:8px}
.install-actions button{min-height:30px;padding:5px 10px;border:1px solid #fff9;border-radius:7px;background:#fff;color:#6d0b24;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.install-actions #install-help{background:transparent;color:#fff}
.install-actions button:focus-visible,.install-dialog button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.install-dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid #454957;border-radius:16px;background:#141722;color:var(--text);box-shadow:0 24px 70px #0009}
.install-dialog::backdrop{background:#000a}
.install-dialog h2{margin:0 0 12px;font-size:20px}
.install-dialog p{color:var(--muted);line-height:1.5}
.install-dialog .primary{width:100%;margin-top:12px}
@media(max-width:700px){.install-banner{gap:6px;padding:9px 12px;font-size:12px}}
.patterns-panel{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.patterns-panel h2{margin:0 0 8px;font-size:20px}.patterns-panel h3{margin:22px 0 10px;font-size:15px}
.patterns-panel p{color:var(--muted);font-size:12px;line-height:1.4;margin:5px 0 12px}
.pattern-form{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.pattern-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}
.pattern-form input:not([type=checkbox]){width:100%;height:38px;padding:0 10px;border:1px solid #454957;border-radius:9px;background:#0c0e14;color:var(--text);font:inherit}
.pattern-form .primary{height:38px;margin:0;padding:0 14px}
.pattern-help,.pattern-status{margin:8px 0 0}.pattern-status{color:var(--success)!important;min-height:18px}
.pattern-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.pattern-item strong{display:block;font-size:13px}.pattern-item small{display:block;color:var(--muted);font-size:11px;line-height:1.4}
.pattern-item .quiet{align-self:center}.pattern-list{color:var(--muted);font-size:13px}
.pattern-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pattern-item-details{min-width:0;flex:1}.pattern-item-details>strong{color:var(--text);margin-bottom:7px}
.saved-pattern-composition{display:flex;align-items:end;flex-wrap:wrap;gap:7px 16px}.saved-pattern-group{min-width:0}.saved-pattern-group small{margin-bottom:5px}
.saved-pattern-flow{display:flex;flex-wrap:wrap;gap:6px 12px}.saved-token{pointer-events:none!important;min-width:30px!important;height:30px!important;padding:2px!important}.saved-token>span{flex-basis:22px!important;min-width:22px!important;height:22px!important;font-size:10px!important}.saved-token.token-number{min-width:48px!important}
.saved-token+.saved-token::before{left:-10px}.pattern-item-stats{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px;color:var(--muted);font-size:11px}
.pattern-item-stats span{padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800}.pattern-stat-win{background:#123b2b;color:#6fe3a5}.pattern-stat-loss{background:#451c28;color:#ff94a5}
.pattern-creator{margin-top:12px;border:1px solid #353947;border-radius:10px;background:#0d1018}.pattern-creator>summary{display:flex;align-items:center;gap:10px;padding:10px 13px;color:var(--text);font-size:13px;font-weight:800;cursor:pointer;list-style:none}.pattern-creator>summary::-webkit-details-marker{display:none}.pattern-creator>summary::before{content:"+";display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:var(--brand);color:#fff}.pattern-creator[open]>summary::before{content:"−"}.pattern-creator>summary span{color:var(--muted);font-size:11px;font-weight:400}.pattern-creator[open]{padding:0 12px 12px}.pattern-creator[open]>summary{margin:0 -12px}
.round-slot.pattern-match .round{outline:2px solid #ffdf78;outline-offset:1px}.round-slot.pattern-ending .round{box-shadow:0 0 0 3px rgba(255,38,75,.55)}
.round-slot.pattern-entry .round{outline:2px solid #76c5ff;outline-offset:1px}
.round-slot.pattern-win .round{box-shadow:0 0 0 3px #37d88a}.round-slot.pattern-loss .round{box-shadow:0 0 0 3px #ff667c}
.pattern-badge{position:absolute;right:2px;top:2px;padding:1px 3px;border-radius:3px;background:#07090d;color:#fff;font-size:7px;line-height:1.2}
@media(max-width:700px){.patterns-panel{padding:14px}.pattern-item{align-items:flex-start;flex-wrap:wrap}.pattern-item-actions{margin-left:auto}}
.pattern-form .pattern-name-label{max-width:440px}
.pattern-flow{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(250px,.75fr);gap:7px;align-items:stretch}
.pattern-zone{min-width:0;padding:10px;border:1px solid #303440;border-radius:10px;background:#0c0e14}.pattern-zone.entry-zone{background:linear-gradient(145deg,rgba(255,38,75,.06),#0c0e14)}
.pattern-zone-title{display:flex;align-items:center;gap:7px;margin-bottom:7px}.pattern-zone-title>span{display:grid;place-items:center;flex:0 0 21px;height:21px;border-radius:50%;background:var(--brand);color:#fff;font-size:10px;font-weight:800}
.pattern-zone-title strong,.pattern-zone-title small{display:block}.pattern-zone-title strong{color:#fff;font-size:13px}.pattern-zone-title small{color:var(--muted);font-size:11px}
.pattern-flow-arrow{display:grid;place-items:center;color:var(--brand);font-size:20px;font-weight:800}
.pattern-token-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px 13px;min-height:48px;padding:7px;border:1px dashed #424653;border-radius:10px;background:#080a0f}
.pattern-token-list.is-empty{align-items:center;justify-content:center;color:#81899a;font-size:12px;text-align:center}
.pattern-palette{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.pattern-token,.palette-token{display:inline-flex;align-items:center;gap:7px;border:1px solid #464b57;border-radius:9px;background:#1c202b;color:#fff;cursor:pointer;font:inherit}
.pattern-token{position:relative;justify-content:center;min-width:39px;height:39px;padding:4px}.pattern-token b{position:absolute;top:-7px;right:-6px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#454957;color:#fff;font-size:10px}
.pattern-token+.pattern-token::before{content:"→";position:absolute;left:-13px;color:#9299a8;font-size:11px;pointer-events:none}
.palette-token{min-height:34px;padding:3px 6px}.palette-token small{font-size:10px;font-weight:700;line-height:1.15}
.pattern-token>span,.palette-token>span{display:grid;place-items:center;flex:0 0 27px;min-width:27px;height:27px;padding:0 3px;border:2px solid currentColor;border-radius:50%;background:#202431;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
.palette-token:hover,.pattern-token:hover,.palette-number:hover{border-color:#fafafa;transform:translateY(-1px)}
.token-black>span,.token-black.palette-number{background:#0b0c10;color:#fff;border-color:#767b86}.token-red>span,.token-red.palette-number{background:#dc2145;color:#fff;border-color:#ff718b}.token-white>span,.token-white.palette-number{background:#f3f5f8;color:#171a22;border-color:#d9dde5}
.token-green>span,.token-green.palette-number{background:#31b569;color:#fff;border-color:#70eaa1}.token-blue>span{background:#266ac3;color:#fff;border-color:#75aaff}.token-gray>span{background:#737b87;color:#fff;border-color:#a3acb8}
.token-purple>span{background:#7950b9;color:#fff;border-color:#c9a2f6}.token-gold>span{background:#ddaa39;color:#211806;border-color:#ffd779}.token-any>span{background:linear-gradient(145deg,#6739aa,#281342);color:#ffe783;border-color:#b591e8}
.token-mixed>span{background:conic-gradient(#cf2143 0 50%,#f1f3f7 50%);border-color:#ffb3c0}.token-mixed[data-game="fortune_double"]>span{background:conic-gradient(#6e49af 0 33%,#d72949 33% 66%,#dca63a 66%)}
.token-mixed[data-token="C"]>span{background:conic-gradient(#111217 0 50%,#d72949 50%)}.token-mixed[data-token="C"][data-game="fortune_double"]>span{background:conic-gradient(#6e49af 0 50%,#d72949 50%)}
.token-number>span,.token-number.palette-number{background:#29344c;color:#fff;border-color:#7991bc}
.pattern-token.token-number{min-width:58px;padding:4px 9px}.pattern-token.token-number>span{width:auto;min-width:33px;padding:0 6px;border-radius:999px}
.pattern-number-picker details{margin-top:8px;padding:7px;border:1px solid #363b49;border-radius:8px}.pattern-number-picker summary{color:#dce4f4;font-size:12px;font-weight:700;cursor:pointer}
.pattern-number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:7px;max-height:210px;overflow-y:auto;margin-top:11px}.palette-number{height:37px;border:1px solid #526071;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.pattern-numeric-builder,.pattern-target-builder{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:13px}.pattern-numeric-builder label,.pattern-target-builder label{min-width:110px;flex:1 1 115px}
.pattern-numeric-builder select,.pattern-numeric-builder input,.pattern-target-builder input{width:100%;height:39px;padding:0 9px;border:1px solid #454957;border-radius:8px;background:#171a24;color:#fff;font:inherit}
.pattern-numeric-builder .quiet,.pattern-target-builder .quiet{min-height:39px}.pattern-form>.check-label{min-height:25px}.pattern-form>.primary{justify-self:start;min-width:180px;padding:0 20px}
@media(max-width:850px){.pattern-flow{grid-template-columns:1fr}.pattern-flow-arrow{transform:rotate(90deg);height:18px}.pattern-zone{padding:10px}}
