:root{--bg:#06101b;--panel:#0b1a2a;--panel2:#102a40;--line:#1b3f5f;--line2:#275a80;--gold:#efbd42;--cyan:#3bdcff;--text:#f4f7fb;--muted:#91a8bc;--good:#54df91;--danger:#ff6d6d;--shadow:0 22px 70px #0009}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -15%,#264960 0,#0e1d2c 38%,#050d16 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:var(--text);background:#112b40;border:1px solid #28577a;border-radius:11px;padding:10px 13px;transition:transform .15s ease,border-color .15s ease,background .15s ease}button:hover{border-color:var(--cyan);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.online-disabled{opacity:.62!important;cursor:not-allowed!important;border-color:#29465b!important;background:#0a1825!important;box-shadow:none!important;transform:none!important}.top-actions .online-disabled{font-size:11px}.smart-banner,.sidebar-smart-banner{cursor:pointer;-webkit-tap-highlight-color:transparent}.smart-banner:active,.sidebar-smart-banner:active{transform:scale(.995)}
.site-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 22px;background:#04101bed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand strong{font-size:25px;letter-spacing:2px}.brand i{color:var(--gold);font-style:normal}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.crown{font-size:38px;color:var(--gold);line-height:1}.header-center{display:flex;justify-content:center}.top-actions{display:flex;justify-content:flex-end;gap:8px}.engine-badge{font-size:12px;color:var(--good);padding:8px 12px;border:1px solid #24583d;background:#0a2117;border-radius:999px;white-space:nowrap}.ad-wrap{width:min(1500px,100%);margin:10px auto 0;padding:0 18px}.ad-label{font-size:9px;letter-spacing:2px;color:#7890a5;text-align:center;margin-bottom:4px}.smart-banner{width:100%;min-height:90px;height:90px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:10px 18px;border:1px solid #28678e;border-radius:12px;background:linear-gradient(105deg,#06131f 0%,#0b2940 48%,#092035 100%);box-shadow:inset 0 0 0 1px #ffffff08,0 8px 25px #0005;color:#fff;text-decoration:none;overflow:hidden;position:relative}.smart-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,#27cfff1c,transparent 38%);pointer-events:none}.smart-banner-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f24b38,#a20e08);font-size:30px;font-weight:900;color:#fff;box-shadow:0 8px 20px #0005}.smart-banner-copy{display:grid;gap:3px;min-width:0;position:relative}.smart-banner-copy strong{font-size:18px;letter-spacing:.2px}.smart-banner-copy small{font-size:12px;color:#a9bfd0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-banner-cta{position:relative;background:#ffcf39;color:#151515;font-weight:800;border-radius:9px;padding:11px 18px;white-space:nowrap}.smart-banner-meta{font-size:8px;color:#58778c;text-align:right;margin:3px 4px 0}.adsterra-slot{display:grid;place-items:center;overflow:hidden;border:1px solid #173754;border-radius:11px;background:#071522;contain:layout paint;max-width:100%}.sidebar-smart-banner{display:flex;min-height:250px;height:250px;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px;text-decoration:none;color:#fff;border:1px solid #28678e;border-radius:10px;background:linear-gradient(145deg,#071522,#102f46);text-align:center}.sidebar-smart-banner strong{font-size:22px}.sidebar-smart-banner span{background:#ffcf39;color:#151515;font-weight:800;border-radius:8px;padding:10px 20px}.sidebar-ad{padding:10px;min-height:275px;margin-bottom:14px}.sidebar-ad .ad-label{margin-top:1px}.site-header+ .ad-wrap+ main{margin-top:0}
.site-header+ .ad-wrap+ main{margin-top:0}.site-header+ .ad-wrap+ main,main{width:min(1500px,100%);margin-left:auto;margin-right:auto;padding:10px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.game-card{background:linear-gradient(180deg,#14293c,#0a1827);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.hud{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.status-block b{display:block;font-size:15px}.status-block span{color:var(--muted);font-size:12px}.clocks{display:flex;gap:8px;align-items:center}.clocks>div{display:grid;min-width:58px;text-align:center}.clocks small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.clocks strong{font-variant-numeric:tabular-nums;color:var(--gold);font-size:18px}.player-strip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line)}.player-card{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:11px;border:1px solid transparent;background:#091927}.player-card.active{border-color:#3a7092;background:#112a3c}.player-card>span{font-size:24px}.player-card b{display:block}.player-card small{color:var(--muted)}.vs{color:var(--gold);font-weight:900}.board-stage{padding:8px 10px;background:#07111c;display:flex;justify-content:center;overflow:hidden}.board-stage #scene{width:min(100%,900px);height:min(60vw,560px);aspect-ratio:auto;min-height:0;max-height:760px;margin:0 auto;position:relative;overflow:hidden;touch-action:none;background:radial-gradient(circle,#2a4659 0,#0a1724 78%);box-shadow:inset 0 0 0 1px #ffffff12;border-radius:8px}.board-stage #scene canvas{display:block;width:100%!important;height:100%!important}.controls{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line);flex-wrap:wrap}.controls button{flex:1;min-width:100px}.primary{background:linear-gradient(135deg,#f4ca51,#9a6214);color:#111;border:0;font-weight:800}.panel,.ad-card{background:#0a1a2a;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.panel h2{margin:0 0 11px;font-size:16px}.panel button{width:100%;margin-bottom:8px}.panel label{display:grid;gap:7px;color:var(--muted);font-size:13px}.panel select{background:#07131f;color:#fff;border:1px solid #28577a;padding:10px;border-radius:9px}.muted{color:var(--muted);font-size:12px;line-height:1.5;margin:8px 0 0}.analysis-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;padding:12px;border-top:1px solid var(--line)}.analysis-grid .panel{margin:0}.move-list{max-height:230px;overflow:auto;padding-right:4px}.move-list.empty{color:var(--muted);font-size:13px}.move-row{display:grid;grid-template-columns:40px 1fr 1fr;gap:8px;padding:7px 5px;border-bottom:1px solid #17314a;font-size:13px}.move-row .num{color:var(--muted)}.eval-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.eval-row strong{font-size:25px;color:var(--good)}.eval-row span{font-size:11px;color:var(--muted);text-align:right}.eval-bar{height:9px;background:#080d13;border-radius:99px;overflow:hidden;margin:13px 0;border:1px solid #1a2c3c}.eval-bar>div{height:100%;width:50%;background:linear-gradient(90deg,#111,#f0f0ea);transition:width .25s}.engine-info{display:grid;gap:5px;color:var(--muted);font-size:11px}.status-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #17314a;font-size:12px}.status-row:last-child{border-bottom:0}.status-row span{color:var(--muted)}.small-panel{margin-bottom:0}.rules-card{width:min(1100px,calc(100% - 36px));margin:0 auto 22px;padding:18px;border-radius:16px;background:#0a1725ec;border:1px solid rgba(255,255,255,.08)}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:13px}.section-heading span{color:var(--gold);font-size:9px;letter-spacing:2px}.section-heading h2{margin:3px 0 0;font-size:22px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rules-grid div{padding:12px;border-radius:11px;background:#0d2234}.rules-grid b{display:block;margin-bottom:5px}.rules-grid span{font-size:.84rem;color:#9eb1c1;line-height:1.35}footer{text-align:center;color:#60768b;font-size:11px;padding:16px 18px 22px}footer span{color:var(--gold)}footer a{color:#91b6cd;margin-left:10px}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;z-index:80;padding:20px}.hidden{display:none!important}.modal-box{position:relative;background:#0b1827;border:1px solid var(--gold);border-radius:16px;padding:26px;width:min(460px,94vw);text-align:center;box-shadow:0 30px 100px #000c}.close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:22px}.promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.promotion-grid button{font-size:18px}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto;height:70px}.header-center{display:none}.top-actions button:last-child{display:none}main,.site-header+ .ad-wrap+ main{grid-template-columns:1fr;padding:8px 10px 14px}.board-stage #scene{width:min(100%,760px);height:min(58vw,520px);max-height:520px}.sidebar-ad{max-width:430px;margin-left:auto;margin-right:auto}.rules-card{width:calc(100% - 20px)}.rules-grid{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}}
@media(max-width:620px){.site-header{height:62px;padding:0 10px}.brand{gap:7px}.brand strong{font-size:18px;letter-spacing:1.5px}.brand small{font-size:7px;letter-spacing:1.2px}.crown{font-size:28px}.top-actions button:first-child{padding:8px 10px;font-size:12px}.ad-wrap{padding:0 8px;margin-top:7px}.smart-banner{min-height:76px;height:76px;grid-template-columns:40px 1fr auto;gap:9px;padding:8px 10px;border-radius:10px}.smart-banner-mark{width:36px;height:36px;border-radius:9px;font-size:23px}.smart-banner-copy strong{font-size:13px}.smart-banner-copy small{font-size:9px}.smart-banner-cta{padding:8px 9px;font-size:10px;border-radius:7px}.smart-banner-meta{font-size:7px;margin-top:2px}.board-stage{padding:4px 2px}.board-stage #scene{width:100%;max-width:700px;height:calc(100vw - 26px);aspect-ratio:auto;max-height:620px;min-height:0;border-radius:5px}.hud{padding:9px;gap:8px}.status-block{min-width:0}.status-block b{font-size:13px;white-space:nowrap}.status-block span{font-size:10px;display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clocks{gap:4px}.clocks strong{font-size:15px}.clocks>div{min-width:50px}.player-strip{padding:8px 9px;gap:6px}.player-card{padding:7px 8px;min-width:0}.player-card>span{font-size:21px}.player-card b{font-size:12px;white-space:nowrap}.player-card small{font-size:10px}.vs{font-size:12px}.controls{padding:7px;gap:5px}.controls button{font-size:11px;min-width:0;padding:10px 4px}.analysis-grid{padding:8px;gap:8px}.move-list{max-height:180px}.rules-grid{grid-template-columns:1fr}.section-heading{align-items:start;display:grid}.section-heading h2{font-size:19px}.rules-card{padding:14px;width:calc(100% - 20px)}.sidebar-smart-banner{min-height:150px;height:150px}.sidebar-ad{min-height:175px}.panel{padding:12px}.panel h2{font-size:15px}}
@media(max-width:380px){.smart-banner{grid-template-columns:34px 1fr}.smart-banner-mark{width:32px;height:32px;font-size:20px}.smart-banner-cta{padding:7px 8px;font-size:9px}.smart-banner-copy small{display:none}.board-stage #scene{height:calc(100vw - 22px);max-height:430px}.controls button{font-size:10px;padding:9px 3px}.player-card b{font-size:11px}.player-card small{font-size:9px}}

@media(max-width:620px){
  .board-stage{padding:3px 2px 4px;}
  .board-stage #scene{overflow:visible;}
  .board-stage #scene canvas{width:100%!important;height:100%!important;}
}


/* V8.6.7 — proteção de layout para Social Bar externo e enquadramento móvel */
@media(max-width:620px){
  .board-stage #scene{
    height:calc(100vw - 18px);
    max-height:560px;
    min-height:300px;
  }
  .board-stage{overflow:hidden;}
}
@media(max-width:380px){
  .board-stage #scene{height:calc(100vw - 16px);max-height:390px;min-height:280px;}
}


/* V8.6.8 — Desktop + Mobile Pro */
#app{padding-bottom:76px;}
@media(min-width:981px){
  main,.site-header+ .ad-wrap+ main{grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding-left:14px;padding-right:14px;}
  .board-stage{padding:4px 6px;}
  .board-stage #scene{width:min(100%,980px);height:min(60vw,610px);max-height:610px;}
  .controls{padding:9px;gap:7px;}
}
@media(min-width:1200px){
  main,.site-header+ .ad-wrap+ main{grid-template-columns:minmax(0,1fr) 300px;gap:16px;}
  .board-stage #scene{width:min(100%,1020px);height:610px;}
}
@media(max-width:980px){
  #app{padding-bottom:78px;}
  .board-stage #scene{width:min(100%,820px);height:min(62vw,560px);max-height:560px;}
}
@media(max-width:620px){
  #app{padding-bottom:82px;}
  .board-stage{padding:3px 0 4px;}
  .board-stage #scene{width:100%;height:calc(100vw - 12px);max-width:none;max-height:600px;min-height:300px;border-radius:4px;}
}
@media(max-width:380px){
  .board-stage #scene{height:calc(100vw - 10px);max-height:380px;min-height:280px;}
}


/* V8.6.9 — Final Responsive + Social Safe Area */
.footer-main{font-size:12px;color:#a9bfd0;font-weight:700;margin-bottom:6px}.footer-tech{font-size:10px}.footer-links{display:flex;justify-content:center;gap:14px;margin-top:8px;flex-wrap:wrap}.footer-links a{margin-left:0}
/* Reserva visual para o Social Bar externo: o anúncio continua sendo controlado pela Adsterra. */
#app{padding-bottom:128px}.rules-card{margin-bottom:26px}footer{padding-bottom:24px}
@media(min-width:981px){
  main,.site-header+ .ad-wrap+ main{grid-template-columns:minmax(0,1fr) 292px;gap:14px;padding-left:12px;padding-right:12px}
  .board-stage{padding:2px 4px}
  .board-stage #scene{width:min(100%,1080px);height:min(62vw,660px);max-height:660px}
  .analysis-grid{padding:10px;gap:10px}
  aside .small-panel{margin-bottom:130px}
}
@media(min-width:1200px){
  main,.site-header+ .ad-wrap+ main{grid-template-columns:minmax(0,1fr) 292px;gap:14px}
  .board-stage #scene{width:min(100%,1100px);height:650px}
}
@media(max-width:980px){#app{padding-bottom:122px}.board-stage #scene{width:min(100%,820px);height:min(64vw,570px);max-height:570px}}
@media(max-width:620px){
  #app{padding-bottom:112px}
  .board-stage{padding:2px 0 4px}
  .board-stage #scene{width:100%;height:calc(100vw - 8px);max-width:none;max-height:600px;min-height:300px}
  .controls{position:relative;z-index:2}
  .analysis-grid{padding-bottom:8px}
  footer{padding:14px 12px 18px}
}
@media(max-width:380px){#app{padding-bottom:105px}.board-stage #scene{height:calc(100vw - 6px);max-height:380px;min-height:280px}}