:root{--bg:#07090c;--panel:#0e1116;--panel2:#11151b;--line:#202630;--muted:#707b8c;--text:#f4f6f8;--yellow:#f3c72f;--green:#54e58b}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(180deg,#080a0d,#090c10 55%,#07090c);min-height:100vh}.topbar{height:58px;border-bottom:1px solid var(--line);background:#080a0ded;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1540px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brandbolt{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--yellow);color:#090a0c;font-weight:1000;font-size:20px;box-shadow:0 0 24px #f3c72f20}.brand b{font-size:13px;letter-spacing:.13em}.brand small{display:block;margin-top:2px;color:#626b78;font-size:7px;letter-spacing:.2em}.status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.13em;color:#75808e}.status b{color:#9ca6b3}.status #clock{font-variant-numeric:tabular-nums;color:#e6e9ed;margin-left:7px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.shell{max-width:1540px;margin:auto;padding:16px 18px 48px}.command{min-height:62px;border:1px solid var(--line);background:linear-gradient(90deg,#10141a,#0d1015);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;margin-bottom:10px;box-shadow:inset 0 1px #ffffff05}.command-title{display:flex;align-items:center;gap:11px}.tag{display:inline-flex;align-items:center;height:23px;padding:0 9px;border-radius:5px;background:#f3c72f12;border:1px solid #f3c72f38;color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:.13em}.command-title b{font-size:11px;letter-spacing:.08em}.command-title small{display:block;color:#657080;font-size:8px;margin-top:2px}.sync{text-align:right}.sync span{display:block;color:#596372;font-size:7px;letter-spacing:.12em}.sync b{font-size:10px;font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:1fr 1fr 1.45fr 1fr;gap:8px;margin-bottom:10px}.metric{height:128px;border:1px solid var(--line);background:linear-gradient(145deg,#12161c,#0d1015);border-radius:12px;padding:14px;display:flex;gap:12px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#f3c72f30,transparent)}.metric-icon{width:28px;height:28px;border:1px solid #29313c;border-radius:7px;display:grid;place-items:center;color:#8c98a8;font-size:12px;flex:none}.metric-body{min-width:0}.metric-body.grow{width:100%}.metric label{display:block;color:#788392;font-size:8px;font-weight:800;letter-spacing:.14em;margin:2px 0 9px}.metric-number{display:block;font-size:34px;line-height:1;letter-spacing:-.04em}.metric small{color:#606b79;font-size:7px;letter-spacing:.07em}.subline{position:absolute;bottom:13px;color:#606a78;font-size:7px;letter-spacing:.08em}.subline b{color:#dce0e5;margin-left:4px}.lastline{display:flex;align-items:center;gap:10px}.lastline strong{font-size:27px;display:block;line-height:1}.lastline small{display:block;margin-top:5px;font-size:8px}.statrow{display:grid;grid-template-columns:repeat(3,1fr);height:66px;border:1px solid #1d232c;border-radius:8px;overflow:hidden}.statrow>div{padding:10px;border-right:1px solid #1d232c}.statrow>div:last-child{border:0}.statrow span{font-size:7px;color:#727d8b;letter-spacing:.1em;margin-left:4px}.statrow b{display:block;font-size:21px;margin-top:5px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.yellow{background:var(--yellow);box-shadow:0 0 8px #f3c72f55}.dot.black{background:#222933;border:1px solid #667080}.dot.white{background:#f4f5f2;box-shadow:0 0 8px #fff5}.terminal{border:1px solid var(--line);border-radius:13px;background:#0b0e12;overflow:hidden}.terminal-head{height:68px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0f1318}.terminal-head h1{font-size:13px;letter-spacing:.08em;margin:6px 0 0}.legend{display:flex;gap:15px;color:#707b89;font-size:7px;letter-spacing:.08em}.grid-wrap{overflow-x:auto}.grid{min-width:1080px;padding:12px;display:grid;gap:8px}.decade{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:7px;background:#090b0f;border:1px solid #171c23;border-radius:9px}.minute{min-width:0;border-right:1px solid #171d25;padding:2px 5px 6px}.minute:last-child{border-right:0}.minute-head{text-align:center;border-bottom:1px solid #1b212a;padding-bottom:6px;margin-bottom:7px}.minute-head b{font-size:11px;color:#dce1e8}.minute-head span{display:block;color:#687484;font-size:7px;margin-top:2px}.minute-head span.hot{color:var(--yellow)}.minute-stones{display:grid;grid-template-columns:repeat(2,44px);justify-content:center;gap:5px;min-height:44px}.stone{border-radius:50%;display:grid;place-items:center;font-weight:900;flex:none}.stone.hero{width:48px;height:48px;font-size:15px}.minute .stone{width:44px;height:44px;font-size:14px;position:relative}.stone.yellow{background:linear-gradient(145deg,#f6d55b,#e6b91f);color:#08090b;border:2px solid #ffdf68;box-shadow:inset 0 -4px 10px #9c760c35}.stone.black{background:linear-gradient(145deg,#252b34,#111419);color:#fff;border:2px solid #5a6573;box-shadow:inset 0 0 0 2px #0c0f13}.stone.white{background:#f4f4ef;color:#090b0d;border:2px solid #fff;box-shadow:0 0 13px #ffffff16}.stone.neutral{background:#171c23;color:#5e6875}.stone-time{position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%);font-size:6px;color:#697483;font-weight:700;white-space:nowrap}.empty{width:44px;height:44px;border-radius:50%;border:1px dashed #202630;background:#0c0f13}.loading{text-align:center;padding:70px;color:#5d6876;font-size:9px;letter-spacing:.18em}footer{text-align:center;color:#424b57;padding:20px;font-size:7px;letter-spacing:.18em}footer b{color:var(--yellow)}
@media(max-width:850px){.topbar{height:54px;padding:0 12px}.shell{padding:10px 8px 35px}.command{min-height:55px}.sync{display:none}.metrics{grid-template-columns:1fr 1fr;gap:6px}.metric{height:116px;padding:11px;gap:8px}.metric.stats{grid-column:1/-1;height:102px}.metric-icon{width:25px;height:25px}.metric-number{font-size:29px}.statrow{height:55px}.statrow>div{padding:7px}.statrow b{font-size:18px}.terminal-head{height:60px;padding:9px 11px}.legend{display:none}.grid{padding:7px;min-width:900px;gap:6px}.decade{gap:3px;padding:5px}.minute{padding:2px 3px 5px}.minute-stones{grid-template-columns:repeat(2,36px);gap:3px}.minute .stone,.empty{width:36px;height:36px;font-size:12px}.minute-head{padding-bottom:5px;margin-bottom:6px}.minute-head b{font-size:10px}.minute-head span{font-size:6px}.grid-wrap{scrollbar-width:thin;scrollbar-color:#2b323d #0a0d11}.brand b{font-size:12px}.brand small{display:none}}
@media(max-width:430px){.metric-icon{display:none}.metric{height:108px}.lastline strong{font-size:22px}.stone.hero{width:42px;height:42px}.statrow span{font-size:6px}.statrow b{font-size:17px}.command-title small{font-size:7px}}.hour-label{font-size:8px;letter-spacing:.14em;color:#596574;padding:3px 4px 0}.hour-label:before{content:"HORA ";color:#343c47}
/* V1.2 — catálogo deslizante: 10 linhas x 20 pedras */
.grid{min-width:1080px;padding:10px;display:flex;flex-direction:column;gap:7px}
.catalog-row{display:grid;grid-template-columns:76px 1fr;align-items:stretch;gap:7px}
.row-label{border:1px solid #171d25;border-radius:8px;background:#090c10;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7b8797;font-variant-numeric:tabular-nums}
.row-label b{font-size:9px;color:#d6dce4;letter-spacing:.04em}
.row-label span{font-size:6px;margin-top:3px;color:#4d5866}
.catalog-row .decade{padding:6px}
@media(max-width:850px){
 .grid{min-width:930px;padding:6px}
 .catalog-row{grid-template-columns:58px 1fr;gap:5px}
 .row-label b{font-size:8px}.row-label span{font-size:5px}
}

/* V1.3 — acabamento visual / Blitz bolt */
.brandbolt{position:relative}
.blitz-bolt{display:block;width:11px;height:17px;background:#0a0b0d;clip-path:polygon(53% 0,100% 0,68% 39%,93% 39%,30% 100%,43% 56%,12% 56%)}
.brandbolt .blitz-bolt{width:11px;height:17px}
.white-badge{width:21px;height:21px;border-radius:5px;background:linear-gradient(145deg,#ffd84f,#efbd20);display:grid;place-items:center;box-shadow:0 1px 3px #0003,inset 0 1px #fff5}
.white-badge .blitz-bolt{width:8px;height:13px}
.stone.white{display:grid;place-items:center}
.stone.hero.white .white-badge{width:24px;height:24px;border-radius:6px}
.stone.hero.white .white-badge .blitz-bolt{width:9px;height:14px}

/* Última pedra sem número duplicado */
.lastline{gap:13px}
.lastmeta{display:flex;flex-direction:column;gap:4px}
.lastmeta small{font-size:8px!important;color:#758191!important;letter-spacing:.12em}
.lastmeta b{font-size:13px;font-variant-numeric:tabular-nums;color:#eef2f6}

/* Legibilidade dos cards */
.metric label{font-size:9px;letter-spacing:.13em;color:#91a0b2}
.metric small{font-size:8px;color:#778494}
.metric-number{font-size:36px}
.subline{font-size:8px;color:#778494}
.subline b{font-size:9px}
.statrow span{font-size:8px;color:#8996a6}
.statrow b{font-size:23px}
.command-title b{font-size:12px}
.command-title small{font-size:9px;color:#758292}
.sync span{font-size:8px}.sync b{font-size:11px}
.minute-head span{font-size:7px}
.row-label b{font-size:10px}.row-label span{font-size:7px}
@media(max-width:850px){
 .metric label{font-size:8px}.metric small{font-size:7px}.metric-number{font-size:31px}
 .statrow span{font-size:7px}.statrow b{font-size:19px}
 .lastmeta small{font-size:7px!important}.lastmeta b{font-size:11px}
}

/* V1.4 — estatística única por coluna (*0s ... *9s) */
.column-stats{display:grid;grid-template-columns:76px 1fr;gap:7px;align-items:stretch}
.column-stats-label{border:1px solid #202630;border-radius:8px;background:#10141a;display:flex;flex-direction:column;justify-content:center;align-items:center}
.column-stats-label b{font-size:8px;color:#f3c72f;letter-spacing:.09em}
.column-stats-label span{font-size:6px;color:#667181;margin-top:2px;letter-spacing:.07em}
.column-stats-cols{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:6px;background:#10141a;border:1px solid #202630;border-radius:9px}
.column-stat{text-align:center;padding:5px 2px;border-right:1px solid #1c222b}
.column-stat:last-child{border-right:0}
.column-stat b{display:block;color:#7c8999;font-size:8px;letter-spacing:.08em}
.column-stat strong{display:block;color:#a9b3c0;font-size:10px;margin-top:2px}
.column-stat.hot strong{color:#f3c72f}
.minute-head{min-height:25px;display:flex;align-items:center;justify-content:center}
.minute-head span{display:none!important}
@media(max-width:850px){
 .column-stats{grid-template-columns:58px 1fr;gap:5px}
 .column-stat b{font-size:7px}.column-stat strong{font-size:9px}
}

/* V1.5 — legibilidade + identidade branca */
.column-stats-label b{color:#f5f7fa!important}
.column-stat strong,.column-stat.hot strong{color:#f5f7fa!important}
.metric label{font-size:10px!important;color:#a8b4c3!important}
.metric small{font-size:9px!important;color:#8e9aaa!important}
.lastmeta small{font-size:9px!important;color:#a0acba!important}
.subline{font-size:9px!important;color:#909cab!important}
.subline b{font-size:10px!important;color:#f1f4f7!important}
.statrow span{font-size:9px!important;color:#9ca8b7!important}
.command-title small{font-size:10px!important;color:#8c98a8!important}

/* Popup central de branco — 7 segundos */
.white-alert{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(3,5,8,0);backdrop-filter:blur(0);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.white-alert.show{opacity:1;visibility:visible;background:rgba(3,5,8,.72);backdrop-filter:blur(8px)}
.white-alert-card{width:min(520px,88vw);min-height:430px;border:1px solid #f3c72f66;border-radius:24px;background:radial-gradient(circle at 50% 35%,#25210e 0,#12151a 37%,#090c10 78%);box-shadow:0 0 0 1px #ffffff08,0 30px 100px #000,0 0 80px #f3c72f18;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:scale(.68) translateY(28px);opacity:0}
.white-alert.show .white-alert-card{animation:whiteAlertIn .65s cubic-bezier(.2,.9,.2,1) forwards,whitePulse 1.4s ease-in-out .7s infinite}
.white-alert-card:before,.white-alert-card:after{content:"";position:absolute;border:1px solid #f3c72f20;border-radius:50%;width:280px;height:280px;animation:ring 2s ease-out infinite}
.white-alert-card:after{animation-delay:1s}
.alert-kicker{font-size:10px;font-weight:800;letter-spacing:.22em;color:#8d98a7;margin-bottom:8px}
.alert-title{font-size:52px;line-height:1;font-weight:1000;letter-spacing:.04em;color:#fff;text-shadow:0 0 28px #fff2;margin-bottom:25px}
.alert-stone{width:116px!important;height:116px!important;z-index:2;box-shadow:0 0 0 7px #ffffff0b,0 0 50px #fff2!important}
.alert-stone .white-badge{width:48px!important;height:48px!important;border-radius:11px!important;box-shadow:0 5px 15px #0003,0 0 28px #f3c72f55!important}
.alert-stone .white-badge .blitz-bolt{width:18px!important;height:29px!important}
.alert-time-label{font-size:9px;letter-spacing:.22em;color:#8591a0;margin-top:25px}
.alert-time{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;margin-top:4px}
.alert-progress{position:absolute;left:0;bottom:0;height:4px;background:#f3c72f;width:100%;transform-origin:left}
.white-alert.show .alert-progress{animation:alertCountdown 7s linear forwards}
@keyframes whiteAlertIn{0%{transform:scale(.68) translateY(28px);opacity:0}65%{transform:scale(1.035) translateY(0);opacity:1}100%{transform:scale(1) translateY(0);opacity:1}}
@keyframes whitePulse{0%,100%{box-shadow:0 30px 100px #000,0 0 55px #f3c72f12}50%{box-shadow:0 30px 100px #000,0 0 95px #f3c72f32}}
@keyframes ring{0%{transform:scale(.35);opacity:.55}100%{transform:scale(1.5);opacity:0}}
@keyframes alertCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){
 .white-alert-card{width:88vw;min-height:390px;border-radius:20px}
 .alert-title{font-size:43px}.alert-stone{width:100px!important;height:100px!important}.alert-time{font-size:25px}
 .metric label{font-size:9px!important}.metric small{font-size:8px!important}.statrow span{font-size:8px!important}
}

/* V1.6 — sequências visuais, mantendo o gatilho V1.5 */
.alert-sequence{
  display:flex;align-items:center;justify-content:center;gap:14px;
  min-height:126px;z-index:2;position:relative;
}
.alert-subtitle{
  min-height:26px;margin-top:10px;text-align:center;
  color:#fff;font-size:22px;font-weight:950;letter-spacing:.07em;
}
.alert-sequence .alert-stone{flex:0 0 auto}

/* A/P = qualquer cor: metade amarela, metade preta */
.alert-stone.any-color{
  position:relative;overflow:hidden;
  background:linear-gradient(90deg,#f2c72e 0 50%,#080a0d 50% 100%)!important;
  border:4px solid #e7e9eb!important;
  box-shadow:0 0 0 7px #ffffff0b,0 0 45px #f3c72f1f!important;
}
.alert-stone.any-color:after{
  content:"A/P";position:absolute;inset:0;display:grid;place-items:center;
  color:#fff;font-size:14px;font-weight:1000;letter-spacing:.03em;
  text-shadow:0 2px 5px #000,0 0 3px #000;
}

/* Duplo */
.event-duplo .alert-sequence .alert-stone:first-child{
  animation:seqFromLeft .55s cubic-bezier(.2,.9,.2,1) both;
}
.event-duplo .alert-sequence .alert-stone:last-child{
  animation:seqFromRight .55s cubic-bezier(.2,.9,.2,1) both;
}

/* Espelhado: B - A/P - B */
.event-espelhado .alert-sequence .alert-stone,
.event-dentado .alert-sequence .alert-stone{
  width:94px!important;height:94px!important;
}
.event-espelhado .alert-sequence .white-badge,
.event-dentado .alert-sequence .white-badge{
  width:39px!important;height:39px!important;border-radius:9px!important;
}
.event-espelhado .alert-sequence .blitz-bolt,
.event-dentado .alert-sequence .blitz-bolt{
  width:15px!important;height:24px!important;
}
.event-espelhado .alert-sequence{animation:sequencePop .65s cubic-bezier(.2,.9,.2,1) both}

/* Dentado: B - A/P - A/P - B */
.event-dentado .alert-sequence{gap:9px;animation:sequencePop .65s cubic-bezier(.2,.9,.2,1) both}
.event-dentado .alert-sequence .alert-stone{width:82px!important;height:82px!important}

/* Triplo */
.event-triplo .alert-sequence{gap:10px}
.event-triplo .alert-sequence .alert-stone{width:94px!important;height:94px!important}
.event-triplo .alert-sequence .alert-stone:nth-child(2){transform:translateY(-10px)}

/* 4+ */
.event-forrada .alert-title{color:#f3c72f;font-size:55px;text-shadow:0 0 30px #f3c72f55}
.event-forrada .alert-sequence{gap:5px}
.event-forrada .alert-sequence .alert-stone{width:66px!important;height:66px!important}
.event-forrada .alert-sequence .white-badge{width:28px!important;height:28px!important;border-radius:7px!important}
.event-forrada .alert-sequence .blitz-bolt{width:11px!important;height:18px!important}
.event-forrada .alert-subtitle{font-size:19px}

@keyframes seqFromLeft{from{transform:translateX(55px) scale(.75);opacity:0}to{transform:none;opacity:1}}
@keyframes seqFromRight{from{transform:translateX(-55px) scale(.75);opacity:0}to{transform:none;opacity:1}}
@keyframes sequencePop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}

@media(max-width:600px){
 .alert-sequence{gap:8px;min-height:108px}
 .alert-subtitle{font-size:18px}
 .event-espelhado .alert-sequence .alert-stone{width:76px!important;height:76px!important}
 .event-dentado .alert-sequence .alert-stone{width:62px!important;height:62px!important}
 .event-triplo .alert-sequence .alert-stone{width:75px!important;height:75px!important}
 .event-forrada .alert-sequence .alert-stone{width:50px!important;height:50px!important}
 .event-forrada .alert-title{font-size:43px}
 .alert-stone.any-color:after{font-size:11px}
}