@font-face{
      font-family:"MenuMedieval";
      src:
        url("../Assets/Fonts/Menu.ttf") format("truetype"),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Fonts/Menu.ttf") format("truetype");
      font-display:swap;
    }
    @font-face{
      font-family:"MenuReadable";
      src:
        url("../Assets/Fonts/Letters.otf") format("opentype"),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Fonts/Letters.otf") format("opentype");
      font-display:swap;
    }
    :root{
      --bg:#dff0c9;
      --panel:rgba(5,14,9,.86);
      --panel-solid:#07140c;
      --panel-2:#0c2215;
      --accent:#35e884;
      --accent-2:#7cffb1;
      --danger:#ff4f68;
      --warn:#ffd166;
      --text:#eafff1;
      --muted:#96bda5;
      --line:rgba(155,255,191,.16);
      --blue:#5aa8ff;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      overflow:hidden;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:radial-gradient(circle at top,#f7ffe9 0%,#dff0c9 52%,#9bc581 100%);
      color:var(--text);
    }
    #game{
      position:fixed;
      inset:0;
    }
    body.menu-open #game{
      visibility:hidden;
    }

    /* v3.9.2CQ - hotfix: o canvas precisa ocupar a tela inteira; setSize(..., false) deixava 300x150 e revelava fundo branco. */
    #game canvas{display:block!important;position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;outline:none!important;background:transparent!important}
    body.quality-performance .selectedCard,
    body.quality-performance .cardPreview,
    body.quality-performance .slotCard,
    body.quality-auto .selectedCard{
      animation:none!important;
      filter:none!important;
    }
    #hud{
      pointer-events:none;
      position:fixed;
      inset:0;
      display:grid;
      grid-template-columns:minmax(0,1fr) 330px;
      grid-template-rows:1fr;
      gap:14px;
      padding:14px;
    }
    .panel{
      pointer-events:auto;
      background:linear-gradient(180deg,rgba(5,14,9,.92),rgba(8,22,13,.84));
      border:1px solid var(--line);
      box-shadow:0 16px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(145,255,186,.08);
      border-radius:8px;
      backdrop-filter:blur(12px);
    }
    #topbar{
      position:fixed;
      left:50%;
      top:14px;
      transform:translateX(-50%);
      z-index:44;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:12px 18px 14px;
      min-height:88px;
      width:min(1180px, calc(100vw - 28px));
      border:18px solid transparent;
      border-image:var(--window-base-img) 171 fill stretch;
      background:rgba(8,16,28,.86);
      box-shadow:0 18px 54px rgba(0,0,0,.32);
      backdrop-filter:blur(10px);
    }
    .brand,.logo,.sub{display:none!important}
    h1{margin:0;font-size:16px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .top-stats{display:none!important}
    .battleTopWrap{
      width:min(1080px, 100%);
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);
      align-items:center;
      gap:14px;
    }
    .battleSideCard{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      padding:8px 10px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:12px;
      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
      transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .battleSideCard.enemy{justify-content:flex-end;text-align:right}
    .battleSideCard.turnPlayer{border-color:rgba(124,255,164,.56);box-shadow:0 0 0 2px rgba(93,255,147,.12), inset 0 1px 0 rgba(255,255,255,.05)}
    .battleSideCard.turnEnemy{border-color:rgba(255,99,110,.58);box-shadow:0 0 0 2px rgba(255,78,104,.12), inset 0 1px 0 rgba(255,255,255,.05)}
    .battleAvatar{flex:none;display:grid;place-items:center;width:48px;height:48px}
    .battleAvatar .avatarFrame{width:48px;height:48px}
    .battleAvatarStandard{
      width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
      background:linear-gradient(180deg,#224f76,#13263f);border:1px solid rgba(196,228,255,.34);
      color:#ecf7ff;font-weight:1000;font-size:15px;box-shadow:0 8px 18px rgba(0,0,0,.24);
    }
    .battleAvatarStandard.cpu{background:linear-gradient(180deg,#6b4040,#31181c);border-color:rgba(255,207,207,.32)}
    .battleSideInfo{display:grid;gap:5px;min-width:0;flex:1}
    .battlePlayerName{font-size:14px;font-weight:900;color:#eef7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:text-shadow .18s ease,color .18s ease}
    .battlePlayerName.turnPlayer{color:#a8ffc6;text-shadow:0 0 12px rgba(82,255,144,.35)}
    .battlePlayerName.turnEnemy{color:#ffb8b8;text-shadow:0 0 12px rgba(255,90,90,.34)}
    .battleLifeBar{height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(145,255,186,.12)}
    .battleSideCard.enemy .battleLifeBar{border-color:rgba(255,133,133,.16)}
    .battleSideCard.enemy .battleLifeBar > span{background:linear-gradient(90deg,#ff586e,#ffc2ca)}
    .battleLifeMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
    .battleSideCard.enemy .battleLifeMeta{justify-content:flex-end}
    .battleLifeMeta strong{font-size:13px;color:#fff3ce}
    .battleCenterHud{display:grid;justify-items:center;gap:8px;text-align:center}
    .turnClock{
      min-width:108px;
      padding:8px 18px;
      border-radius:16px;
      border:1px solid rgba(255,226,122,.32);
      background:linear-gradient(180deg,rgba(53,42,16,.92),rgba(26,20,7,.96));
      color:#fff4ca;
      font:1000 24px/1 "MenuReadable", Inter, sans-serif;
      letter-spacing:.03em;
      box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .battleCenterMeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
    .battleMetaPill{padding:6px 9px!important;font-size:11px!important}
    .battleHiddenMeta{display:none!important}
    #fpsMeter{
      position:fixed;
      left:20px;
      top:18px;
      bottom:auto;
      right:auto;
      z-index:36;
      pointer-events:none;
      padding:5px 8px;
      border-radius:6px;
      border:1px solid rgba(255,124,214,.35);
      background:rgba(18,4,20,.64);
      color:#ff85db;
      font:700 10px/1 'MenuReadable', Inter, sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
      box-shadow:0 6px 18px rgba(0,0,0,.22);
    }
    body.menu-open #fpsMeter{display:none!important}
    @media (max-width:1100px){
      #fpsMeter{left:8px;top:8px;z-index:36}
    }
    .pill{
      border:1px solid var(--line);
      background:rgba(9,27,16,.78);
      padding:8px 10px;
      border-radius:6px;
      font-size:12px;
      color:var(--muted);
    }
    .pill b{color:var(--accent-2);font-weight:800}
    #leftPanel{display:none!important}
    #rightPanel{
      grid-column:2;
      grid-row:1;
      align-self:start;
      margin-top:112px;
      margin-bottom:148px;
      padding:14px;
      display:flex;
      flex-direction:column;
      min-height:0;
    }
    #bottomPanel{
      position:fixed;
      left:50%;
      bottom:12px;
      transform:translateX(-50%);
      z-index:42;
      padding:12px;
      width:min(980px, calc(100vw - 36px));
      max-width:min(980px, calc(100vw - 36px));
    }
    .section-title{
      display:flex;
      align-items:center;
      justify-content:space-between;
      font-size:12px;
      text-transform:uppercase;
      color:var(--accent-2);
      letter-spacing:.13em;
      margin:4px 0 10px;
    }
    .box{
      border:1px solid var(--line);
      background:rgba(7,18,11,.58);
      border-radius:7px;
      padding:12px;
      margin-bottom:12px;
    }
    .towerRow{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .towerCard{
      border:1px solid var(--line);
      background:rgba(9,27,16,.64);
      border-radius:6px;
      padding:10px;
    }
    .towerCard h3{
      margin:0 0 8px;
      font-size:13px;
    }
    .bar{
      height:10px;
      background:rgba(255,255,255,.08);
      border-radius:4px;
      overflow:hidden;
      border:1px solid rgba(145,255,186,.12);
    }
    .bar > span{
      display:block;
      height:100%;
      width:100%;
      background:linear-gradient(90deg,#1bd673,#a4ffcf);
      border-radius:4px;
      transition:width .25s ease;
    }
    .bar.enemy > span{background:linear-gradient(90deg,#ff4d68,#ffb2bd)}
    .small{
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    #selectedInfo{
      min-height:140px;
    }
    .statGrid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:8px;
      margin-top:10px;
    }
    .stat{
      background:rgba(255,255,255,.68);
      border:1px solid rgba(25,50,34,.1);
      border-radius:10px;
      padding:8px;
      text-align:center;
    }
    .stat strong{
      display:block;
      font-size:17px;
      color:var(--text);
    }
    .stat span{
      font-size:10px;
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    #log{
      flex:1;
      overflow:auto;
      padding-right:4px;
      min-height:140px;
    }
    .logItem{
      padding:8px 9px;
      border-bottom:1px solid rgba(255,255,255,.06);
      font-size:12px;
      color:#b8d4c0;
      line-height:1.35;
    }
    .logItem:first-child{
      color:#f1fff5;
      background:rgba(31,157,85,.16);
      border-radius:6px;
    }
    .logTabs{
      display:flex;
      gap:5px;
      margin:6px 0 8px;
    }
    .logTabs button{
      padding:5px 7px;
      border-radius:8px;
      font-size:10px;
      background:rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.09);
    }
    .logTabs button.active{
      background:rgba(46,229,129,.18);
      color:#dffff0;
      border-color:rgba(46,229,129,.35);
    }
    .logItem.player{border-left:2px solid rgba(73,230,143,.65)}
    .logItem.enemy{border-left:2px solid rgba(255,97,116,.72)}
    .controls{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    button{
      border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(21,55,33,.96),rgba(11,32,18,.9));
      color:var(--text);
      border-radius:6px;
      padding:10px 12px;
      cursor:pointer;
      font-weight:700;
      transition:.16s ease;
    }
    button:hover{transform:translateY(-1px);border-color:rgba(53,232,132,.45)}
    button.primary{background:linear-gradient(180deg,#35c56c,#1f8f50);color:#ffffff;border-color:rgba(31,157,85,.8)}
    button.danger{background:linear-gradient(180deg,#ff697a,#b51d35);color:#fff;border-color:rgba(255,92,112,.75)}
    button:disabled{opacity:.45;cursor:not-allowed;transform:none}
    .cards{
      display:flex;
      gap:10px;
      overflow-x:auto;
      padding-bottom:3px;
    }
    .card{
      min-width:150px;
      max-width:170px;
      border:1px solid var(--line);
      border-radius:8px;
      padding:10px;
      background:linear-gradient(180deg,rgba(12,35,21,.98),rgba(7,20,12,.98));
      cursor:pointer;
      position:relative;
      box-shadow:0 12px 30px rgba(0,0,0,.24);
      transition:.16s ease;
    }
    .card:hover{transform:translateY(-2px);border-color:rgba(53,232,132,.5)}
    .card.active{outline:2px solid var(--accent);box-shadow:0 0 0 4px rgba(53,232,132,.13)}
    .card.disabled{opacity:.45;filter:grayscale(.6);cursor:not-allowed}
    .cost{
      position:absolute;
      right:10px;
      top:10px;
      width:26px;
      height:26px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:2px;
      background:linear-gradient(180deg,#dff8b8,#54c86f);
      color:#183420;
      font-weight:900;
      font-size:13px;
      line-height:1;
    }
    .cost .energyGlyph{font-size:.9em;line-height:1;color:#fff6cf;text-shadow:0 1px 2px rgba(0,0,0,.35)}
    .cost b{font-size:1em;line-height:1}
    .card h3{
      margin:0 34px 6px 0;
      font-size:13px;
      line-height:1.1;
    }
    .card .type{
      font-size:10px;
      color:var(--accent-2);
      text-transform:uppercase;
      letter-spacing:.1em;
      margin-bottom:8px;
    }
    .card p{
      margin:0;
      color:var(--muted);
      font-size:11px;
      line-height:1.35;
    }
    .cardInfoBtn{
      position:absolute;
      left:-10px;
      top:-10px;
      width:26px;
      height:26px;
      border-radius:50%!important;
      display:grid;
      place-items:center;
      padding:0!important;
      background:linear-gradient(180deg,rgba(41,26,63,.98),rgba(85,48,140,.98))!important;
      border:1px solid rgba(234,208,255,.8)!important;
      color:#fff7ff!important;
      font-weight:1000!important;
      font-size:13px!important;
      box-shadow:0 6px 16px rgba(0,0,0,.38)!important;
      opacity:0;
      pointer-events:none;
      transform:scale(.92);
      transition:opacity .16s ease, transform .16s ease;
      z-index:60;
    }
    .card.active .cardInfoBtn{opacity:1;pointer-events:auto;transform:scale(1)}
    .cardInfoPopup{
      position:fixed;inset:0;z-index:10080;display:flex;align-items:center;justify-content:center;
      background:rgba(0,0,0,.42);padding:16px;
    }
    .cardInfoPopup.hidden{display:none!important}
    .cardInfoPopupWindow{
      width:min(440px,92vw);max-height:min(82vh,720px);display:flex;flex-direction:column;
      border:22px solid transparent;
      border-image:var(--window-base-img) 171 fill stretch;
      background:rgba(6,11,20,.94);
      box-shadow:0 26px 76px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,225,160,.06);
      position:relative;
    }
    .cardInfoPopupHead{
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding:10px 14px 6px;border-bottom:1px solid rgba(255,214,132,.12);
      background:rgba(0,0,0,.14);
    }
    .cardInfoPopupHead h3{margin:0;font-family:"MenuMedieval", Georgia, serif;font-size:22px;color:#efdaa4;letter-spacing:.04em}
    .cardInfoPopupClose{min-width:38px!important;height:38px!important;padding:0 12px!important;font-size:18px!important}
    .cardInfoPopupBody{padding:12px 14px 16px;overflow:auto;display:grid;gap:10px}
    .cardInfoPopupPreview{display:grid;place-items:center;margin-bottom:2px}
    .cardInfoPopupPreview .cardPreview{width:228px;height:162px;border-radius:12px;margin:0!important}
    .cardInfoPopupMeta{display:grid;gap:8px}
    .cardInfoMetaLine{display:flex;flex-wrap:wrap;gap:6px}
    .cardInfoChip{padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:11px;color:#d9e7ff}
    .cardInfoPopupText{font-size:13px;line-height:1.42;color:#dce7ff}
    .cardInfoPopupStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
    .cardInfoPopupStats .stat{padding:10px 8px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
    .kbd{
      border:1px solid rgba(255,255,255,.2);
      border-bottom-color:rgba(255,255,255,.08);
      background:rgba(255,255,255,.08);
      border-radius:4px;
      padding:1px 5px;
      color:#eafff1;
      font-size:11px;
    }
    #pieceStatusTooltip{
      position:fixed;min-width:150px;max-width:240px;padding:9px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.22);
      background:linear-gradient(180deg,rgba(7,12,18,.92),rgba(4,7,10,.86));color:#eef7ff;font-size:12px;line-height:1.28;pointer-events:none;
      z-index:65;opacity:0;transform:translate(-50%,-112%);box-shadow:0 10px 24px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
      backdrop-filter:blur(10px);transition:opacity .12s ease;
    }
    #pieceStatusTooltip.show{opacity:1}
    #pieceStatusTooltip strong{display:block;color:#ffe4a8;font-size:12px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}
    #pieceStatusTooltip .line{display:flex;justify-content:space-between;gap:10px;margin-top:3px;color:#e9f7ff}
    #pieceStatusTooltip .good{color:#72ffad;font-weight:800}
    #pieceStatusTooltip .bad{color:#dca7ff;font-weight:800}
    #pieceStatusTooltip .empty{color:rgba(234,242,255,.68)}

    #gameOptions{
      position:fixed;
      top:60px;
      right:14px;
      z-index:70;
      pointer-events:auto;
      display:none;
      flex-direction:column;
      align-items:flex-end;
      gap:8px;
    }
    body:not(.menu-open) #gameOptions{display:flex}
    #gameOptionsBtn{
      width:38px;
      height:38px;
      padding:0;
      border-radius:50%;
      font-size:18px;
      display:grid;
      place-items:center;
      background:linear-gradient(180deg,rgba(21,55,33,.96),rgba(5,14,9,.94));
      border:1px solid rgba(255,218,140,.30);
      box-shadow:0 10px 26px rgba(0,0,0,.34);
    }
    #gameOptionsMenu{
      width:190px;
      display:none;
      padding:9px;
      border-radius:10px;
      border:1px solid rgba(255,218,140,.24);
      background:linear-gradient(180deg,rgba(7,14,9,.96),rgba(3,8,5,.92));
      box-shadow:0 18px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07);
      backdrop-filter:blur(10px);
    }
    #gameOptions.open #gameOptionsMenu{display:grid;gap:7px}
    #gameOptionsMenu button{width:100%;text-align:left;font-size:11px;padding:8px 9px}
    #gameOptionsMenu .danger{background:linear-gradient(180deg,#ff697a,#8b1022);border-color:rgba(255,105,122,.55)}

    #deckActionBar{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:-12px;
      pointer-events:auto;
    }
    #deckActionBar button{
      min-width:128px;
      border-radius:999px;
      padding:9px 14px;
      box-shadow:0 10px 24px rgba(0,0,0,.28);
    }
    #deckActionBar #endTurnBtn{
      min-width:54px;
      width:54px;
      height:38px;
      padding:0;
      font-size:17px;
      display:grid;
      place-items:center;
    }
    #deckCountLabel{
      font-size:10px;
      color:rgba(234,255,241,.75);
      padding:6px 9px;
      border-radius:999px;
      background:rgba(5,14,9,.72);
      border:1px solid rgba(145,255,186,.12);
      white-space:nowrap;
    }
    .hudExtraBox{display:none!important}
    #leftPanel.cleanHudLeft .box{margin-bottom:8px}
    #leftPanel.cleanHudLeft #selectedInfo{min-height:112px;max-height:190px}
    #rightPanel #sideObjectiveInfo{margin-bottom:8px;max-height:120px;overflow:auto}
    @media (max-width:1050px){
      #gameOptions{top:54px;right:10px}
      #deckActionBar{margin-top:6px;gap:7px}
      #deckActionBar button{min-width:112px;padding:8px 11px}
      #deckActionBar #endTurnBtn{min-width:48px;width:48px;height:34px}
      #gameDeckCountLabel{display:none}
    }

    #toast{
      position:fixed;
      left:50%;
      top:88px;
      transform:translateX(-50%);
      background:rgba(5,14,9,.94);
      border:1px solid rgba(53,232,132,.35);
      border-radius:6px;
      padding:10px 16px;
      color:#eafff1;
      box-shadow:0 10px 30px rgba(0,0,0,.32);
      opacity:0;
      pointer-events:none;
      transition:.18s ease;
      z-index:4;
      font-size:13px;
    }
    #toast.show{opacity:1;top:96px}
    .hint{
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    .legend{
      display:grid;
      gap:7px;
      margin-top:8px;
    }
    .legend span{
      display:flex;
      align-items:center;
      gap:8px;
      color:var(--muted);
      font-size:12px;
    }
    .dot{
      width:10px;
      height:10px;
      border-radius:3px;
      background:var(--accent);
    }
    .dot.red{background:var(--danger)}
    .dot.blue{background:var(--blue)}
    .dot.yellow{background:var(--warn)}
    .dot.gold{background:#ffd166}
    .objectiveLine{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--muted);font-size:12px}
    .objectiveLine strong{color:var(--text)}

    #roundCounter{
      position:fixed;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%) scale(.92);
      z-index:3;
      pointer-events:none;
      padding:18px 28px;
      border-radius:10px;
      border:1px solid rgba(53,232,132,.32);
      background:rgba(5,14,9,.76);
      color:#eafff1;
      box-shadow:0 18px 55px rgba(0,0,0,.28);
      backdrop-filter:blur(10px);
      text-align:center;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-weight:900;
      font-size:clamp(22px,4vw,54px);
      line-height:1;
      opacity:0;
      transition:opacity .42s ease, transform .42s ease;
    }
    #roundCounter.show{
      opacity:.96;
      transform:translate(-50%,-50%) scale(1);
    }
    #roundCounter small{
      display:block;
      margin-top:8px;
      font-size:clamp(10px,1vw,14px);
      letter-spacing:.2em;
      color:var(--accent-2);
    }
    #roundCounter.enemy{
      color:#ffc1c9;
      border-color:rgba(210,59,82,.24);
    }
    .lifeValue{
      display:flex;
      align-items:center;
      gap:8px;
      margin-top:8px;
    }
    .lifeValue strong{font-size:22px;color:var(--accent)}

    #startScreen{
      position:fixed;
      inset:0;
      z-index:6;
      display:grid;
      place-items:center;
      background:linear-gradient(180deg,rgba(211,237,190,.55),rgba(12,35,20,.58));
      backdrop-filter:blur(3px);
      transition:opacity .35s ease;
    }
    #startScreen.hidden{
      opacity:0;
      pointer-events:none;
    }
    .startCard{
      width:min(520px,calc(100vw - 32px));
      background:linear-gradient(180deg,rgba(5,14,9,.94),rgba(9,28,16,.9));
      border:1px solid rgba(53,232,132,.24);
      border-radius:10px;
      box-shadow:0 30px 90px rgba(0,0,0,.38);
      padding:24px;
      text-align:center;
    }
    .startCard h2{margin:0 0 8px;font-size:26px;color:#eafff1}
    .startCard p{margin:0 0 18px;color:var(--muted);line-height:1.45}
    .startCard button{font-size:16px;padding:13px 22px}



    body.menu-open #hud{
      opacity:0;
      pointer-events:none;
    }
    #mainMenu{
      position:fixed;
      inset:0;
      z-index:8;
      display:grid;
      place-items:center;
      padding:24px;
      background:linear-gradient(180deg,rgba(211,237,190,.46),rgba(5,14,9,.74));
      backdrop-filter:blur(5px);
      transition:opacity .32s ease;
    }
    #mainMenu.hidden{
      opacity:0;
      pointer-events:none;
    }
    .menuShell{
      width:min(1080px,calc(100vw - 28px));
      max-height:calc(100vh - 40px);
      overflow:auto;
      background:linear-gradient(180deg,rgba(5,14,9,.96),rgba(8,24,14,.93));
      border:1px solid rgba(53,232,132,.26);
      border-radius:10px;
      box-shadow:0 34px 110px rgba(0,0,0,.44), inset 0 1px 0 rgba(145,255,186,.08);
      padding:24px;
    }
    .menuView.hidden{display:none}
    .menuHero{
      display:grid;
      grid-template-columns:1fr 280px;
      gap:22px;
      align-items:center;
    }
    .menuTitle{
      margin:0;
      font-size:clamp(28px,4.4vw,56px);
      line-height:.95;
      letter-spacing:-.04em;
      color:#eafff1;
    }
    .menuLead{
      color:var(--muted);
      font-size:15px;
      line-height:1.55;
      max-width:650px;
      margin:14px 0 0;
    }
    .menuButtons{
      display:grid;
      gap:12px;
    }
    .menuButtons button{
      width:100%;
      text-align:left;
      padding:14px 16px;
      font-size:15px;
      border-radius:7px;
    }
    .menuButtons button small{
      display:block;
      color:rgba(234,255,241,.68);
      margin-top:4px;
      font-weight:500;
    }
    .menuTopline{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
      margin-bottom:18px;
    }
    .menuTopline h2{margin:0;font-size:24px;color:#eafff1}
    .deckLayout{
      display:grid;
      grid-template-columns:1.4fr .9fr;
      gap:16px;
    }
    .menuPanel{
      border:1px solid var(--line);
      background:rgba(7,18,11,.64);
      border-radius:8px;
      padding:14px;
      min-width:0;
    }
    .deckGrid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
      gap:10px;
    }
    .deckItem{
      border:1px solid var(--line);
      border-radius:8px;
      background:linear-gradient(180deg,rgba(12,35,21,.98),rgba(7,20,12,.96));
      padding:12px;
    }
    .deckItem h3{margin:0 0 5px;font-size:14px;color:#f2fff6}
    .deckItem p{margin:7px 0 10px;color:var(--muted);font-size:12px;line-height:1.35}
    .deckMeta{font-size:11px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em}
    .counterRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-top:8px;
    }
    .counterRow .qty{
      min-width:36px;
      text-align:center;
      font-weight:900;
      color:var(--accent-2);
    }
    .counterRow button{
      width:36px;
      height:32px;
      padding:0;
      display:grid;
      place-items:center;
    }
    .deckSummary{
      display:grid;
      gap:8px;
      margin-top:10px;
    }
    .summaryLine{
      display:flex;
      justify-content:space-between;
      gap:8px;
      padding:8px 0;
      border-bottom:1px solid rgba(255,255,255,.07);
      font-size:13px;
      color:var(--muted);
    }
    .summaryLine b{color:#eafff1}
    .teamBuilder{
      display:grid;
      gap:10px;
    }
    .teamItem{
      border:1px solid var(--line);
      background:rgba(9,27,16,.64);
      border-radius:7px;
      padding:10px;
    }
    .teamItemHeader{
      display:flex;
      justify-content:space-between;
      gap:8px;
      align-items:center;
      margin-bottom:4px;
    }
    .teamItemHeader strong{font-size:13px;color:#f1fff5}
    .teamHint{
      margin:8px 0 12px;
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    .menuFooter{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-top:16px;
      flex-wrap:wrap;
    }
    .statusOk{color:var(--accent-2);font-weight:800}
    .statusWarn{color:var(--warn);font-weight:800}
    @media (max-width:850px){
      .menuHero,.deckLayout{grid-template-columns:1fr}
      .menuShell{padding:18px}
    }

    @media (max-width:1050px){
      #hud{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;padding:10px;gap:10px}
      #topbar,#leftPanel,#rightPanel,#bottomPanel{grid-column:1;grid-row:auto}
      #leftPanel,#rightPanel{max-height:240px}
      #rightPanel{display:none}
      .top-stats{display:none}
      #bottomPanel{align-self:end}
      .card{min-width:140px}
    }


    /* MVP 1.1 - Menu quadrado central, imagem de fundo, loja e múltiplos decks */
    #mainMenu{
      background:#050b07;
      overflow:hidden;
    }
    #mainMenu::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.38) 45%,rgba(0,0,0,.78)),
        radial-gradient(circle at 50% 20%,rgba(72,255,150,.18),transparent 34%),
        url("../Assets/Img/Huds/Menu/MainMenu.png"),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Img/Huds/Menu/MainMenu.png");
      background-size:cover,cover,cover,cover;
      background-position:center,center,center,center;
      filter:saturate(1.08) contrast(1.04);
      opacity:.96;
    }
    #mainMenu::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.82));
      pointer-events:none;
    }
    .menuShell{
      position:relative;
      z-index:1;
      width:min(520px,calc(100vw - 32px));
      aspect-ratio:1 / 1;
      max-height:min(720px,calc(100vh - 36px));
      overflow:auto;
      background:linear-gradient(180deg,rgba(4,12,8,.96),rgba(3,8,6,.91));
      border:1px solid rgba(76,255,154,.28);
      border-radius:8px;
      box-shadow:0 34px 120px rgba(0,0,0,.72), inset 0 1px 0 rgba(180,255,205,.08);
      padding:28px;
    }
    .menuShell.wide{
      width:min(1120px,calc(100vw - 32px));
      aspect-ratio:auto;
    }
    .menuHero{
      display:grid;
      grid-template-columns:1fr;
      gap:20px;
      align-items:start;
      min-height:100%;
    }
    .menuTitle{
      font-size:clamp(30px,4.2vw,52px);
      text-align:left;
    }
    .menuLead{font-size:13px;margin-top:10px;max-width:100%}
    .menuButtons{gap:10px;margin-top:auto}
    .menuButtons button{
      min-height:50px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 14px;
      text-transform:uppercase;
      letter-spacing:.08em;
      border-radius:5px;
      background:linear-gradient(180deg,rgba(18,50,31,.94),rgba(7,20,13,.94));
    }
    .menuButtons button small{
      text-transform:none;
      letter-spacing:0;
      font-size:11px;
      text-align:right;
      max-width:190px;
    }
    .menuButtons button.primary{
      background:linear-gradient(180deg,#39d978,#1b7f47);
    }
    .menuView.hidden{display:none!important}
    .menuView[data-wide="true"]{min-height:auto}
    .menuTabs,.shopCategories,.deckSlotTabs{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:0 0 12px;
    }
    .menuTabs button,.shopCategories button,.deckSlotTabs button{
      padding:8px 10px;
      font-size:12px;
      border-radius:5px;
    }
    .menuTabs button.active,.shopCategories button.active,.deckSlotTabs button.active{
      outline:2px solid rgba(53,232,132,.75);
      background:linear-gradient(180deg,#1f9b58,#135330);
    }
    .slotGrid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:12px;
    }
    .slotCard,.shopItem,.configRow{
      border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(12,35,21,.98),rgba(7,20,12,.94));
      border-radius:7px;
      padding:13px;
    }
    .slotCard.active{outline:2px solid var(--accent);box-shadow:0 0 0 4px rgba(53,232,132,.12)}
    .slotCard h3,.shopItem h3{margin:0 0 6px;color:#f2fff6;font-size:15px}
    .slotActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
    .slotActions button{font-size:12px;padding:8px 10px}
    .shopLayout{display:grid;grid-template-columns:220px 1fr;gap:14px}
    .shopCurrency{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:8px 0 14px;
    }
    .shopList{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
    .shopItem .prices{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .shopItem .owned{font-size:11px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em}
    .shopItem.locked{opacity:.72}
    .shopItem.freeDeckItem{grid-column:1 / -1;position:relative;overflow:hidden}
    .shopItem.freeDeckItem:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 15%,rgba(53,232,132,.16),transparent 32%),radial-gradient(circle at 80% 45%,rgba(255,209,102,.14),transparent 34%);pointer-events:none}
    .freeDeckHeader,.freeDeckActions,.freeDeckTimer{position:relative;z-index:1}
    .freeDeckHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:12px}
    .freeDeckHeader h3{font-size:20px!important;margin:0 0 6px!important;color:#ffe5a5!important}
    .freeDeckBadge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(53,232,132,.35);background:rgba(53,232,132,.12);color:#dffff0;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
    .freeDeckPreview{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:10px 0 12px}
    .freeDeckMini{min-width:0;text-align:center;border:1px solid rgba(255,216,130,.14);background:rgba(0,0,0,.23);border-radius:8px;padding:6px}
    .freeDeckMini .cardPreview{height:72px!important;margin-bottom:5px}.freeDeckMini small{display:block;color:#d9c999;font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .freeDeckTimer{display:inline-flex;align-items:center;gap:8px;color:#ffd99a;font-size:12px;font-weight:800;background:rgba(0,0,0,.28);border:1px solid rgba(255,216,130,.16);border-radius:999px;padding:7px 10px;margin-bottom:10px}
    .freeDeckActions{display:flex;gap:10px;flex-wrap:wrap}.freeDeckActions button{min-width:210px}
    .configGrid{display:grid;gap:10px}
    .configRow{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .configRow div:first-child{min-width:0}
    .renameInput{
      width:100%;
      background:rgba(255,255,255,.08);
      border:1px solid var(--line);
      color:var(--text);
      border-radius:5px;
      padding:9px 10px;
      outline:none;
      margin:0 0 10px;
    }
    .menuPathNote{
      margin-top:10px;
      font-size:11px;
      color:rgba(234,255,241,.56);
      line-height:1.4;
      word-break:break-word;
    }
    @media (max-width:850px){
      .menuShell,.menuShell.wide{width:calc(100vw - 22px);aspect-ratio:auto;padding:18px}
      .shopLayout,.deckLayout{grid-template-columns:1fr}
      .menuButtons button small{display:none}
    }


    /* MVP 1.2 - Identidade medieval, carrossel, cartas com pré-visual e contagem */
    :root{
      --panel:rgba(16,10,5,.89);
      --panel-solid:#130b05;
      --panel-2:#211106;
      --accent:#b98535;
      --accent-2:#ffd88a;
      --line:rgba(255,207,126,.25);
      --muted:#c9b48b;
      --text:#fff4d2;
    }
    h1,h2,.menuTitle,.section-title,.pill b,.deckMeta,.card .type,.slotCard h3,.shopItem h3,.teamItemHeader strong{
      font-family:"MenuMedieval", Georgia, "Times New Roman", serif;
      letter-spacing:.035em;
    }
    .panel,.box,.towerCard,.card,.menuShell,.menuPanel,.deckItem,.teamItem,.slotCard,.shopItem,.configRow,.startCard,#roundCounter,#toast{
      border-radius:3px!important;
      border-color:rgba(255,210,125,.28)!important;
      box-shadow:0 16px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,225,150,.07)!important;
    }
    .panel,.box,.towerCard,.card,.menuShell,.menuPanel,.deckItem,.teamItem,.slotCard,.shopItem,.configRow{
      background-image:
        linear-gradient(180deg,rgba(25,14,7,.95),rgba(8,6,4,.92)),
        radial-gradient(circle at 20% 0%,rgba(255,191,82,.08),transparent 36%);
    }
    button{
      border-radius:3px!important;
      font-family:"MenuMedieval", Georgia, "Times New Roman", serif;
      background:linear-gradient(180deg,rgba(77,43,16,.96),rgba(30,17,8,.96));
      border-color:rgba(255,210,125,.3);
      box-shadow:inset 0 1px 0 rgba(255,230,170,.08);
    }
    button:hover{border-color:rgba(255,210,125,.58)}
    button.primary{background:linear-gradient(180deg,#b98332,#5b3413);border-color:rgba(255,217,135,.7)}
    button.danger{background:linear-gradient(180deg,#9e3030,#451111);border-color:rgba(255,115,115,.58)}
    .logo{background:linear-gradient(135deg,#b98938,#604018);box-shadow:0 0 24px rgba(255,190,93,.18)}
    .cost{background:linear-gradient(180deg,#ffe7a7,#a86b23);color:#261405;border-radius:3px}
    .bar > span{background:linear-gradient(90deg,#ba7b29,#ffe0a1)}
    .bar.enemy > span{background:linear-gradient(90deg,#a82d37,#ff9c9c)}
    #mainMenu::before{
      background-image:
        linear-gradient(90deg,rgba(10,6,3,.82),rgba(17,9,4,.35) 45%,rgba(7,4,2,.82)),
        radial-gradient(circle at 50% 18%,rgba(255,198,88,.2),transparent 35%),
        url("../Assets/Img/Huds/Menu/MainMenu.png"),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Img/Huds/Menu/MainMenu.png");
    }
    .menuTitle{color:#ffe0a1;text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 24px rgba(255,178,76,.16)}
    .menuButtons button{
      background:linear-gradient(180deg,rgba(78,45,20,.96),rgba(24,13,6,.94));
      border-left:4px solid rgba(255,210,125,.42);
    }
    .menuButtons button.primary{background:linear-gradient(180deg,#b98535,#593316)}
    .menuPathNote{display:none}

    .deckCarousel,.teamCarousel{
      display:flex!important;
      gap:12px;
      overflow-x:auto;
      padding:4px 2px 14px;
      scroll-snap-type:x mandatory;
      scrollbar-width:thin;
    }
    .deckCarousel .deckItem,.teamCarousel .teamItem{
      min-width:240px;
      max-width:260px;
      scroll-snap-align:start;
    }
    .carouselHint{
      color:var(--muted);
      font-size:12px;
      margin:-4px 0 10px;
    }

    .cardPreview{
      height:86px;
      margin:0 0 10px;
      border:1px solid rgba(255,210,125,.22);
      background:
        radial-gradient(circle at 50% 38%,rgba(255,226,151,.22),transparent 31%),
        linear-gradient(145deg,rgba(86,47,18,.75),rgba(15,9,5,.92));
      display:grid;
      place-items:center;
      position:relative;
      overflow:hidden;
    }
    .cardPreview:before,.cardPreview:after{
      content:"";
      position:absolute;
      inset:8px;
      border:1px solid rgba(255,220,150,.12);
      pointer-events:none;
    }
    .cardPreview:after{
      inset:auto;
      left:50%;top:50%;
      width:54px;height:54px;
      transform:translate(-50%,-50%) rotate(45deg);
      border-color:rgba(255,220,150,.08);
    }
    .cardPreview .glyph{
      position:relative;
      z-index:1;
      font-size:42px;
      filter:drop-shadow(0 5px 5px rgba(0,0,0,.55));
    }
    .cardPreview .cardIcon{
      position:relative;
      z-index:2;
      width:58px;
      height:58px;
      object-fit:contain;
      image-rendering:auto;
      filter:drop-shadow(0 6px 6px rgba(0,0,0,.58));
    }
    .cardPreview.hasCardArt{
      background:#120b06;
      border-color:rgba(255,213,127,.36);
    }
    .cardPreview .cardArt{
      position:absolute;
      inset:0;
      z-index:0;
      background-image:var(--card-art);
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      transform:translateZ(0);
    }
    .cardPreview .cardArtImg{
      position:absolute;
      inset:0;
      z-index:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      display:block;
      transform:translateZ(0);
      backface-visibility:hidden;
      pointer-events:none;
    }
    .cardPreview .cardArtShade{
      position:absolute;
      inset:0;
      z-index:1;
      background:
        linear-gradient(180deg,rgba(5,2,0,.10),rgba(5,2,0,.48)),
        radial-gradient(circle at 50% 34%,rgba(255,220,120,.05),transparent 58%);
      pointer-events:none;
    }
    .cardPreview.hasCardArt:before,
    .cardPreview.hasCardArt:after{
      z-index:2;
    }
    .cardPreview.hasCardArt .miniStats{
      display:flex!important;
      z-index:20;
      left:6px;
      right:6px;
      bottom:5px;
      padding:3px 5px;
      border:1px solid rgba(255,226,150,.22);
      background:linear-gradient(90deg,rgba(10,6,2,.82),rgba(10,6,2,.60));
      box-shadow:0 3px 8px rgba(0,0,0,.42);
      backdrop-filter:blur(1.5px);
      color:#fff0bf;
      font-weight:800;
    }
    .cardPreview .miniStats{
      position:absolute;
      left:8px;right:8px;bottom:6px;
      display:flex;
      justify-content:space-between;
      color:#ffe5a4;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.08em;
      z-index:12;
      text-shadow:0 2px 4px rgba(0,0,0,.92);
    }
    .cardPreview .miniStats span{position:relative;z-index:1}
    .cardPreview.piece{background:radial-gradient(circle at 50% 38%,rgba(105,226,146,.22),transparent 31%),linear-gradient(145deg,rgba(31,80,42,.74),rgba(15,9,5,.92))}
    .cardPreview.skill{background:radial-gradient(circle at 50% 38%,rgba(105,176,255,.24),transparent 31%),linear-gradient(145deg,rgba(24,45,83,.74),rgba(15,9,5,.92))}
    .cardPreview.tactic{background:radial-gradient(circle at 50% 38%,rgba(255,211,103,.26),transparent 31%),linear-gradient(145deg,rgba(89,57,14,.74),rgba(15,9,5,.92))}
    .cardPreview.spell{background:radial-gradient(circle at 50% 38%,rgba(179,97,255,.28),transparent 31%),linear-gradient(145deg,rgba(66,21,92,.77),rgba(15,9,5,.92))}

    /* MVP 3.9.2DI - polish visual das cartas do deck */
    .cardPreview .miniStats{
      display:grid!important;
      grid-template-columns:1fr!important;
      grid-auto-rows:auto!important;
      justify-items:center!important;
      align-content:end!important;
      row-gap:1px!important;
      text-align:center!important;
      padding:4px 6px!important;
      min-height:28px!important;
    }
    .cardPreview.hasCardArt .miniStats{
      display:grid!important;
      grid-template-columns:1fr!important;
      grid-auto-rows:auto!important;
      justify-items:center!important;
      align-content:end!important;
      row-gap:1px!important;
      text-align:center!important;
      z-index:18!important;
      left:6px!important;
      right:6px!important;
      bottom:5px!important;
      padding:4px 6px!important;
      min-height:30px!important;
      background:linear-gradient(180deg,rgba(8,5,3,.84),rgba(8,5,3,.64))!important;
    }
    .cardPreview .miniStats span{display:block!important;width:100%!important;line-height:1.02!important}
    .cardPreview .miniStats span:first-child{font-size:10px!important;letter-spacing:.11em!important}
    .cardPreview .miniStats span:last-child{font-size:8.2px!important;letter-spacing:.09em!important}


    #countdownOverlay{
      position:fixed;
      inset:0;
      z-index:7;
      display:grid;
      place-items:center;
      pointer-events:none;
      opacity:0;
      transition:opacity .22s ease;
      background:radial-gradient(circle at center,rgba(0,0,0,.25),rgba(0,0,0,.55));
    }
    #countdownOverlay.show{opacity:1}
    .countdownBox{
      min-width:260px;
      padding:28px 36px;
      text-align:center;
      border:1px solid rgba(255,210,125,.4);
      background:linear-gradient(180deg,rgba(28,16,7,.92),rgba(7,5,3,.9));
      box-shadow:0 28px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,230,170,.08);
    }
    #countdownNumber{
      font-family:"MenuMedieval", Georgia, serif;
      font-size:clamp(62px,10vw,130px);
      line-height:.9;
      color:#ffe0a1;
      text-shadow:0 6px 0 rgba(0,0,0,.45),0 0 36px rgba(255,178,76,.22);
    }
    .countdownLabel{
      margin-top:12px;
      text-transform:uppercase;
      letter-spacing:.18em;
      color:#d7bf86;
      font-size:12px;
    }


    /* MVP 1.3 - Fontes separadas, carta selecionada e carregamento */
    body,
    input,
    button,
    .panel,
    .box,
    .menuPanel,
    .menuLead,
    .sub,
    .small,
    .hint,
    .pill,
    .card,
    .card h3,
    .card .type,
    .card p,
    .deckMeta,
    .deckItem,
    .slotCard,
    .slotCard h3,
    .shopItem,
    .shopItem h3,
    .teamItem,
    .teamItemHeader strong,
    .summaryLine,
    .logItem,
    .menuButtons button,
    .menuButtons button small,
    .countdownLabel,
    .loadingLabel,
    .loadingDetail{
      font-family:"MenuReadable", Georgia, "Times New Roman", serif!important;
      letter-spacing:.025em;
    }
    h1,h2,.menuTitle,.menuTopline h2,.section-title,#countdownNumber,.loadingTitle{
      font-family:"MenuMedieval", Georgia, "Times New Roman", serif!important;
      letter-spacing:.04em;
    }
    .card.active{
      transform:translateY(-5px) scale(1.02);
      outline:2px solid #ffe0a1!important;
      box-shadow:0 0 0 4px rgba(255,210,125,.20),0 0 28px rgba(255,196,84,.28),inset 0 0 26px rgba(255,218,145,.08)!important;
      position:relative;
      animation:selectedCardPulse 1.15s ease-in-out infinite;
    }
    .card.active::after{
      content:"SELECIONADA";
      position:absolute;
      left:16px;
      right:16px;
      bottom:-12px;
      text-align:center;
      padding:4px 6px;
      font-size:9px;
      font-weight:900;
      color:#241204;
      background:linear-gradient(180deg,#ffe0a1,#b98535);
      border:1px solid rgba(255,244,210,.55);
      box-shadow:0 5px 16px rgba(0,0,0,.28);
      pointer-events:none;
    }
    .card.active p{padding-bottom:24px}
    @keyframes selectedCardPulse{
      0%,100%{filter:brightness(1)}
      50%{filter:brightness(1.16)}
    }
    #loadingOverlay{
      position:fixed;
      inset:0;
      z-index:9;
      display:grid;
      place-items:center;
      opacity:0;
      pointer-events:none;
      transition:opacity .24s ease;
      background:
        radial-gradient(circle at 50% 38%,rgba(184,128,45,.18),transparent 34%),
        linear-gradient(180deg,rgba(5,3,2,.66),rgba(0,0,0,.86));
      backdrop-filter:blur(3px);
    }
    #loadingOverlay.show{opacity:1;pointer-events:auto}
    .loadingPanel{
      width:min(430px,calc(100vw - 34px));
      padding:24px;
      border:1px solid rgba(255,210,125,.42);
      background:
        linear-gradient(180deg,rgba(31,17,8,.96),rgba(9,6,3,.94)),
        radial-gradient(circle at 50% 0%,rgba(255,203,115,.1),transparent 38%);
      box-shadow:0 32px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,236,177,.10);
      border-radius:3px;
      text-align:center;
    }
    .loadingTitle{
      margin:0 0 10px;
      color:#ffe0a1;
      font-size:clamp(24px,4vw,38px);
      text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 24px rgba(255,178,76,.18);
    }
    .loadingLabel{
      color:#d8c08b;
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.14em;
      margin-bottom:16px;
    }
    .loadingBar{
      width:100%;
      height:16px;
      border:1px solid rgba(255,210,125,.32);
      background:rgba(0,0,0,.36);
      overflow:hidden;
      box-shadow:inset 0 2px 8px rgba(0,0,0,.5);
    }
    #loadingBarFill{
      display:block;
      width:0%;
      height:100%;
      background:linear-gradient(90deg,#79501d,#ffd98b,#b98535);
      box-shadow:0 0 20px rgba(255,200,98,.42);
      transition:width .24s ease;
    }
    .loadingDetail{
      min-height:20px;
      margin-top:12px;
      color:#fff4d2;
      font-size:13px;
    }


    /* MVP 1.4 - HUD compacto, log minimizável e otimização para mirar 60 FPS */
    #hud{
      grid-template-columns:clamp(205px,17vw,242px) 1fr clamp(205px,19vw,268px);
      gap:8px;
      padding:8px;
    }
    #topbar{
      min-height:46px;
      padding:7px 10px;
    }
    .brand{gap:8px}
    .logo{width:28px;height:28px;border-radius:2px}
    .logo:before{width:17px;height:4px;left:5px;top:6px}
    .logo:after{width:14px;height:14px;left:7px;top:11px}
    h1{font-size:13px;line-height:1.05}
    .sub{font-size:10px;margin-top:1px}
    .top-stats{gap:6px}
    .pill{padding:5px 7px;font-size:10px;border-radius:2px}
    #leftPanel,#rightPanel{padding:8px}
    #bottomPanel{
      padding:7px;
      align-self:end;
      max-width:min(760px,62vw);
      justify-self:center;
      width:100%;
    }
    .section-title{
      font-size:10px;
      margin:2px 0 6px;
      letter-spacing:.1em;
    }
    .box{
      padding:7px;
      margin-bottom:7px;
    }
    .towerRow{gap:6px}
    .towerCard{padding:7px}
    .towerCard h3{font-size:10.5px;margin-bottom:5px}
    .bar{height:7px;border-radius:2px}
    .bar > span{border-radius:2px}
    .small,.hint{font-size:10.5px;line-height:1.32}
    .lifeValue{margin-top:5px;gap:6px}
    .lifeValue strong{font-size:16px}
    #selectedInfo{min-height:76px;max-height:118px;overflow:auto}
    #sideObjectiveInfo{max-height:96px;overflow:auto}
    .statGrid{gap:5px;margin-top:6px}
    .stat{padding:5px;border-radius:2px}
    .stat strong{font-size:14px}
    .stat span{font-size:8.5px}
    .controls{gap:5px}
    button{padding:7px 8px;font-size:11px;line-height:1.05}
    .kbd{font-size:9px;padding:0 3px}
    .legend{gap:4px;margin-top:4px}
    .legend span{font-size:10px;gap:5px}
    .dot{width:7px;height:7px;border-radius:1px}
    .cards{gap:7px;padding-bottom:1px}
    .card{
      min-width:112px;
      max-width:126px;
      padding:7px;
      border-radius:2px;
      box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
    }
    .card:hover{transform:translateY(-1px)}
    .card.active{transform:translateY(-3px) scale(1.01)}
    .card.active::after{left:12px;right:12px;bottom:-10px;padding:3px 4px;font-size:8px}
    .cost{right:7px;top:7px;width:20px;height:20px;font-size:10px;border-radius:2px}
    .card h3{font-size:10.5px;margin:0 25px 4px 0;line-height:1.05}
    .card .type{font-size:8px;margin-bottom:4px;letter-spacing:.08em}
    .card p{font-size:9px;line-height:1.2;max-height:2.4em;overflow:hidden}
    .card.active p{padding-bottom:15px}
    .cardPreview{height:48px;margin-bottom:6px}
    .cardPreview:before{inset:5px}
    .cardPreview:after{width:34px;height:34px}
    .cardPreview .glyph{font-size:25px}
    .cardPreview .miniStats{left:5px;right:5px;bottom:4px;font-size:7.5px;letter-spacing:.05em}
    #toast{top:58px;padding:7px 12px;font-size:11px;border-radius:2px}
    #toast.show{top:64px}
    #roundCounter{padding:14px 22px;border-radius:2px}

    .logHeader{gap:8px}
    .miniHudBtn{
      pointer-events:auto;
      padding:4px 6px!important;
      font-size:9px!important;
      min-height:0;
      white-space:nowrap;
    }
    #rightPanel{
      transition:width .18s ease, max-height .18s ease, opacity .18s ease;
    }
    #rightPanel.collapsed{
      width:122px;
      justify-self:end;
      align-self:start;
      max-height:38px;
      overflow:hidden;
      padding:7px;
    }
    #rightPanel.collapsed #log{display:none}
    #rightPanel.collapsed .section-title{margin:0}
    #rightPanel.collapsed .section-title span{display:none}
    #rightPanel.collapsed #toggleLogBtn{width:100%}
    #log{min-height:90px;padding-right:2px}
    .logItem{padding:5px 6px;font-size:10px;line-height:1.25}

    @media (max-width:1280px){
      #hud{grid-template-columns:210px 1fr 220px;padding:6px;gap:6px}
      #bottomPanel{max-width:min(700px,60vw)}
      .top-stats{gap:4px}
      .pill{font-size:9px;padding:4px 5px}
      .legend{display:none}
      #sideObjectiveInfo{display:none}
    }

    #bottomPanel .cards .cardPreview .cardArt{inset:0!important;background-size:cover!important}
    #bottomPanel .cards .cardPreview .cardArtImg{object-fit:cover!important;object-position:center 32%!important}
    #bottomPanel .card h3{text-align:center!important;margin:0 0 3px 0!important;line-height:1.08!important}
    #bottomPanel .card .type{text-align:center!important;margin-bottom:2px!important}
    #bottomPanel .card p{text-align:center!important;line-height:1.12!important;max-height:2.2em!important}
    #bottomPanel .cards .cardPreview.hasCardArt,
    #bottomPanel .cards.wheelMode .cardPreview.hasCardArt{
      background:#120b06!important;
      border-color:rgba(255,213,127,.34)!important;
    }
    #bottomPanel .cards .cardPreview.hasCardArt:before,
    #bottomPanel .cards.wheelMode .cardPreview.hasCardArt:before{
      inset:0!important;
      border-color:rgba(255,226,150,.14)!important;
      z-index:2!important;
    }
    #bottomPanel .cards .cardPreview .cardArt,
    #bottomPanel .cards .cardPreview .cardArtImg,
    #bottomPanel .cards.wheelMode .cardPreview .cardArt,
    #bottomPanel .cards.wheelMode .cardPreview .cardArtImg{
      inset:0!important;
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      background-size:cover!important;
      background-position:center center!important;
      object-position:center center!important;
      transform:scale(1.24)!important;
      transform-origin:center center!important;
      filter:saturate(1.02) contrast(1.04)!important;
    }
    #bottomPanel .cards .cardPreview .cardArtShade,
    #bottomPanel .cards.wheelMode .cardPreview .cardArtShade{
      background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.10) 26%,rgba(0,0,0,.08) 56%,rgba(0,0,0,.42) 100%)!important;
    }
    #bottomPanel .cards .cardPreview .miniStats span:first-child,
    #bottomPanel .cards.wheelMode .cardPreview .miniStats span:first-child{
      display:none!important;
    }
    #bottomPanel .cards .cardPreview .miniStats span:last-child,
    #bottomPanel .cards.wheelMode .cardPreview .miniStats span:last-child{
      display:block!important;
      width:100%!important;
      text-align:center!important;
      font-size:8.9px!important;
      letter-spacing:.08em!important;
      color:#fff4cb!important;
      line-height:1.02!important;
    }
    #bottomPanel .cards .cardPreview .miniStats,
    #bottomPanel .cards.wheelMode .cardPreview .miniStats{
      grid-template-columns:1fr!important;
      justify-items:center!important;
      align-items:center!important;
      background:linear-gradient(180deg,rgba(8,5,3,.88),rgba(8,5,3,.64))!important;
      border:1px solid rgba(255,224,149,.20)!important;
      box-shadow:0 3px 8px rgba(0,0,0,.36)!important;
    }
    #bottomPanel .card h3,
    #bottomPanel .cards.wheelMode .card h3{
      min-height:auto!important;
      font-size:11px!important;
      letter-spacing:.02em!important;
      color:#f6efdf!important;
    }
    #bottomPanel .card .type,
    #bottomPanel .cards.wheelMode .card .type{
      font-size:8px!important;
      letter-spacing:.09em!important;
      color:#d8c28c!important;
      text-transform:uppercase!important;
    }
    #bottomPanel .card .cost,
    #bottomPanel .cards.wheelMode .card .cost{display:none!important}

    @media (max-height:780px){
      #hud{padding:6px;gap:6px}
      #topbar{min-height:40px;padding:5px 8px}
      #leftPanel,#rightPanel{padding:6px}
      .box{padding:6px;margin-bottom:5px}
      #selectedInfo{min-height:62px;max-height:92px}
      .legend{display:none}
      #hud .cardPreview{display:none}
      .card{min-width:104px;max-width:116px}
    }
    @media (max-width:1050px){
      #hud{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;padding:6px;gap:6px}
      #topbar,#leftPanel,#rightPanel,#bottomPanel{grid-column:1;grid-row:auto}
      #leftPanel{max-height:210px;overflow:auto}
      #rightPanel{display:block;max-height:110px;width:auto}
      #rightPanel.collapsed{width:120px;max-height:34px}
      #bottomPanel{max-width:100%;justify-self:stretch}
      .top-stats{display:none}
      .card{min-width:104px;max-width:118px}
    }


    /* MVP 1.6 - Loading inicial e restauração dos pré-visuais das cartas in-game */
    #bootLoadingOverlay{
      position:fixed;
      inset:0;
      z-index:30;
      display:grid;
      place-items:center;
      background:
        radial-gradient(circle at 50% 24%,rgba(255,210,125,.14),transparent 34%),
        linear-gradient(180deg,rgba(10,6,3,.98),rgba(3,2,1,.96));
      color:#ffe8b8;
      transition:opacity .36s ease, visibility .36s ease;
    }
    #bootLoadingOverlay.hidden{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
    }
    .bootLoadingPanel{
      width:min(520px,calc(100vw - 38px));
      border:1px solid rgba(255,210,125,.34);
      background:linear-gradient(180deg,rgba(35,19,7,.94),rgba(12,7,3,.96));
      box-shadow:0 34px 120px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,230,170,.08);
      border-radius:2px;
      padding:26px;
      text-align:center;
    }
    .bootLoadingTitle{
      margin:0 0 10px;
      font-family:var(--title-font);
      font-size:clamp(26px,4vw,44px);
      letter-spacing:.08em;
      color:#ffe6a8;
      text-shadow:0 3px 0 rgba(0,0,0,.42),0 0 24px rgba(255,194,92,.18);
    }
    .bootLoadingLabel{
      margin-bottom:14px;
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.14em;
      color:#d7b77c;
    }
    .bootLoadingBar{
      height:12px;
      border:1px solid rgba(255,210,125,.35);
      background:rgba(0,0,0,.36);
      overflow:hidden;
      border-radius:1px;
    }
    #bootLoadingFill{
      display:block;
      width:0%;
      height:100%;
      background:linear-gradient(90deg,#7c4017,#d99b3d,#ffe1a0);
      box-shadow:0 0 18px rgba(255,200,112,.28);
      transition:width .24s ease;
    }
    #bootLoadingDetail{
      margin-top:12px;
      min-height:18px;
      font-size:12px;
      color:#ad966b;
    }
    #bottomPanel .cards .cardPreview{
      display:grid!important;
      height:96px!important;
      margin:0 0 8px!important;
      border-radius:8px!important;
    }
    #bottomPanel .cards .cardPreview:before{inset:3px!important}
    #bottomPanel .cards .cardPreview:after{display:none!important}
    #bottomPanel .cards .cardPreview .glyph{font-size:40px!important}
    #bottomPanel .cards .cardPreview .cardIcon{width:60px!important;height:60px!important}
    #bottomPanel .cards .cardPreview .miniStats{
      left:7px!important;
      right:7px!important;
      bottom:6px!important;
      font-size:8.9px!important;
      letter-spacing:.07em!important;
      min-height:22px!important;
      padding:4px 7px!important;
      border-radius:7px!important;
      backdrop-filter:blur(2px)!important;
    }
    #bottomPanel .card{
      min-width:140px;
      max-width:156px;
    }

    #bottomPanel .cards .cardPreview .cardArt{inset:0!important;background-size:cover!important}
    @media (max-height:780px){
      #hud #bottomPanel .cards .cardPreview{display:grid!important;height:84px!important}
      #hud #bottomPanel .cards .cardPreview .glyph{font-size:35px!important}
      #hud #bottomPanel .cards .cardPreview .cardIcon{width:50px!important;height:50px!important}
      #hud #bottomPanel .cards .cardPreview:after{display:none!important}
      #bottomPanel .card{min-width:132px;max-width:148px}
    }
    @media (max-width:1050px){
      #bottomPanel .cards .cardPreview{height:50px!important}
      #bottomPanel .cards .cardPreview .glyph{font-size:27px!important}
      #bottomPanel .cards .cardPreview .cardIcon{width:36px!important;height:36px!important}
      #bottomPanel .cards .cardPreview .miniStats{font-size:7.4px!important}
    }


    /* MVP 1.6 - Qualidade ajustável e restauração dos pré-visuais no menu/deck/loja */
    .qualitySelect{
      min-width:190px;
      background:linear-gradient(180deg,rgba(47,27,12,.98),rgba(16,10,5,.98));
      border:1px solid rgba(255,210,125,.34);
      color:var(--text);
      border-radius:3px;
      padding:8px 10px;
      outline:none;
      font-family:"LettersRead", Georgia, serif;
      cursor:pointer;
    }
    .qualitySelect option{background:#1b1008;color:#fff4d2}
    .qualityBadge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      margin-top:6px;
      color:var(--accent-2);
      font-size:11px;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    body.menu-open .deckItem .cardPreview,
    body.menu-open .teamItem .cardPreview,
    body.menu-open .shopItem .cardPreview{
      display:grid!important;
      height:86px!important;
      margin:0 0 10px!important;
      border:1px solid rgba(255,210,125,.24);
    }
    body.menu-open .deckItem .cardPreview:before,
    body.menu-open .teamItem .cardPreview:before,
    body.menu-open .shopItem .cardPreview:before{inset:8px!important}
    body.menu-open .deckItem .cardPreview:after,
    body.menu-open .teamItem .cardPreview:after,
    body.menu-open .shopItem .cardPreview:after{width:54px!important;height:54px!important}
    body.menu-open .deckItem .cardPreview .glyph,
    body.menu-open .teamItem .cardPreview .glyph,
    body.menu-open .shopItem .cardPreview .glyph{font-size:42px!important}
    body.menu-open .deckItem .cardPreview .cardIcon,
    body.menu-open .teamItem .cardPreview .cardIcon,
    body.menu-open .shopItem .cardPreview .cardIcon{width:58px!important;height:58px!important}
    body.menu-open .deckItem .cardPreview .miniStats,
    body.menu-open .teamItem .cardPreview .miniStats,
    body.menu-open .shopItem .cardPreview .miniStats{
      left:8px!important;right:8px!important;bottom:6px!important;
      font-size:10px!important;letter-spacing:.08em!important;
    }
    body.quality-performance #game{filter:saturate(.96)}
    body.quality-high #game{filter:saturate(1.06) contrast(1.02)}
    body.quality-ultra #game{filter:saturate(1.12) contrast(1.04)}


  

    /* MVP 3.9.2CQ - pós-partida, roleta de deck e animações leves */
    #roundCounter.final{pointer-events:auto;z-index:9;padding-bottom:18px}
    .finalActionBtn{
      display:block;
      margin:16px auto 0;
      padding:10px 18px;
      font-size:13px;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      pointer-events:auto;
    }
    #rewardOverlay{
      position:fixed;
      inset:0;
      z-index:10;
      display:grid;
      place-items:center;
      padding:22px;
      background:radial-gradient(circle at 50% 24%,rgba(255,217,135,.14),transparent 28%),rgba(2,5,3,.78);
      backdrop-filter:blur(12px);
    }
    #rewardOverlay.hidden{display:none!important}
    .rewardCard{
      width:min(720px,94vw);
      max-height:86vh;
      overflow:auto;
      border:1px solid rgba(255,218,140,.32);
      background:linear-gradient(145deg,rgba(21,13,7,.97),rgba(7,14,9,.96));
      box-shadow:0 26px 90px rgba(0,0,0,.45);
      padding:22px;
      border-radius:8px;
    }
    .rewardTitle{font-size:28px;letter-spacing:.12em;text-transform:uppercase;color:#ffe1a6;margin:0 0 6px}
    .rewardSub{color:var(--muted);margin:0 0 18px;line-height:1.45}
    .rewardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
    .rewardStat{border:1px solid rgba(255,218,140,.16);background:rgba(255,255,255,.04);padding:12px;border-radius:6px}
    .rewardStat strong{display:block;font-size:24px;color:var(--accent)}
    .rewardList{display:grid;gap:8px;margin:10px 0 16px}
    .rewardLine{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0;color:#f2fff6}
    .rewardLine.lost b{color:#ff9ea9}.rewardLine.kept b{color:#9effc8}.rewardLine.broken b{color:#ffd26f}
    .rewardActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
    /* MVP 3.9.2CQ - roleta in-game limpa, mantendo as imagens originais das cartas */
    #bottomPanel{
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
      padding:0 6px 0!important;
      max-width:min(900px,74vw)!important;
    }
    #bottomPanel .section-title{display:none!important}
    #bottomPanel .cards.wheelMode{
      position:relative;
      display:block;
      height:198px;
      overflow:visible;
      padding:0;
      margin:0;
    }
    #bottomPanel .cards.wheelMode .card{
      position:absolute;
      left:var(--slot-x,50%);
      bottom:var(--slot-y,6px);
      width:148px;
      min-width:148px;
      max-width:148px;
      transform:translateX(-50%) rotate(var(--slot-r,0deg)) scale(var(--slot-s,1));
      transform-origin:50% 100%;
      z-index:var(--slot-z,1);
      transition:
        transform .36s cubic-bezier(.22,.85,.18,1),
        bottom .36s cubic-bezier(.22,.85,.18,1),
        left .36s cubic-bezier(.22,.85,.18,1),
        opacity .22s ease,
        box-shadow .32s ease;
      will-change:transform,left,bottom;
      backface-visibility:hidden;
      overflow:hidden;
      border-radius:10px;
    }
    #bottomPanel .cards.wheelMode .card:hover{
      transform:translateX(-50%) rotate(var(--slot-r,0deg)) scale(calc(var(--slot-s,1) + .035)) translateY(-3px);
    }
    #bottomPanel .cards.wheelMode .card.active{
      transform:translateX(-50%) rotate(var(--slot-r,0deg)) scale(calc(var(--slot-s,1) + .10)) translateY(-10px);
      box-shadow:0 18px 34px rgba(0,0,0,.38),0 0 0 1px rgba(255,224,149,.30),0 0 20px rgba(76,146,255,.18)!important;
    }
    #bottomPanel .cards.wheelMode .card.disabled{opacity:.66}
    #bottomPanel .cards.wheelMode .card h3{font-size:10.6px;line-height:1.08;min-height:24px;margin:0 0 3px 0;text-align:center}
    #bottomPanel .cards.wheelMode .card p{display:none}
    #bottomPanel .cards.wheelMode .card .type{margin-bottom:2px;text-align:center;opacity:.92}
    #bottomPanel .cards.wheelMode .cardPreview{
      display:grid!important;
      height:94px!important;
      margin:0 0 7px!important;
      border-radius:8px!important;
    }
    #bottomPanel .cards.wheelMode .cardPreview .cardArt,
    #bottomPanel .cards.wheelMode .cardPreview .cardArtImg{
      inset:0!important;
      background-size:cover!important;
      transform:translateZ(0);
      backface-visibility:hidden;
    }
    #bottomPanel .cards.wheelMode .cardPreview:after{display:none!important}
    #bottomPanel .cards.wheelMode .cardPreview .glyph{font-size:38px!important}
    #bottomPanel .cards.wheelMode .cardPreview .cardIcon{width:58px!important;height:58px!important}
    #bottomPanel .cards.wheelMode .cardPreview .miniStats{font-size:8.2px!important;min-height:22px!important;padding:4px 7px!important;border-radius:7px!important;backdrop-filter:blur(2px)!important}
    #bottomPanel .cards.wheelMode .card.active,
    #bottomPanel .card.active{
      overflow:visible!important;
      z-index:120!important;
    }
    #bottomPanel .cards.wheelMode .card h3,
    #bottomPanel .card h3{padding:0 6px!important}
    #bottomPanel .cards.wheelMode .card.active h3,
    #bottomPanel .card.active h3{margin-bottom:10px!important}
    @media (max-width:1050px){
      #bottomPanel{padding:4px 0 0!important;max-width:100%!important}
      #bottomPanel .cards.wheelMode{display:flex;height:auto;overflow-x:auto;padding-bottom:2px}
      #bottomPanel .cards.wheelMode .card{
        position:relative;left:auto;bottom:auto;transform:none!important;width:auto;min-width:118px;max-width:128px
      }
      #bottomPanel .cards.wheelMode .card p{display:block}
    }

    /* MVP 3.9.2CQ - Deck Builder corrigido e apresentável */
    .deckBuilderIntro{
      border:1px solid rgba(255,218,140,.18);
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.10));
      color:#d5c39b;
      border-radius:8px;
      padding:11px 13px;
      margin:10px 0 12px;
      font-size:13px;
      line-height:1.35;
    }
    .deckLayout.deckBuilderV2{
      display:grid;
      grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);
      gap:14px;
      align-items:start;
    }
    .deckBuilderV2 .menuPanel{
      min-height:0;
      overflow:hidden;
    }
    .deckPanelHeader{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
      padding-bottom:10px;
      border-bottom:1px solid rgba(255,218,140,.13);
    }
    .deckPanelHeader h3{
      margin:0 0 4px;
      font-family:var(--title-font);
      letter-spacing:.05em;
      color:#ffe1a0;
      font-size:18px;
    }
    .selectedDeckStrip{
      min-height:132px;
      display:flex;
      gap:9px;
      overflow-x:auto;
      padding:10px 3px 12px;
      margin-bottom:12px;
      border:1px solid rgba(255,218,140,.12);
      background:rgba(0,0,0,.16);
      border-radius:8px;
      scrollbar-width:thin;
    }
    .selectedDeckMini{
      flex:0 0 96px;
      min-height:112px;
      border:1px solid rgba(255,218,140,.18);
      background:linear-gradient(180deg,rgba(20,39,29,.88),rgba(8,17,12,.96));
      border-radius:8px;
      padding:6px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      cursor:pointer;
      box-shadow:0 10px 18px rgba(0,0,0,.24);
    }
    .selectedDeckMini:hover{border-color:rgba(255,218,140,.38);transform:translateY(-1px)}
    .selectedDeckMini.empty{
      display:grid;
      place-items:center;
      color:#8d9c8e;
      font-weight:800;
      border-style:dashed;
      background:rgba(255,255,255,.025);
      cursor:default;
    }
    .selectedDeckMini .cardPreview{height:58px!important;margin:0!important;border-radius:6px}
    .selectedDeckMini b{font-size:10px;line-height:1.1;color:#fff4cf;margin-top:5px}
    .selectedDeckMini span{font-size:9px;color:#9dffbe}
    .deckCardLibrary{
      display:grid!important;
      grid-template-columns:repeat(auto-fill,minmax(178px,1fr));
      gap:10px;
      max-height:min(56vh,560px);
      overflow:auto;
      padding:2px 5px 2px 0;
      align-content:start;
    }
    .deckCardLibrary .deckItem{
      min-width:0!important;
      max-width:none!important;
      width:auto!important;
    }
    .deckCardLibrary .cardPreview{height:94px!important}
    .deckCardLibrary .deckItem h3{font-size:14px!important}
    .startingSetupWrap{
      display:grid;
      gap:10px;
    }
    .piecePalette{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:8px;
    }
    .piecePaletteCard{
      border:1px solid rgba(255,218,140,.18);
      border-radius:8px;
      background:linear-gradient(180deg,rgba(30,55,38,.90),rgba(8,18,12,.96));
      padding:8px;
      cursor:grab;
      min-width:0;
      transition:.16s ease;
    }
    .piecePaletteCard:hover{transform:translateY(-1px);border-color:rgba(86,255,160,.36)}
    .piecePaletteCard.disabled{opacity:.45;filter:grayscale(.7);cursor:not-allowed}
    .piecePaletteCard .cardPreview{height:64px!important;margin-bottom:7px!important}
    .piecePaletteCard strong{display:block;color:#fff4cc;font-size:12px;margin-bottom:3px}
    .setupTip{
      color:#b9c8e8;
      font-size:12px;
      line-height:1.35;
      padding:8px 10px;
      border:1px solid rgba(111,166,255,.14);
      background:rgba(0,0,0,.14);
      border-radius:7px;
    }
    .setupBoard2d{
      display:grid;
      grid-template-columns:repeat(8,minmax(48px,1fr));
      grid-template-rows:repeat(2,82px);
      gap:6px;
      padding:12px;
      border:1px solid rgba(255,218,140,.22);
      background:
        radial-gradient(circle at 50% 100%,rgba(62,150,91,.24),transparent 60%),
        linear-gradient(180deg,rgba(8,21,12,.94),rgba(3,8,6,.96));
      border-radius:10px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.25);
    }
    .setupCell{
      position:relative;
      min-height:78px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.12);
      background:linear-gradient(145deg,rgba(48,80,47,.72),rgba(21,43,28,.82));
      border-radius:7px;
      overflow:hidden;
      transition:.15s ease;
    }
    .setupCell:nth-child(even){background:linear-gradient(145deg,rgba(34,63,43,.70),rgba(13,32,22,.86))}
    .setupCell.dropTarget{border-color:rgba(102,255,165,.75);box-shadow:0 0 0 2px rgba(102,255,165,.18),0 0 18px rgba(102,255,165,.12)}
    .setupCell.locked{background:linear-gradient(145deg,rgba(102,78,32,.78),rgba(42,26,10,.92));border-color:rgba(255,218,140,.34)}
    .setupCoord{
      position:absolute;
      left:5px;
      top:4px;
      color:rgba(255,244,204,.58);
      font-size:10px;
      font-weight:900;
      z-index:1;
    }
    .setupPiece{
      width:calc(100% - 12px);
      min-height:48px;
      display:grid;
      place-items:center;
      gap:2px;
      text-align:center;
      border:1px solid rgba(255,218,140,.25);
      border-radius:7px;
      background:linear-gradient(180deg,rgba(255,226,156,.16),rgba(7,14,9,.86));
      color:#fff4cc;
      font-size:10px;
      font-weight:900;
      cursor:grab;
      padding:4px;
      box-shadow:0 8px 18px rgba(0,0,0,.22);
      z-index:2;
    }
    .setupPiece small{font-size:20px;line-height:1;color:#9effc8;text-shadow:0 2px 8px rgba(0,0,0,.6)}
    .setupPiece.commander{cursor:not-allowed;color:#ffe1a0;background:linear-gradient(180deg,rgba(255,218,140,.20),rgba(48,30,8,.90))}
    .setupPiece.commander small{color:#ffe1a0}
    @media(max-width:1180px){
      .deckLayout.deckBuilderV2{grid-template-columns:1fr}
      .deckCardLibrary{max-height:420px}
      .piecePalette{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:700px){
      .setupBoard2d{grid-template-columns:repeat(4,minmax(48px,1fr));grid-template-rows:repeat(4,76px)}
      .deckCardLibrary{grid-template-columns:1fr}
    }



    /* MVP 3.9.2CQ - Conta do servidor, amigos e perfil */
    .accountPanel{
      position:absolute;left:24px;top:66px;z-index:4;width:282px;
      border:1px solid rgba(255,216,130,.25);
      background:linear-gradient(180deg,rgba(8,20,58,.88),rgba(6,11,28,.86));
      box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
      border-radius:10px;padding:12px;backdrop-filter:blur(10px);
    }
    .accountPanel.hidden{display:none!important}
    .accountHeader{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px;color:#ffe4a6;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
    .accountTabs{display:flex;gap:6px;margin-bottom:8px}
    .accountTabs button{flex:1;padding:7px 8px;font-size:11px;border-radius:999px;background:rgba(255,255,255,.055)}
    .accountTabs button.active{background:rgba(53,232,132,.18);border-color:rgba(53,232,132,.36);color:#dffff0}
    .accountPanel input{width:100%;margin:4px 0;padding:9px 10px;border-radius:7px;border:1px solid rgba(255,216,130,.20);background:rgba(0,0,0,.22);color:#fff;font-weight:800}
    .accountButtons{display:flex;gap:7px;margin-top:7px}.accountButtons button{flex:1;font-size:11px;padding:8px 9px}
    .accountStatus{min-height:18px;font-size:11px;color:#b9c8e8;line-height:1.35;margin-top:7px}
    .accountLoggedIn{display:grid;gap:8px}.accountLoggedIn.hidden,.accountLoggedOut.hidden{display:none!important}
    .accountName{display:flex;align-items:center;justify-content:space-between;gap:8px}.accountName b{color:#fff2bc;font-size:17px}.accountRank{font-size:11px;color:#cba5ff;font-weight:900}

/* Patch 26.2 - Indicador compacto de punição ranqueada */
.rankedPenaltyBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  margin-left:2px;
  padding:3px 7px;
  border:1px solid rgba(255,78,78,.48);
  border-radius:999px;
  background:rgba(116,12,12,.34);
  color:#ff6161;
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.035em;
  text-transform:uppercase;
  box-shadow:0 0 14px rgba(255,40,40,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.rankedPenaltyBadge.hidden{display:none!important}
.accountName{flex-wrap:wrap}
.accountName .accountRank{margin-left:auto}
@media(max-width:760px){
  .rankedPenaltyBadge{font-size:8.5px;padding:2px 5px;max-width:100%;white-space:normal;text-align:center}
}

    .friendsSidebar{
      position:absolute;right:26px;top:136px;z-index:4;width:310px;max-height:calc(100vh - 198px);
      border:1px solid rgba(111,166,255,.22);border-radius:10px;padding:12px;
      background:linear-gradient(180deg,rgba(5,13,36,.88),rgba(4,8,20,.82));
      box-shadow:0 18px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(10px);
      display:grid;grid-template-rows:auto auto 1fr;gap:9px;
    }
    .friendsSidebar.hidden{display:none!important}
    .friendsTitle{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#d7e6ff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
    .friendsAdd{display:flex;gap:6px}.friendsAdd input{min-width:0;flex:1;padding:8px 9px;border-radius:7px;border:1px solid rgba(255,216,130,.18);background:rgba(0,0,0,.20);color:#fff}.friendsAdd button{padding:7px 9px;font-size:11px}
    .friendsList{display:grid;gap:7px;overflow:auto;padding-right:2px;max-height:100%}
    .friendItem{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:8px;padding:9px;display:grid;gap:4px;cursor:pointer;transition:.14s ease}
    .friendItem:hover{transform:translateY(-1px);border-color:rgba(111,166,255,.35)}.friendItem.online{border-color:rgba(84,255,160,.30);background:rgba(42,137,82,.12)}
    .friendTop{display:flex;justify-content:space-between;gap:8px;align-items:center}.friendTop b{color:#fff4cc}.friendMeta{display:flex;justify-content:space-between;gap:8px;color:#b9c8e8;font-size:11px}
    .friendDot{width:9px;height:9px;border-radius:999px;background:#777;box-shadow:0 0 0 3px rgba(255,255,255,.05)}.friendDot.online{background:#54ffa0;box-shadow:0 0 12px rgba(84,255,160,.42)}
    .friendProfileModal{position:fixed;inset:0;z-index:76;display:grid;place-items:center;background:rgba(0,0,0,.52);backdrop-filter:blur(4px)}.friendProfileModal.hidden{display:none!important}
    .friendProfilePanel{width:min(620px,calc(100vw - 34px));max-height:calc(100vh - 44px);overflow:auto;border:1px solid rgba(255,216,130,.28);border-radius:12px;background:linear-gradient(180deg,rgba(8,20,58,.96),rgba(5,8,19,.96));box-shadow:0 32px 100px rgba(0,0,0,.58);padding:18px}
    .friendProfileHeader{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}.friendProfileHeader h2{margin:0;color:#ffe4a6}.profileGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.profileBox{border:1px solid rgba(255,255,255,.10);border-radius:9px;padding:10px;background:rgba(255,255,255,.045)}.profileBox span{display:block;color:#b9c8e8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.profileBox b{color:#fff;font-size:17px}
    .matchHistory{display:grid;gap:6px}.matchLine{display:flex;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;color:#d7e6ff;font-size:12px;background:rgba(0,0,0,.14)}.matchLine.win{border-color:rgba(84,255,160,.22)}.matchLine.loss{border-color:rgba(255,97,116,.22)}
    @media(max-width:980px){.accountPanel,.friendsSidebar,.menuProfileCard{position:relative;left:auto;right:auto;top:auto;width:auto;max-width:none}.friendsSidebar{max-height:320px}.epicMenuStage{overflow:auto}.profileGrid{grid-template-columns:1fr 1fr}}

    /* MVP 3.9.2CQ - menu online base */
    .onlineBox{
      display:grid;
      gap:14px;
      max-width:1180px;
      min-height:520px;
      margin:18px auto 0;
    }
    .onlineActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .onlineActions input{
      flex:1 1 160px;
      min-width:140px;
      border:1px solid rgba(255,218,140,.22);
      background:rgba(3,10,6,.66);
      color:#fff3cf;
      padding:12px 13px;
      border-radius:6px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .onlineStatus{
      border:1px solid rgba(111,166,255,.20);
      background:rgba(8,16,36,.52);
      border-radius:8px;
      padding:12px;
      color:#d7e6ff;
      font-size:13px;
      line-height:1.45;
    }
    .onlineLobby{
      border:1px solid rgba(255,218,140,.20);
      background:linear-gradient(180deg,rgba(18,25,45,.72),rgba(6,12,24,.62));
      border-radius:10px;
      padding:28px;
      box-shadow:0 22px 58px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .onlineLobby.hidden{display:none}
    .onlineRoomHeader{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
      margin-bottom:14px;
      color:#ffe3a2;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .onlineRoomCode{
      font-size:24px;
      color:#ffffff;
      letter-spacing:.18em;
      text-shadow:0 0 18px rgba(255,214,126,.22);
    }
    .onlinePlayers{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin:10px 0 14px;
    }
    .onlinePlayerSlot{
      min-height:146px;
      border:1px solid rgba(111,166,255,.22);
      background:rgba(255,255,255,.045);
      border-radius:8px;
      padding:12px;
      display:grid;
      align-content:center;
      gap:5px;
      position:relative;
      overflow:hidden;
    }
    .onlinePlayerSlot.ready{border-color:rgba(84,255,160,.34);background:rgba(42,137,82,.12)}
    .onlinePlayerSlot.waiting{opacity:.72;filter:saturate(.75)}
    .onlinePlayerSlot b{font-size:15px;color:#fff4cc}
    .onlinePlayerSlot span{font-size:12px;color:#b9c8e8;line-height:1.35}
    .onlineInvite{
      border:1px dashed rgba(255,218,140,.22);
      border-radius:8px;
      padding:10px;
      color:#d7e6ff;
      font-size:12px;
      line-height:1.45;
      background:rgba(0,0,0,.18);
      word-break:break-all;
    }
    .onlineInvite code{color:#ffe3a2;font-weight:900}
    .onlineNickRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 0}
    .onlineNickRow input{min-width:190px;max-width:260px;background:rgba(0,0,0,.24);border:1px solid rgba(255,218,140,.24);border-radius:6px;color:#fff;padding:10px 12px;font-weight:800}
    .onlineRooms{margin-top:12px;display:grid;gap:8px}
    .onlineRoomItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(255,218,140,.18);border-radius:7px;background:rgba(255,255,255,.045)}
    .onlineRoomItem b{color:#ffe3a2}.onlineRoomItem span{color:#b9c8e8;font-size:12px}
    .onlineRoomItem button{padding:7px 10px}
.onlineQueueCard{
      border:1px solid rgba(84,255,160,.22);
      background:radial-gradient(circle at 50% 0%,rgba(84,255,160,.12),transparent 52%),rgba(0,0,0,.18);
      border-radius:10px;
      padding:16px;
      display:grid;
      gap:8px;
      text-align:center;
    }
    .onlineQueuePulse{
      width:74px;
      height:74px;
      margin:0 auto 4px;
      border-radius:999px;
      border:2px solid rgba(84,255,160,.55);
      box-shadow:0 0 0 0 rgba(84,255,160,.28), inset 0 0 22px rgba(84,255,160,.16);
      animation:queuePulse 1.2s infinite;
      display:grid;
      place-items:center;
      color:#eafff2;
      font-weight:900;
      font-variant-numeric:tabular-nums;
    }
    @keyframes queuePulse{0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(84,255,160,.30)}70%{transform:scale(1);box-shadow:0 0 0 18px rgba(84,255,160,0)}100%{transform:scale(.92);box-shadow:0 0 0 0 rgba(84,255,160,0)}}
    .onlineMatchFound{
      border-color:rgba(255,218,140,.34);
      background:radial-gradient(circle at 50% 0%,rgba(255,218,140,.16),transparent 55%),rgba(0,0,0,.22);
    }
        @media(max-width:760px){.onlinePlayers{grid-template-columns:1fr}.onlineRoomHeader{display:grid}.onlineRoomCode{font-size:20px}}
    #onlineBadge{display:none!important}
    #onlineBadge.hidden{display:none!important}
    #freeCameraBtn.freeOn{border-color:rgba(255,218,140,.52)!important;background:rgba(255,218,140,.14)!important;color:#ffe3a2!important}
    .deckWheel{
      display:flex;
      gap:8px;
      overflow-x:auto;
      padding:9px 2px 12px;
      margin-top:10px;
      border-top:1px solid rgba(255,218,140,.12);
      scrollbar-width:thin;
    }
    .deckWheelCard{
      flex:0 0 86px;
      height:112px;
      border:1px solid rgba(255,218,140,.22);
      background:linear-gradient(160deg,rgba(93,54,20,.82),rgba(9,16,10,.9));
      border-radius:6px;
      padding:6px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      text-align:center;
      box-shadow:0 10px 22px rgba(0,0,0,.24);
    }
    .deckWheelCard .miniName{font-size:10px;line-height:1.15;color:#ffe0a1;min-height:24px}
    .deckWheelCard .miniCost{font-size:11px;color:var(--accent);font-weight:900}
    .deckWheelCard.joining{animation:joinDeck .42s ease both}
    @keyframes joinDeck{0%{transform:translateY(32px) scale(.72) rotate(-8deg);opacity:0}80%{transform:translateY(-4px) scale(1.04)}100%{transform:none;opacity:1}}
    .card.pullToMap{animation:pullCardToMap .36s ease both;z-index:2}
    @keyframes pullCardToMap{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-28px) scale(1.06)}100%{transform:translateY(-12px) scale(.96);opacity:.82}}

  

    /* MVP 3.9.2CQ - novo menu baseado na arte enviada */
    #mainMenu{padding:12px}
    #mainMenu::before{
      background-image:
        linear-gradient(180deg, rgba(4,10,24,.30), rgba(3,5,14,.82)),
        linear-gradient(90deg, rgba(2,6,20,.76), rgba(10,18,46,.18) 48%, rgba(12,5,22,.76)),
        url("../Assets/Img/Huds/Menu/MainMenu.png"),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Img/Huds/Menu/MainMenu.png");
      background-size:cover,cover,cover,cover;
      background-position:center,center,center,center;
      filter:saturate(1.06) contrast(1.03);
      opacity:1;
    }
    #mainMenu::after{background:linear-gradient(180deg, rgba(4,8,20,.18), rgba(5,7,18,.70))}
    .menuShell.home{
      width:min(1360px, calc(100vw - 18px));
      max-height:calc(100vh - 18px);
      min-height:calc(100vh - 18px);
      aspect-ratio:auto;
      padding:0;
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      overflow:hidden;
    }
    .epicMenuStage{
      position:relative;
      min-height:calc(100vh - 18px);
      padding:18px 28px 28px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:24px;
      overflow:hidden;
    }
    .epicMenuFrame{
      position:absolute; inset:8px;
      border:1px solid rgba(255,214,132,.22);
      box-shadow:inset 0 0 0 1px rgba(69,131,255,.18), 0 0 0 1px rgba(19,38,79,.72);
      pointer-events:none;
    }
    .utilityMenuRow{position:absolute; left:24px; top:20px; z-index:4; display:flex; gap:8px}
    .utilityBtn,.hiddenUtility{min-height:36px; padding:8px 12px; font-size:13px}
    .hiddenUtility{display:none!important}
    .menuProfileCard{
      position:absolute; right:26px; top:20px; z-index:4;
      min-width:240px; max-width:310px;
      padding:12px 14px;
      border:1px solid rgba(255,216,130,.30);
      background:linear-gradient(180deg, rgba(8,20,58,.90), rgba(6,11,28,.90));
      box-shadow:0 12px 38px rgba(0,0,0,.34), inset 0 0 0 1px rgba(86,166,255,.10);
      backdrop-filter:blur(4px);
      border-radius:4px;
    }
    .menuProfileLine{display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:10px}
    .menuProfileCard .label{font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:rgba(226,232,255,.72)}
    .menuProfileCard strong{color:#fbe4a5; font-family:"MenuMedieval", Georgia, serif; font-size:18px}
    .menuProfileStats{display:grid; grid-template-columns:1fr 1fr; gap:10px}
    .profileStat{padding-top:8px; border-top:1px solid rgba(255,214,132,.16); display:flex; justify-content:space-between; align-items:center; gap:8px}
    .profileStat strong{font-size:16px}
    .epicPlayWrap{display:flex; justify-content:center; align-items:flex-start; padding-top:28px}
    .heroPlayButton{
      width:min(560px, 62vw); min-height:128px; padding:18px 28px;
      border:1px solid rgba(255,220,150,.32);
      background:linear-gradient(180deg, rgba(11,38,96,.95), rgba(7,19,46,.94));
      box-shadow:0 20px 60px rgba(0,0,0,.42), inset 0 0 0 1px rgba(77,166,255,.24), 0 0 24px rgba(62,136,255,.18);
      position:relative; overflow:hidden;
    }
    .heroPlayButton::before, .heroPlayButton::after{
      content:""; position:absolute; left:50%; transform:translateX(-50%) rotate(45deg);
      width:24px; height:24px; border:1px solid rgba(111,199,255,.82); background:linear-gradient(180deg,#6ed4ff,#2c4db8);
      box-shadow:0 0 16px rgba(90,173,255,.38);
    }
    .heroPlayButton::before{top:-3px}
    .heroPlayButton::after{bottom:-3px}
    .heroPlayText{display:block; font-size:clamp(44px, 6.3vw, 78px); color:#f4e1ae; letter-spacing:.06em; text-shadow:0 4px 0 rgba(0,0,0,.38), 0 0 26px rgba(102,180,255,.16)}
    .epicBottomArea{display:flex; flex-direction:column; align-items:center; gap:18px; padding-bottom:18px}
    .epicBottomRow{width:min(1220px, 100%); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px}
    .epicMenuBtn, .weeklyPlaceholderBtn{
      min-height:150px; padding:18px 22px;
      display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:8px;
      text-align:left;
      border:1px solid rgba(255,216,130,.32);
      background:linear-gradient(180deg, rgba(8,36,92,.93), rgba(6,14,34,.92));
      box-shadow:0 18px 48px rgba(0,0,0,.40), inset 0 0 0 1px rgba(76,160,255,.14), 0 0 20px rgba(59,128,255,.14);
      position:relative;
    }
    .epicMenuBtn::after, .weeklyPlaceholderBtn::after{
      content:""; position:absolute; left:50%; bottom:-8px; transform:translateX(-50%) rotate(45deg);
      width:14px; height:14px; background:linear-gradient(180deg,#8dd6ff,#3150ba); border:1px solid rgba(140,203,255,.8);
      box-shadow:0 0 12px rgba(105,184,255,.38);
    }
    .weeklyPlaceholderBtn{min-height:86px; width:min(460px, 60%); align-items:center; text-align:center}
    .weeklyPlaceholderBtn .epicBtnTitle{text-align:center}
    .epicBtnKicker{font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:rgba(220,228,255,.72)}
    .epicBtnTitle{font-family:"MenuMedieval", Georgia, serif; font-size:clamp(26px, 3vw, 48px); color:#f4dfaa; line-height:1.02; text-shadow:0 2px 0 rgba(0,0,0,.34)}
    .playChoiceModal{position:absolute; inset:0; z-index:7; display:grid; place-items:center}
    .playChoiceModal.hidden{display:none}
    .playChoiceBackdrop{position:absolute; inset:0; background:rgba(3,7,18,.66); backdrop-filter:blur(4px)}
    .playChoicePanel{
      position:relative; z-index:1; width:min(1060px, calc(100% - 72px));
      padding:24px; border:1px solid rgba(255,216,130,.28); background:linear-gradient(180deg, rgba(8,18,50,.96), rgba(5,9,26,.94));
      box-shadow:0 26px 80px rgba(0,0,0,.48), inset 0 0 0 1px rgba(86,166,255,.10);
    }
    .playChoiceHeader{display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px}
    .playChoiceHeader h2{margin:0; font-size:30px; color:#f6e3b4}
    .playChoiceGrid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px}
    .playChoiceCard{
      min-height:220px; padding:20px 18px; text-align:left;
      display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; gap:10px;
      border:1px solid rgba(255,216,130,.24); background:linear-gradient(180deg, rgba(11,34,84,.93), rgba(9,16,39,.94));
    }
    .playChoiceCard.primary{background:linear-gradient(180deg, rgba(29,71,154,.96), rgba(11,28,68,.96))}
    .playChoiceCard.placeholder{opacity:.76}
    .playChoiceCard.locked{opacity:.48;filter:grayscale(.68) saturate(.65);cursor:not-allowed;border-color:rgba(255,97,116,.28);box-shadow:none}
    .playChoiceCard.locked strong{color:#c9ced8}
    .playChoiceCard.locked .choiceTag{color:#ff9aa8}
    .choiceTag{font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:rgba(226,232,255,.74)}
    .playChoiceCard strong{font-family:"MenuMedieval", Georgia, serif; color:#ffe2a2; font-size:28px; line-height:1.08}
    .playChoiceCard small{font-size:13px; line-height:1.45; color:#d6c3a0; text-align:left}
    @media (max-width: 980px){
      .menuShell.home{min-height:calc(100vh - 12px); max-height:calc(100vh - 12px)}
      .epicMenuStage{padding:16px 16px 22px; min-height:calc(100vh - 12px)}
      .heroPlayButton{width:min(620px, 92vw); min-height:104px}
      .epicBottomRow{grid-template-columns:1fr; width:min(760px,100%)}
      .weeklyPlaceholderBtn{width:min(420px, 94%)}
      .playChoiceGrid{grid-template-columns:1fr}
      .playChoicePanel{width:min(760px, calc(100% - 24px)); padding:18px}
      .menuProfileCard{position:relative; right:auto; top:auto; margin-left:auto; margin-top:6px}
      .utilityMenuRow{top:16px; left:16px}
      .epicPlayWrap{padding-top:8px}
    }


    /* MVP 3.9.2CQ - ajustes do menu para não estourar textos */
    .epicBottomRow{
      width:min(1120px, 94vw)!important;
      gap:14px!important;
      align-items:stretch;
    }
    .epicMenuBtn{
      min-width:0!important;
      min-height:118px!important;
      padding:14px 14px!important;
      align-items:center!important;
      text-align:center!important;
      justify-content:center!important;
      overflow:hidden!important;
    }
    .weeklyPlaceholderBtn{
      min-height:66px!important;
      padding:10px 18px!important;
      width:min(420px, 56vw)!important;
      overflow:hidden!important;
    }
    .epicBtnTitle{
      display:block!important;
      width:100%!important;
      max-width:100%!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
      word-break:normal!important;
      hyphens:auto!important;
      text-align:center!important;
      font-size:clamp(19px, 2.05vw, 31px)!important;
      letter-spacing:.035em!important;
      line-height:1.05!important;
    }
    .weeklyPlaceholderBtn .epicBtnTitle{
      font-size:clamp(17px, 1.8vw, 25px)!important;
      letter-spacing:.045em!important;
    }
    .epicBtnKicker{
      width:100%!important;
      text-align:center!important;
      font-size:10px!important;
    }
    .heroPlayButton{
      width:min(520px, 54vw)!important;
      min-height:104px!important;
      padding:14px 24px!important;
    }
    .heroPlayText{
      font-size:clamp(38px, 5.2vw, 66px)!important;
      line-height:.98!important;
      white-space:nowrap!important;
    }
    .menuProfileCard{
      max-width:min(310px, 32vw)!important;
    }
    .menuProfileCard strong{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .playChoiceCard strong{
      overflow-wrap:anywhere;
    }
    @media (max-width: 1120px){
      .epicBottomRow{grid-template-columns:repeat(3, minmax(0,1fr))!important; gap:10px!important}
      .epicMenuBtn{min-height:104px!important; padding:12px 10px!important}
      .epicBtnTitle{font-size:clamp(16px, 2.2vw, 25px)!important}
    }
    @media (max-width: 820px){
      .epicBottomRow{grid-template-columns:1fr!important; width:min(560px, 94vw)!important}
      .epicMenuBtn{min-height:82px!important}
      .epicBtnTitle{font-size:clamp(22px, 6vw, 34px)!important}
      .weeklyPlaceholderBtn{width:min(420px, 94vw)!important}
      .heroPlayButton{width:min(520px, 92vw)!important}
      .menuProfileCard{max-width:min(310px, 72vw)!important}
    }

    /* Nick obrigatório: Jogador é só placeholder visual, nunca nick salvo válido */
    .nickCard .nickError{
      color:#ffb1b1;
      font-size:12px;
      min-height:16px;
      margin-top:8px;
    }



    /* MVP 3.9.2CQ - modal de nick obrigatório acima do menu/loading */
    .nickModal{
      position:fixed!important;
      inset:0!important;
      z-index:120!important;
      display:grid!important;
      place-items:center!important;
      padding:20px!important;
      background:radial-gradient(circle at 50% 34%, rgba(73,138,255,.18), transparent 38%), rgba(2,6,18,.82)!important;
      backdrop-filter:blur(7px)!important;
      pointer-events:auto!important;
    }
    .nickModal.hidden{display:none!important; pointer-events:none!important}
    .nickCard{
      width:min(460px, calc(100vw - 34px));
      border:1px solid rgba(255,220,150,.36);
      background:linear-gradient(180deg, rgba(8,25,70,.98), rgba(5,10,28,.98));
      box-shadow:0 34px 110px rgba(0,0,0,.65), inset 0 0 0 1px rgba(83,166,255,.12);
      padding:24px;
      border-radius:6px;
      text-align:center;
    }
    .nickCard h2{margin:0 0 8px;color:#ffe2a2;font-size:30px;letter-spacing:.04em}
    .nickCard p{margin:0 0 16px;color:#d6c3a0;line-height:1.45;font-size:13px}
    .nickCard input{
      width:100%;
      box-sizing:border-box;
      background:rgba(0,0,0,.34);
      border:1px solid rgba(255,218,140,.28);
      color:#fff8dd;
      padding:13px 14px;
      border-radius:4px;
      font-size:18px;
      font-weight:900;
      text-align:center;
      outline:none;
      margin-bottom:12px;
    }
    .nickCard input:focus{border-color:rgba(111,199,255,.78);box-shadow:0 0 0 3px rgba(72,145,255,.18)}
    .nickCard button{width:100%;min-height:44px;font-size:16px}


    /* MVP 3.9.2CQ - correção de hitbox do deck/HUD
       O painel inferior visualmente transparente não deve bloquear clique/raycast no tabuleiro.
       Só cartas e botões ficam clicáveis; o resto deixa o mouse atravessar para o canvas. */
    #bottomPanel{
      pointer-events:none!important;
    }
    #bottomPanel .section-title,
    #bottomPanel #gameDeckCountLabel{
      pointer-events:none!important;
      user-select:none;
    }
    #bottomPanel .cards{
      pointer-events:none!important;
    }
    #bottomPanel .card{
      pointer-events:auto!important;
    }
    #deckActionBar{
      pointer-events:none!important;
    }
    #deckActionBar button{
      pointer-events:auto!important;
    }
    #bottomPanel .card,
    #deckActionBar button{
      position:relative;
      z-index:2;
    }


    /* MVP 3.9.2CQ - Login como primeira tela / banco no PC servidor */
    body.auth-locked #mainMenu{
      display:grid!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
      background:transparent!important;
      backdrop-filter:none!important;
      z-index:80;
    }
    body.auth-locked #mainMenu::before,
    body.auth-locked #mainMenu::after{
      display:none!important;
    }
    body.auth-locked .menuShell{
      width:100vw!important;
      height:100vh!important;
      max-height:none!important;
      aspect-ratio:auto!important;
      overflow:hidden!important;
      padding:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      pointer-events:none!important;
    }
    body.auth-locked .epicMenuStage{
      min-height:100vh!important;
      display:grid!important;
      place-items:center!important;
      padding:18px!important;
    }
    body.auth-locked .epicMenuFrame,
    body.auth-locked .utilityMenuRow,
    body.auth-locked .menuProfileCard,
    body.auth-locked .epicPlayWrap,
    body.auth-locked .epicBottomArea,
    body.auth-locked .friendsSidebar,
    body.auth-locked .patchNotesDock,
    body.auth-locked .patchNotesModal,
    body.auth-locked .menuCenterColumn,
    body.auth-locked .menuRightColumn,
    body.auth-locked .menuActionStack,
    body.auth-locked #playChoiceModal,
    body.auth-locked #friendProfileModal{
      display:none!important;
    }
    body.auth-locked #accountPanel{
      position:fixed!important;
      left:50%!important;
      top:50%!important;
      transform:translate(-50%,-50%)!important;
      z-index:91!important;
      width:min(430px,calc(100vw - 36px))!important;
      pointer-events:auto!important;
      padding:18px!important;
      border-radius:14px!important;
      background:
        radial-gradient(circle at 50% 0%,rgba(111,166,255,.16),transparent 42%),
        linear-gradient(180deg,rgba(8,20,58,.97),rgba(5,8,19,.96))!important;
      box-shadow:0 34px 120px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.08)!important;
    }
    body.auth-locked .accountHeader span::after{
      content:" • Servidor";
      color:#8ee7ff;
      font-size:10px;
    }
    body.auth-locked #bootLoadingOverlay{
      display:grid!important;
      visibility:visible!important;
      opacity:1!important;
      pointer-events:none!important;
      z-index:30!important;
    }
    body.auth-locked #bootLoadingOverlay .bootLoadingPanel{
      transform:translateY(230px) scale(.84);
      opacity:.62;
      filter:saturate(.85);
    }


    /* MVP 3.9.2CQ - Tela de deck estilo RPG premium */
    #menuDeck.deckForgeScreen{width:100%;height:calc(100vh - 70px);overflow:hidden;display:flex;flex-direction:column;gap:10px}
    #menuDeck.deckForgeScreen.hidden{display:none!important}
    .deckForgeTopbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:4px 2px 8px;border-bottom:1px solid rgba(255,210,125,.18)}
    .deckForgeTopbar h2{margin:0;font-size:clamp(28px,3vw,44px);letter-spacing:.12em;text-transform:uppercase;color:#f3dfad;text-shadow:0 2px 0 rgba(0,0,0,.65)}
    .deckBackGem{width:58px;height:58px;border-radius:50%!important;font-size:42px!important;line-height:1;padding:0!important;background:radial-gradient(circle at 50% 35%,rgba(255,226,154,.16),rgba(0,0,0,.74))!important;border-color:rgba(255,210,125,.34)!important;color:#d6bd7b!important}
    .deckForgeCurrencies{display:flex;gap:18px;align-items:center;color:#d9c18d;font-size:18px;font-weight:900}.deckForgeCurrencies span{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,210,125,.20);border-radius:999px;background:rgba(0,0,0,.26)}
    .deckForgeTabs{display:flex;gap:8px;margin:0!important}.deckForgeTabs button{min-width:128px;text-transform:uppercase;letter-spacing:.08em}
    .deckForgeLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,30vw);grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;flex:1}
    .deckForgeSelectedPanel{grid-column:1 / 3;display:grid;grid-template-columns:150px minmax(0,1fr) 255px;gap:10px;min-height:170px;border:1px solid rgba(255,210,125,.24);background:linear-gradient(180deg,rgba(7,8,9,.84),rgba(2,3,4,.72));box-shadow:inset 0 1px 0 rgba(255,236,170,.06);padding:10px}
    .deckCountCard{display:grid;place-items:center;text-align:center;border:1px solid rgba(255,210,125,.22);background:radial-gradient(circle at 50% 20%,rgba(255,210,125,.12),transparent 46%),rgba(0,0,0,.34);min-height:145px}.deckCountIcon{font-size:38px;color:#d7b65f}.deckCountCard strong{text-transform:uppercase;letter-spacing:.1em;color:#f6e5b6}.deckCountCard span{font-size:28px;color:#fff4d0}.deckCountCard small{color:#b9a576;text-transform:uppercase;letter-spacing:.08em}
    .deckSelectedWrap{min-width:0;display:flex;flex-direction:column}.deckForgeName{max-width:360px;background:rgba(0,0,0,.22)!important;border-color:rgba(255,210,125,.18)!important;color:#f5e3b1!important;text-transform:uppercase;letter-spacing:.06em}
    .deckForgeStrip{min-height:132px!important;display:flex!important;align-items:stretch;gap:10px;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0 2px 6px!important;overflow-x:auto}.deckDragHint{text-align:center;color:#bba97c;font-size:13px;border-top:1px solid rgba(255,210,125,.12);padding-top:6px}
    .deckForgeStrip .selectedDeckMini{position:relative;flex:0 0 118px;min-height:128px;border-radius:3px!important;border-color:rgba(255,210,125,.35)!important;background:linear-gradient(180deg,rgba(30,27,20,.95),rgba(6,6,7,.98))!important}.deckForgeStrip .selectedDeckMini .cardPreview{height:76px!important}.deckForgeStrip .selectedDeckMini b{text-align:center;text-transform:uppercase;font-size:10px;color:#f4eddf}.deckForgeStrip .selectedDeckMini span{text-align:center;color:#d5bd79}.deckForgeStrip .selectedDeckMini.empty{border-style:solid;background:rgba(255,255,255,.025)!important;color:#74674a}
    .deckInspector{padding:14px;border-left:1px solid rgba(255,210,125,.14);background:rgba(0,0,0,.14)}.deckInspectorTop,.deckInspectorLine{display:flex;justify-content:space-between;gap:10px;align-items:center}.deckInspectorTop{color:#d7c69b;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.deckInspectorTop button{width:28px;height:28px;padding:0}.deckInspector h3{font-size:20px;color:#f7e7bb;margin:12px 0 16px;text-transform:uppercase}.deckInspectorLine{padding:9px 0;border-top:1px solid rgba(255,210,125,.10);color:#bda87a}.deckInspectorLine b{color:#f4ead0}.deckInspectorSave{width:100%;margin-top:12px;text-transform:uppercase;letter-spacing:.08em}
    .deckForgeCollectionPanel{min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid rgba(255,210,125,.22);background:linear-gradient(180deg,rgba(7,8,9,.82),rgba(2,3,4,.76))}.deckCollectionSide{padding:16px;border-right:1px solid rgba(255,210,125,.14);display:flex;flex-direction:column;gap:14px}.deckCollectionTitle{text-transform:uppercase;color:#f0ddb1;letter-spacing:.1em}.deckCollectionSide strong{font-size:24px;color:#fff4d0}.deckCategoryNav{display:flex;flex-direction:column;gap:8px}.deckCategoryNav button{text-align:left;text-transform:uppercase;letter-spacing:.08em;background:transparent!important;border-color:transparent!important;color:#aa9b78!important}.deckCategoryNav button.active{background:rgba(255,210,125,.11)!important;border-color:rgba(255,210,125,.24)!important;color:#ffe2a1!important}.deckFilterFakeBtn{margin-top:auto;text-transform:uppercase;letter-spacing:.1em}
    .deckCollectionMain{min-height:0;padding:16px;display:flex;flex-direction:column;gap:12px}.deckCollectionControls{display:grid;grid-template-columns:minmax(240px,1fr) 180px;gap:12px}.deckCollectionControls input,.deckCollectionControls select{height:42px;background:rgba(0,0,0,.38);border:1px solid rgba(255,210,125,.22);color:#f4e8c8;border-radius:4px;padding:0 12px}.deckCollectionControls select option{background:#14100b;color:#f4e8c8}
    .deckForgeLibrary{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:12px!important;max-height:none!important;min-height:0!important;overflow:auto!important;padding:2px 8px 6px 2px!important}.deckCollectionCard{position:relative;min-height:206px!important;padding:7px!important;border-radius:4px!important;background:linear-gradient(180deg,rgba(22,21,19,.96),rgba(5,5,6,.98))!important;border-color:rgba(255,210,125,.22)!important}.deckCollectionCard.inspected{border-color:rgba(197,101,255,.62)!important;box-shadow:0 0 0 2px rgba(197,101,255,.13)}.deckCollectionCard.inDeck{box-shadow:inset 0 -4px 0 rgba(109,207,74,.68)}.deckCollectionCard .cardPreview{height:100px!important;margin-bottom:7px!important}.deckCollectionCard h3{text-align:center;text-transform:uppercase;font-size:12px!important;margin:4px 0!important;color:#f5eee1!important}.deckCollectionCard p{display:none}.deckCollectionCard .deckMeta{text-align:center;font-size:10px;color:#baa77e}.deckCollectionCard .counterRow{margin-top:6px}.deckCollectionCard .counterRow .qty{color:#e5d19c}.deckCostGem{position:absolute;left:7px;top:7px;z-index:4;width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(180deg,#4b2258,#1b0d22);border:1px solid rgba(246,186,255,.44);color:#fff2ff;font-weight:900;font-size:16px;box-shadow:0 6px 14px rgba(0,0,0,.45)}.deckCostGem.smallGem{width:24px;height:24px;font-size:13px;left:5px;top:5px}
    .brokenRepairSummary{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,204,100,.22);border-radius:10px;background:rgba(255,170,45,.07);color:#ffe6aa}.brokenRepairSummary strong{font-size:22px;color:#ffd26f}.brokenRepairActions{display:flex;gap:8px;flex-wrap:wrap}.brokenRepairActions button{min-height:36px}.deckBrokenCard{border-color:rgba(255,202,89,.35)!important;box-shadow:inset 0 0 0 1px rgba(255,202,89,.08)}.deckBrokenCard.selected{border-color:rgba(106,255,168,.72)!important;box-shadow:0 0 0 2px rgba(106,255,168,.14),inset 0 0 0 1px rgba(255,202,89,.12)}.deckBrokenBadge{position:absolute;right:7px;top:7px;z-index:4;border-radius:999px;background:rgba(255,202,89,.14);border:1px solid rgba(255,202,89,.36);color:#ffe1a1;font-size:11px;font-weight:900;padding:4px 7px}.repairCostLine{display:flex;align-items:center;justify-content:center;gap:6px;color:#f5d99b;font-size:12px;margin:6px 0}.brokenEmptyBox{padding:22px;border:1px dashed rgba(255,218,140,.22);border-radius:12px;text-align:center;color:#d9c08c;background:rgba(255,255,255,.03)}
    .deckRightColumn{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.deckCardDetailPanel,.deckPositionPanel{border:1px solid rgba(255,210,125,.22);background:linear-gradient(180deg,rgba(7,8,9,.84),rgba(2,3,4,.78));padding:14px}.deckCardDetailPanel{display:grid;grid-template-columns:120px 1fr;gap:14px}.deckCardDetailPreview .cardPreview{height:142px!important}.deckCardDetailText span{color:#cbb37b;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.deckCardDetailText h3{margin:8px 0 8px;color:#f7e4b1;text-transform:uppercase}.deckCardDetailText p{color:#c5b892;line-height:1.4}.deckCardDetailMeta{display:flex;gap:8px;flex-wrap:wrap}.deckCardDetailMeta span{padding:5px 8px;border:1px solid rgba(255,210,125,.16);background:rgba(255,255,255,.04)}.deckPositionPanel{min-height:0;overflow:auto}.deckPanelHeader.compact h3{text-transform:uppercase;font-size:17px}.deckForgeSetup .piecePalette{grid-template-columns:repeat(4,1fr)}.deckForgeSetup .piecePaletteCard{padding:5px}.deckForgeSetup .piecePaletteCard .cardPreview{height:48px!important}.deckForgeSetup .piecePaletteCard .small{display:none}.deckForgeSetup .setupTip{text-align:center;background:transparent;border:0;color:#c8b27e}.deckForgeSetup .setupBoard2d{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,62px);gap:4px;padding:10px;border-radius:4px;background:linear-gradient(180deg,rgba(90,73,51,.40),rgba(18,15,13,.90))}.deckForgeSetup .setupCell{min-height:58px;border-radius:2px;background:linear-gradient(145deg,rgba(77,66,52,.58),rgba(35,30,25,.82))}.deckForgeSetup .setupCell.locked{border-color:rgba(255,86,96,.55);background:linear-gradient(145deg,rgba(80,20,25,.65),rgba(35,10,12,.88))}.deckForgeSetup .setupPiece{min-height:38px;font-size:9px;border-radius:2px}.deckForgeFooter{margin-top:0!important}.deckFooterActions{display:flex;gap:10px;flex-wrap:wrap}.deckFooterActions button{text-transform:uppercase;letter-spacing:.07em}
    @media(max-width:1250px){.deckForgeLayout{grid-template-columns:1fr;overflow:auto}.deckForgeSelectedPanel{grid-column:1;grid-template-columns:120px minmax(0,1fr)}.deckInspector{grid-column:1 / 3;border-left:0;border-top:1px solid rgba(255,210,125,.14)}.deckRightColumn{grid-template-columns:1fr;grid-template-rows:auto auto}.deckForgeCollectionPanel{min-height:520px}.deckCollectionControls{grid-template-columns:1fr}.deckForgeCurrencies{display:none}}
    @media(max-width:760px){#menuDeck.deckForgeScreen{height:auto;overflow:auto}.deckForgeSelectedPanel,.deckForgeCollectionPanel{grid-template-columns:1fr}.deckCollectionSide{border-right:0;border-bottom:1px solid rgba(255,210,125,.14)}.deckForgeStrip .selectedDeckMini{flex-basis:104px}.deckCardDetailPanel{grid-template-columns:1fr}.deckForgeSetup .piecePalette{grid-template-columns:repeat(2,1fr)}}


    /* MVP 3.9.2CQ - mensagens claras no login */
    .accountStatus.error{color:#ff9eaa!important;font-weight:900}
    .accountStatus.ok{color:#9effc8!important;font-weight:900}
    .accountStatus.warn{color:#ffe28a!important;font-weight:900}


    /* MVP 3.9.2CQ - Social LoL-like + Deck fix */
    .friendsRequests{display:grid;gap:7px;margin-bottom:8px}
    .friendRequestItem{border:1px solid rgba(255,216,130,.18);background:rgba(255,216,130,.06);border-radius:8px;padding:8px;display:grid;gap:6px;color:#e9f2ff;font-size:12px}
    .friendRequestActions{display:flex;gap:6px}.friendRequestActions button{flex:1;padding:6px 7px;font-size:10px;border-radius:7px}
    .friendItem .friendActions{display:flex;gap:6px;margin-top:4px}.friendItem .friendActions button{flex:1;padding:6px 7px;font-size:10px;border-radius:7px}
    .friendChatModal{position:fixed;right:28px;bottom:24px;z-index:86;width:min(390px,calc(100vw - 28px));height:min(520px,calc(100vh - 44px));display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(117,172,255,.34);border-radius:12px;background:linear-gradient(180deg,rgba(7,16,42,.97),rgba(3,7,18,.98));box-shadow:0 28px 96px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}
    .friendChatModal.hidden{display:none!important}.friendChatHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
    .friendChatHeader strong{color:#fff4cc;font-size:14px}.friendChatHeader small{color:#9cc5ff}.friendChatHeader button{width:30px;height:30px;padding:0;border-radius:50%}.friendChatBody{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px;background:radial-gradient(circle at 50% 0%,rgba(82,133,255,.10),transparent 32%)}
    .chatBubble{max-width:82%;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.3;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.07);color:#eaf3ff}.chatBubble.me{align-self:flex-end;background:rgba(80,170,255,.18);border-color:rgba(92,185,255,.22)}.chatBubble.them{align-self:flex-start;background:rgba(255,255,255,.065)}
    .friendChatInputRow{display:flex;gap:8px;padding:11px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}.friendChatInputRow input{flex:1;min-width:0;padding:10px 12px;border-radius:999px;border:1px solid rgba(117,172,255,.25);background:rgba(0,0,0,.28);color:#fff}.friendChatInputRow button{min-width:78px;border-radius:999px}

    .deckForgeLayout{display:grid!important;grid-template-columns:minmax(560px,1.25fr) minmax(360px,.75fr)!important;grid-template-areas:"selected selected" "collection right" "footer right"!important;gap:14px!important;align-items:start!important;overflow:visible!important}
    .deckForgeSelectedPanel{grid-area:selected!important;display:grid!important;grid-template-columns:126px minmax(0,1fr) 250px!important;gap:12px!important;align-items:stretch!important;min-height:142px!important}
    .deckForgeCollectionPanel{grid-area:collection!important;min-height:0!important}.deckRightColumn{grid-area:right!important;display:grid!important;gap:12px!important;position:sticky!important;top:80px!important;align-self:start!important}.deckForgeFooter{grid-area:footer!important}.deckPositionPanel{display:block!important;min-height:360px!important;overflow:visible!important}.deckForgeSetup{display:grid!important;gap:10px!important}.deckForgeSetup .piecePalette{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.deckForgeSetup .piecePaletteCard{min-height:94px!important;padding:7px!important}.deckForgeSetup .piecePaletteCard .cardPreview{height:46px!important;margin-bottom:5px!important}.deckForgeSetup .piecePaletteCard strong{font-size:10px!important}.deckForgeSetup .piecePaletteCard .small{display:none!important}
    .deckForgeSetup .setupTip{font-size:11px!important;color:#d6c08d!important;text-align:center!important}.deckForgeSetup .setupBoard2d{display:grid!important;grid-template-columns:repeat(8,minmax(38px,1fr))!important;grid-template-rows:repeat(2,66px)!important;gap:4px!important;min-height:140px!important;padding:10px!important;border:1px solid rgba(255,218,140,.20)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(17,20,22,.85),rgba(9,8,7,.92))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.22)!important;position:relative!important}.deckForgeSetup .setupBoard2d:before{content:"SEU CAMPO INICIAL";position:absolute;left:50%;top:-9px;transform:translateX(-50%);padding:2px 10px;background:#11100c;color:#ffe1a0;font-size:10px;letter-spacing:.14em;border:1px solid rgba(255,218,140,.18);border-radius:999px}.deckForgeSetup .setupCell{min-height:58px!important;border-radius:6px!important;background:linear-gradient(135deg,rgba(66,92,105,.32),rgba(24,27,25,.58))!important;border:1px solid rgba(112,191,255,.28)!important;display:grid!important;place-items:center!important;position:relative!important}.deckForgeSetup .setupCell:nth-child(-n+8){border-color:rgba(255,105,105,.26)!important;background:linear-gradient(135deg,rgba(105,54,54,.30),rgba(26,21,20,.58))!important}.deckForgeSetup .setupCell.locked{border-color:rgba(255,218,140,.34)!important;background:linear-gradient(135deg,rgba(255,218,140,.18),rgba(22,15,7,.72))!important}.deckForgeSetup .setupCoord{position:absolute;left:5px;top:4px;font-size:9px;color:rgba(255,255,255,.42)}.deckForgeSetup .setupPiece{width:80%!important;min-height:40px!important;border-radius:8px!important;display:grid!important;place-items:center!important;font-size:9px!important;text-align:center!important}.deckForgeSetup .setupPiece small{font-size:20px!important;line-height:1!important}.deckCollectionCard .deckMeta{color:#a9c7ff!important}.selectedDeckMini span{color:#a9c7ff!important}.deckCardDetailMeta span{font-size:11px!important}
    @media(max-width:1180px){.deckForgeLayout{grid-template-columns:1fr!important;grid-template-areas:"selected" "right" "collection" "footer"!important}.deckForgeSelectedPanel{grid-template-columns:1fr!important}.deckRightColumn{position:relative!important;top:auto!important}.deckForgeSetup .setupBoard2d{grid-template-columns:repeat(4,minmax(46px,1fr))!important;grid-template-rows:repeat(4,62px)!important}}



    /* MVP 3.9.2CQ - Deck em tela cheia responsivo + sem "número roxo" confuso */
    body.deck-open #mainMenu{overflow:hidden!important}
    body.deck-open #menuShell{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;padding:10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(3,5,6,.96)!important;overflow:hidden!important}
    body.deck-open #menuDeck.deckForgeScreen{height:calc(100vh - 20px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden!important}
    body.deck-open .deckForgeTopbar{flex:0 0 auto!important;min-height:48px!important;padding:6px 4px!important}
    body.deck-open .deckForgeTopbar h2{font-size:clamp(22px,2.2vw,32px)!important;margin:0!important}
    body.deck-open .deckForgeTopbar .sub{font-size:12px!important;line-height:1.25!important}
    body.deck-open .deckForgeTabs{flex:0 0 auto!important;margin:0!important;padding:0!important}
    body.deck-open .deckForgeLayout{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(330px,31vw,450px)!important;grid-template-rows:minmax(106px,auto) minmax(0,1fr)!important;grid-template-areas:"selected selected" "collection right"!important;gap:10px!important;align-items:stretch!important}
    body.deck-open .deckForgeSelectedPanel{grid-area:selected!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) 220px!important;gap:10px!important;min-height:112px!important;align-items:stretch!important;overflow:hidden!important}
    body.deck-open .deckCountCard{min-height:0!important;padding:8px!important}.deckCountCard span{font-size:20px!important}
    body.deck-open .deckSelectedWrap{min-width:0!important;overflow:hidden!important}.deckForgeName{height:30px!important;padding:5px 8px!important}
    body.deck-open .selectedDeckStrip{min-height:82px!important;height:82px!important;margin:5px 0 4px!important;padding:6px!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important}
    body.deck-open .selectedDeckMini{flex:0 0 74px!important;min-height:68px!important;padding:4px!important;border-radius:7px!important}
    body.deck-open .selectedDeckMini .cardPreview{height:40px!important}.selectedDeckMini b{font-size:9px!important}.selectedDeckMini span{font-size:8px!important;color:#ffe1a0!important}
    body.deck-open .deckInspector{padding:9px!important;min-height:0!important}.deckInspector h3{font-size:16px!important;margin:3px 0 7px!important}.deckInspectorLine{padding:5px 0!important;font-size:11px!important}.deckInspectorSave{padding:7px 9px!important}
    body.deck-open .deckForgeCollectionPanel{grid-area:collection!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important}
    body.deck-open .deckCollectionSide{min-height:0!important;overflow:auto!important;padding:10px!important}.deckCategoryNav button{min-height:34px!important}
    body.deck-open .deckCollectionMain{min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
    body.deck-open .deckCollectionControls{flex:0 0 auto!important;margin-bottom:7px!important;gap:7px!important}.deckCollectionControls input,.deckCollectionControls select{height:34px!important;padding:6px 9px!important}
    body.deck-open .deckForgeLibrary{flex:1 1 auto!important;max-height:none!important;min-height:0!important;overflow:auto!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:8px!important;padding-right:5px!important}
    body.deck-open .deckCollectionCard{padding:6px!important;border-radius:8px!important;min-height:0!important}.deckCollectionCard .cardPreview{height:70px!important;margin-bottom:5px!important}.deckCollectionCard h3{font-size:11px!important;margin:3px 0!important}.deckCollectionCard .deckMeta{font-size:9px!important;line-height:1.2!important}.deckCollectionCard .counterRow{margin-top:5px!important}.deckCollectionCard .counterRow button{height:26px!important;width:30px!important}.deckCollectionCard .counterRow .qty{font-size:11px!important}
    body.deck-open .deckRightColumn{grid-area:right!important;position:static!important;top:auto!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:9px!important;min-height:0!important;overflow:hidden!important}
    body.deck-open .deckCardDetailPanel{min-height:0!important;padding:10px!important;display:grid!important;grid-template-columns:96px 1fr!important;gap:9px!important}.deckCardDetailPreview .cardPreview{height:82px!important}.deckCardDetailText h3{font-size:16px!important;margin:3px 0!important}.deckCardDetailText p{font-size:11px!important;line-height:1.25!important;margin:4px 0!important}
    body.deck-open .deckPositionPanel{min-height:0!important;overflow:auto!important;padding:10px!important}.deckPanelHeader.compact{margin-bottom:6px!important;padding-bottom:6px!important}.deckPanelHeader.compact h3{font-size:16px!important}
    body.deck-open .deckForgeSetup{gap:7px!important}.deckForgeSetup .piecePalette{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.deckForgeSetup .piecePaletteCard{min-height:74px!important;padding:5px!important}.deckForgeSetup .piecePaletteCard .cardPreview{height:38px!important}.deckForgeSetup .piecePaletteCard strong{font-size:9px!important}.deckForgeSetup .setupTip{font-size:10px!important;padding:6px!important}
    body.deck-open .deckForgeSetup .setupBoard2d{grid-template-columns:repeat(8,minmax(28px,1fr))!important;grid-template-rows:repeat(2,54px)!important;gap:4px!important;min-height:118px!important;padding:9px!important}.deckForgeSetup .setupCell{min-height:50px!important}.deckForgeSetup .setupPiece{min-height:34px!important;font-size:8px!important}.deckForgeSetup .setupPiece small{font-size:16px!important}.setupEmpty{font-size:18px!important;color:rgba(255,255,255,.38)}
    body.deck-open .deckForgeFooter{flex:0 0 auto!important;margin:0!important;padding:7px 4px!important;min-height:0!important}.deckFooterActions button{padding:7px 10px!important}.deckStatus{font-size:11px!important}
    body.deck-open .deckCostGem{display:none!important}.deckOwnedBadge,.deckSlotBadge{position:absolute;left:6px;top:6px;z-index:5;padding:3px 6px;border-radius:999px;background:linear-gradient(180deg,#173822,#0a1a10);border:1px solid rgba(137,255,181,.38);color:#c9ffdc;font-size:11px;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.35)}.deckSlotBadge{background:linear-gradient(180deg,#2f2410,#0e0b05);border-color:rgba(255,218,140,.38);color:#ffe1a0}
    .friendUnreadBadge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4f68;color:white;font-size:10px;font-weight:900;box-shadow:0 0 12px rgba(255,79,104,.45);margin-right:6px}
    .friendChatNotify{position:fixed;right:24px;bottom:24px;z-index:88;display:flex;align-items:center;gap:8px;min-width:132px;padding:10px 13px;border-radius:999px;border:1px solid rgba(117,172,255,.38);background:linear-gradient(180deg,rgba(22,44,92,.96),rgba(7,16,42,.96));color:#eef6ff;box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 22px rgba(91,156,255,.18);font-weight:900;cursor:pointer}.friendChatNotify.hidden{display:none!important}.friendChatNotify b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#ff4f68;color:#fff;font-size:11px}.friendChatNotify span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
    @media(max-width:1160px){body.deck-open #menuDeck.deckForgeScreen{overflow:auto!important}body.deck-open .deckForgeLayout{grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(420px,1fr)!important;grid-template-areas:"selected" "right" "collection"!important;overflow:visible!important}body.deck-open .deckForgeSelectedPanel{grid-template-columns:1fr!important}body.deck-open .deckForgeCollectionPanel{grid-template-columns:132px minmax(0,1fr)!important;min-height:520px!important}body.deck-open .deckRightColumn{overflow:visible!important}body.deck-open .deckForgeSetup .setupBoard2d{grid-template-columns:repeat(4,minmax(48px,1fr))!important;grid-template-rows:repeat(4,54px)!important}}
    @media(max-height:760px){body.deck-open #menuShell{padding:6px!important}body.deck-open #menuDeck.deckForgeScreen{height:calc(100vh - 12px)!important;gap:5px!important}.deckForgeTopbar .sub{display:none!important}body.deck-open .deckForgeLayout{gap:6px!important;grid-template-rows:minmax(90px,auto) minmax(0,1fr)!important}body.deck-open .deckForgeSelectedPanel{min-height:92px!important}body.deck-open .selectedDeckStrip{height:64px!important;min-height:64px!important}.selectedDeckMini .cardPreview{height:32px!important}.deckDragHint{display:none!important}body.deck-open .deckForgeLibrary{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important}.deckCollectionCard .cardPreview{height:58px!important}.deckCardDetailPanel{grid-template-columns:78px 1fr!important}.deckCardDetailPreview .cardPreview{height:64px!important}body.deck-open .deckForgeSetup .piecePaletteCard{min-height:58px!important}.deckForgeSetup .piecePaletteCard .cardPreview{display:none!important}body.deck-open .deckForgeSetup .setupBoard2d{grid-template-rows:repeat(2,44px)!important;min-height:98px!important}.deckForgeSetup .setupCell{min-height:40px!important}.deckForgeFooter{display:none!important}}


    /* MVP 3.9.2CQ - título centralizado e header seguro na tela de deck */
    #menuDeck.deckForgeScreen .deckForgeTopbar,
    body.deck-open .deckForgeTopbar{
      display:grid!important;
      grid-template-columns:minmax(150px,230px) minmax(0,1fr) minmax(150px,230px)!important;
      align-items:center!important;
      position:relative!important;
      column-gap:10px!important;
    }
    #menuDeck.deckForgeScreen .deckBackGem,
    body.deck-open .deckBackGem{
      justify-self:start!important;
      grid-column:1!important;
      z-index:2!important;
    }
    #menuDeck.deckForgeScreen .deckForgeTopbar > div:not(.deckForgeCurrencies),
    body.deck-open .deckForgeTopbar > div:not(.deckForgeCurrencies){
      grid-column:2!important;
      justify-self:center!important;
      text-align:center!important;
      min-width:0!important;
      max-width:100%!important;
      pointer-events:none;
    }
    #menuDeck.deckForgeScreen .deckForgeTopbar h2,
    body.deck-open .deckForgeTopbar h2{
      text-align:center!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
      max-width:100%!important;
    }
    #menuDeck.deckForgeScreen .deckForgeTopbar .sub,
    body.deck-open .deckForgeTopbar .sub{
      text-align:center!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
    }
    #menuDeck.deckForgeScreen .deckForgeCurrencies,
    body.deck-open .deckForgeCurrencies{
      grid-column:3!important;
      justify-self:end!important;
      z-index:2!important;
    }
    .deckUseBreakdown{
      display:flex;
      justify-content:space-between;
      gap:8px;
      margin-top:6px;
      color:#cbb98a;
      font-size:10px;
      line-height:1.2;
      flex-wrap:wrap;
    }
    .deckUseBreakdown b{color:#ffe1a0}
    .piecePaletteCard.noCopies{opacity:.42;filter:grayscale(.55);cursor:not-allowed!important}
    @media(max-width:760px){
      #menuDeck.deckForgeScreen .deckForgeTopbar,
      body.deck-open .deckForgeTopbar{
        grid-template-columns:64px minmax(0,1fr) 64px!important;
      }
      #menuDeck.deckForgeScreen .deckForgeCurrencies,
      body.deck-open .deckForgeCurrencies{display:none!important}
    }


    /* MVP 3.9.2CQ - pente fino visual: transições mais suaves sem pesar */
    .deckCollectionCard,
    .selectedDeckMini,
    .piecePaletteCard,
    .setupCell,
    .friendItem,
    .shopCard,
    .card,
    .menuButton,
    .epicPlayButton{
      backface-visibility:hidden;
      transition:transform .14s ease, filter .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
    }
    .deckCollectionCard:hover,
    .selectedDeckMini:hover,
    .piecePaletteCard:hover,
    .setupCell:not(.locked):hover,
    .shopCard:hover,
    .card:hover{
      transform:translateY(-1px);
      filter:saturate(1.05) brightness(1.04);
    }
    .deckCollectionCard:active,
    .selectedDeckMini:active,
    .piecePaletteCard:active,
    .setupCell:not(.locked):active,
    .card:active{
      transform:translateY(0) scale(.99);
    }
    @media (prefers-reduced-motion: reduce){
      .deckCollectionCard,.selectedDeckMini,.piecePaletteCard,.setupCell,.friendItem,.shopCard,.card,.menuButton,.epicPlayButton{transition:none!important;animation:none!important}
    }



    /* v3.9.2AQ - Ranked icon sizing fix */
    .rankIconMini{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;max-height:18px!important;vertical-align:middle!important;overflow:hidden!important;border-radius:50%!important;line-height:0!important;flex:0 0 18px!important}
    .rankIconMini img{display:block!important;width:100%!important;height:100%!important;max-width:18px!important;max-height:18px!important;object-fit:contain!important}
    #menuProfileRankIcon.rankIconMini,#accountRankIcon.rankIconMini{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;max-height:72px!important}
    #menuProfileRankIcon img,#accountRankIcon img{max-width:72px!important;max-height:72px!important}
    #friendProfileRank .rankIconMini{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;max-height:16px!important;margin:0 4px!important}
    #friendProfileRank .rankIconMini img{max-width:16px!important;max-height:16px!important}
    #rewardRankIcon.rankIconMini{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;max-height:42px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.28)!important}
    #rewardRankIcon img{max-width:42px!important;max-height:42px!important}
    .rankPlacementCelebration{position:fixed!important;inset:0!important;z-index:9999!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.48)!important;backdrop-filter:blur(6px)!important;pointer-events:auto!important}
    .rankCelebrationCard{width:min(340px,92vw)!important;padding:22px!important;border-radius:24px!important;text-align:center!important;background:linear-gradient(180deg,rgba(26,25,44,.96),rgba(8,10,18,.98))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 24px 80px rgba(0,0,0,.55)!important}
    .rankCelebrationCard .rankIconMini{width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;max-height:74px!important;margin:0 auto 12px!important;border-radius:22px!important;background:rgba(255,255,255,.07)!important}
    .rankCelebrationCard .rankIconMini img{max-width:74px!important;max-height:74px!important}
    .rankCelebrationCard h2{font-size:22px!important;margin:8px 0 4px!important}.rankCelebrationCard p{font-size:15px!important;margin:0!important;color:#fff2bc!important;font-weight:900!important}


    /* MVP 3.9.2CQ - perfil/ranked refinado */
    .profileRankShowcase{display:grid;place-items:center;text-align:center;gap:8px;margin:10px 0 16px;padding:16px;border:1px solid rgba(255,216,130,.22);border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.12),transparent 62%),rgba(0,0,0,.18)}
    .profileRankShowcase .rankIconProfile{width:92px!important;height:92px!important;min-width:92px!important;max-width:92px!important;max-height:92px!important;border-radius:26px!important;background:rgba(255,255,255,.06)!important;box-shadow:0 14px 42px rgba(0,0,0,.34)!important}
    .profileRankShowcase .rankIconProfile img{width:100%!important;height:100%!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important}
    .profileRankShowcase .rankName{font-size:22px;color:#ffe4a6;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
    .profileRankShowcase .rankMeta{color:#c8d7f5;font-size:12px;font-weight:800}
    .rankProgressBar.big{width:min(430px,88%);height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.10)}
    .rankProgressBar.big span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8ee7ff,#ffe4a6)}
    .ranksModal{position:fixed;inset:0;z-index:92;display:grid;place-items:center;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.ranksModal.hidden{display:none!important}
    .ranksPanel{width:min(1240px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid rgba(255,216,130,.28);border-radius:20px;background:linear-gradient(180deg,rgba(8,20,58,.98),rgba(5,8,19,.98));box-shadow:0 32px 120px rgba(0,0,0,.68);padding:20px}
    .ranksHeader{display:grid;grid-template-columns:1fr minmax(280px,430px) 1fr;align-items:center;gap:14px;margin-bottom:18px}.ranksHeaderSide.right{justify-self:end;display:flex;align-items:center;gap:12px}.ranksHeader h2{margin:0;color:#ffe4a6}
    .ranksCurrentRank{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;text-align:left;justify-self:center;width:100%;padding:12px;border:1px solid rgba(255,216,130,.18);border-radius:16px;background:rgba(255,255,255,.045)}.ranksCurrentRank .rankIconProfile{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;max-height:72px!important}.ranksCurrentRank b{display:block;color:#ffe4a6;font-size:20px;text-transform:uppercase;letter-spacing:.08em}.ranksCurrentRank span{display:block;color:#d7e6ff;font-size:12px;font-weight:900;margin:2px 0 7px}.seasonEnds{text-align:right;text-transform:uppercase}.seasonEnds span{display:block;color:#8ee7ff;font-size:10px;font-weight:1000;letter-spacing:.12em}.seasonEnds b{display:block;color:#fff;font-size:18px}
    .ranksGrid{display:grid;gap:16px}.ranksTopRow{display:grid;grid-template-columns:repeat(6,minmax(116px,1fr));gap:10px}.ranksApexRow{display:grid;grid-template-columns:repeat(2,minmax(170px,260px));justify-content:center;gap:14px;padding:8px 0 2px}.rankColumn{border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045);padding:10px;text-align:center}.rankColumn h3{font-size:12px;color:#ffe4a6;letter-spacing:.1em;margin:0 0 9px;text-transform:uppercase}.ranksApexRow .rankColumn{min-height:136px;display:grid;align-content:center;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.14),transparent 62%),rgba(255,255,255,.05)}
    .rankTierItem{display:grid;place-items:center;gap:5px;padding:8px 4px;border-radius:10px}.rankTierItem .rankIconMini{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}.rankTierItem .rankIconMini img{max-width:42px!important;max-height:42px!important}.rankTierItem span{font-size:11px;color:#d7e6ff;font-weight:800}.ranksApexRow .rankTierItem .rankIconMini{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}.ranksApexRow .rankTierItem .rankIconMini img{max-width:58px!important;max-height:58px!important}
    .ranksFooter{display:flex;justify-content:center;margin-top:16px}.ranksFooter button.active{filter:brightness(1.2);box-shadow:0 0 0 1px rgba(255,216,130,.4),0 0 22px rgba(255,216,130,.14)}.rankRewardsPanel{display:grid;place-items:center;text-align:center;gap:14px;min-height:430px;border:1px solid rgba(255,216,130,.14);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(84,255,160,.10),transparent 60%),rgba(0,0,0,.14);padding:22px}.rankRewardsPanel h2{margin:0;color:#ffe4a6;text-transform:uppercase;letter-spacing:.08em}.rankRewardsPanel p{margin:0;color:#d7e6ff}.seasonDaysTrack{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:7px;width:min(760px,100%)}.seasonDay{height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;color:#b9c8e8;background:rgba(255,255,255,.045);font-size:12px;font-weight:900}.seasonDay.done{background:rgba(84,255,160,.16);border-color:rgba(84,255,160,.34);color:#eafff2}.seasonDay.current{background:rgba(255,216,130,.20);border-color:rgba(255,216,130,.48);color:#fff}.rewardRankPreview{display:flex;align-items:center;gap:12px;color:#fff;text-align:left}.rewardRankPreview b{display:block;color:#ffe4a6;font-size:18px}.rewardRankPreview span{display:block;color:#c8d7f5;font-size:12px;font-weight:900}.rankRewardsPanel button[disabled]{opacity:.55;cursor:not-allowed}.rankRewardsPanel small{color:#b9c8e8}
    .seasonLine{display:block;margin-top:6px;color:#8ee7ff;font-weight:900;font-size:12px}@media(max-width:920px){.ranksHeader{grid-template-columns:1fr}.ranksHeaderSide.right{justify-self:stretch;justify-content:space-between}.ranksTopRow{grid-template-columns:repeat(2,minmax(120px,1fr))}.ranksApexRow{grid-template-columns:1fr 1fr}.ranksCurrentRank{justify-self:stretch}.seasonEnds{text-align:left}}



    /* MVP 3.9.2CQ - ELOS como tela ampla, não popup */
    .ranksModal{position:fixed!important;inset:0!important;z-index:120!important;display:block!important;background:linear-gradient(180deg,rgba(6,14,38,.99),rgba(3,6,16,.99))!important;backdrop-filter:none!important}.ranksModal.hidden{display:none!important}
    .ranksPanel{width:100vw!important;height:100vh!important;max-height:none!important;overflow:auto!important;border-radius:0!important;border:0!important;padding:22px 34px 34px!important;box-sizing:border-box!important;box-shadow:none!important;background:radial-gradient(circle at 50% -10%,rgba(255,216,130,.10),transparent 48%),linear-gradient(180deg,rgba(8,20,58,.98),rgba(5,8,19,.99))!important}
    .ranksHeader{position:sticky!important;top:0!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(130px,1fr) minmax(300px,520px) minmax(170px,1fr)!important;align-items:center!important;gap:18px!important;margin:0 0 20px!important;padding:0 0 14px!important;background:linear-gradient(180deg,rgba(8,20,58,.98),rgba(8,20,58,.88) 70%,transparent)!important}
    .ranksHeaderSide.left{justify-self:start!important}.ranksHeaderSide.right{justify-self:end!important}.rankBackBtn{border-color:rgba(255,216,130,.34)!important;background:rgba(255,216,130,.10)!important;color:#ffe4a6!important;font-weight:1000!important}
    .ranksCurrentRank{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;text-align:center!important;justify-self:center!important;width:min(520px,100%)!important;padding:14px 18px!important;gap:6px!important;border:1px solid rgba(255,216,130,.22)!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.12),transparent 62%),rgba(0,0,0,.18)!important}
    .ranksCurrentRank .rankIconProfile,.rewardRankPreview .rankIconProfile{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:92px!important;height:92px!important;min-width:92px!important;max-width:92px!important;max-height:92px!important;border-radius:26px!important;background:rgba(255,255,255,.06)!important;box-shadow:0 14px 42px rgba(0,0,0,.34)!important;overflow:hidden!important}
    .ranksCurrentRank .rankIconProfile img,.rewardRankPreview .rankIconProfile img{width:100%!important;height:100%!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important}
    .ranksCurrentRank .rankName,.rewardRankPreview .rankName{font-size:22px!important;color:#ffe4a6!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;line-height:1.05!important}.ranksCurrentRank .rankMeta,.rewardRankPreview .rankMeta{color:#c8d7f5!important;font-size:12px!important;font-weight:900!important}
    .ranksCurrentRank .rankProgressBar.big,.rewardRankPreview .rankProgressBar.big{width:min(430px,88%)!important;height:14px!important;margin-top:4px!important}
    .ranksTopRow{grid-template-columns:repeat(6,minmax(128px,1fr))!important}.ranksApexRow{grid-template-columns:repeat(2,minmax(220px,320px))!important;gap:18px!important;padding-top:8px!important}.ranksApexRow .rankColumn{min-height:150px!important}
    .rankRewardsPanel{min-height:calc(100vh - 220px)!important;padding:26px!important}.rewardRankPreview{display:grid!important;place-items:center!important;text-align:center!important;gap:7px!important;width:min(540px,100%)!important;padding:14px 18px!important;border:1px solid rgba(255,216,130,.18)!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.12),transparent 62%),rgba(0,0,0,.16)!important}
    @media(max-width:980px){.ranksPanel{padding:16px!important}.ranksHeader{position:relative!important;grid-template-columns:1fr!important}.ranksHeaderSide.right{justify-self:stretch!important}.ranksTopRow{grid-template-columns:repeat(2,minmax(128px,1fr))!important}.ranksApexRow{grid-template-columns:1fr 1fr!important}.ranksCurrentRank{width:100%!important}}

    /* v3.9.2EN - Top 100 ranqueado do servidor */
    .onlineBox:not(.rankedMode) .rankedLeaderboardBlock{display:none!important}
    .rankedLeaderboardBlock{margin-top:14px;border:1px solid rgba(255,216,130,.22);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.10),transparent 58%),rgba(0,0,0,.20);padding:14px;box-shadow:0 16px 48px rgba(0,0,0,.22)}
    .rankedLeaderboardBlock.hidden{display:none!important}
    .rankedLeaderboardTop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
    .rankedLeaderboardTop h3{margin:0;color:#ffe4a6;text-transform:uppercase;letter-spacing:.08em;font-size:16px}.rankedLeaderboardTop .sub{color:#b9c8e8;font-size:12px;margin-top:2px}.rankedLeaderboardTop .actions{display:flex;gap:8px;flex-wrap:wrap}
    .rankLeaderboardPanel{display:grid;gap:14px}.rankLeaderboardPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid rgba(255,216,130,.16);border-radius:18px;background:rgba(0,0,0,.14);padding:14px 16px}.rankLeaderboardPanelHeader h2{margin:0;color:#ffe4a6;text-transform:uppercase;letter-spacing:.08em}.rankLeaderboardPanelHeader .sub{color:#b9c8e8;font-size:12px;margin-top:3px}
    .rankLeaderboardTable{border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18)}.rankLeaderboardTable.compact{max-height:360px;overflow:auto}.rankLeaderboardRows{max-height:calc(100vh - 310px);overflow:auto}.rankLeaderboardTable.compact .rankLeaderboardRows{max-height:none;overflow:visible}
    .rankLeaderboardHead,.rankLeaderboardRow{display:grid;grid-template-columns:56px minmax(150px,1fr) 150px 92px 110px 88px;align-items:center;gap:10px;padding:10px 12px}.rankLeaderboardHead{position:sticky;top:0;z-index:1;background:rgba(8,20,58,.96);color:#8ee7ff;font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.10)}.rankLeaderboardRow{min-height:58px;border-bottom:1px solid rgba(255,255,255,.07);color:#eaf2ff}.rankLeaderboardRow:last-child{border-bottom:0}.rankLeaderboardRow.me{background:linear-gradient(90deg,rgba(84,255,160,.13),rgba(255,216,130,.08));box-shadow:inset 3px 0 0 rgba(84,255,160,.75)}
    .rankLeaderboardPos{font-weight:1000;color:#ffe4a6;font-size:18px}.rankLeaderboardPlayer{display:flex;align-items:center;gap:10px;min-width:0}.rankLeaderboardAvatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:20px;box-shadow:0 8px 22px rgba(0,0,0,.22)}.rankLeaderboardName{min-width:0}.rankLeaderboardName b{display:block;color:#fff2bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankLeaderboardName small{display:block;color:#9fb4dc;font-size:10px;font-weight:900}.rankLeaderboardRank{display:flex;align-items:center;gap:8px;min-width:0}.rankLeaderboardRank .rankIconMini{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;max-height:34px!important}.rankLeaderboardRank b{display:block;color:#ffe4a6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankLeaderboardRank small{display:block;color:#b9c8e8;font-size:10px;font-weight:900}.rankLeaderboardValue{font-weight:1000;color:#eaf2ff}.rankLeaderboardStatus{font-size:11px;font-weight:1000;color:#8ee7ff}.rankLeaderboardStatus.off{color:#9fb4dc}.rankLeaderboardEmpty{padding:26px;text-align:center;color:#b9c8e8}.rankLeaderboardLoading{padding:22px;text-align:center;color:#ffe4a6;font-weight:1000}
    .ranksFooter{gap:10px;flex-wrap:wrap}.ranksFooter button.active{filter:brightness(1.2);box-shadow:0 0 0 1px rgba(255,216,130,.4),0 0 22px rgba(255,216,130,.14)}
    @media(max-width:760px){.rankLeaderboardHead{display:none}.rankLeaderboardRow{grid-template-columns:44px minmax(0,1fr);gap:8px}.rankLeaderboardRow>div:nth-child(n+4){grid-column:2}.rankLeaderboardRank{grid-column:2}.rankLeaderboardValue,.rankLeaderboardStatus{font-size:12px}.rankedLeaderboardTop{display:grid}.rankedLeaderboardTop .actions{justify-content:stretch}.rankedLeaderboardTop .actions button{flex:1}}


    /* MVP 3.9.2CQ - Bonus semanal / moeda padrão */
    .hudCurrencyIcon,.goldIcon{width:16px;height:16px;object-fit:contain;vertical-align:-3px;display:inline-block;margin-right:4px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
    .hudCurrencyIcon.tiny{width:13px;height:13px;vertical-align:-2px;margin-right:3px}.hudCurrencyIcon.big{width:28px;height:28px;vertical-align:-7px;margin-right:6px}
    .weeklyBonusModal,.chestRevealModal{position:fixed;inset:0;z-index:96;display:grid;place-items:center;background:rgba(0,0,0,.64);backdrop-filter:blur(6px)}.weeklyBonusModal.hidden,.chestRevealModal.hidden{display:none!important}
    .weeklyBonusPanel{width:min(920px,calc(100vw - 28px));max-height:calc(100vh - 34px);overflow:auto;border:1px solid rgba(255,216,130,.30);border-radius:22px;background:radial-gradient(circle at 50% -10%,rgba(255,210,110,.14),transparent 46%),linear-gradient(180deg,rgba(9,20,48,.98),rgba(5,8,20,.98));box-shadow:0 34px 130px rgba(0,0,0,.72);padding:20px}
    .weeklyBonusHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.weeklyBonusHeader h2{margin:0;color:#ffe4a6;text-transform:uppercase;letter-spacing:.08em}.weeklyBonusHeader .sub{color:#b9c8e8;font-size:12px}.weeklyBonusHeader button{padding:9px 13px}
    .weeklyBonusTrack{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.weeklyDayCard{position:relative;min-height:190px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.045);padding:12px;text-align:center;display:grid;align-content:space-between;gap:8px;overflow:hidden}.weeklyDayCard.active{border-color:rgba(255,216,130,.55);box-shadow:0 0 0 1px rgba(255,216,130,.12),0 18px 46px rgba(255,166,60,.11)}.weeklyDayCard.claimed{opacity:.62}.weeklyDayCard.locked{filter:saturate(.65);opacity:.72}.weeklyDayCard h3{margin:0;color:#ffe4a6;font-size:14px;text-transform:uppercase}.weeklyRewardIcon{height:64px;display:grid;place-items:center}.weeklyRewardIcon img{max-width:62px;max-height:62px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.42))}.weeklyRewardIcon .goldRewardIcon{max-width:44px;max-height:44px}.weeklyRewardText{font-size:12px;color:#d7e6ff;min-height:34px}.weeklyDayCard button{width:100%;padding:9px 8px}.weeklyBadge{position:absolute;top:9px;right:9px;font-size:10px;border-radius:999px;padding:3px 7px;background:rgba(255,255,255,.08);color:#d7e6ff;font-weight:900}.weeklyDayCard.active .weeklyBadge{background:rgba(255,216,130,.18);color:#ffe4a6}
    .chestRevealPanel{width:min(760px,calc(100vw - 30px));border:1px solid rgba(255,216,130,.32);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.18),transparent 54%),linear-gradient(180deg,rgba(12,20,48,.98),rgba(4,7,18,.98));box-shadow:0 34px 130px rgba(0,0,0,.74);padding:22px;text-align:center}.chestRevealPanel h2{margin:0 0 6px;color:#ffe4a6}.chestRevealPanel .sub{color:#b9c8e8;font-size:13px;margin-bottom:14px}
    .chestRewardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;margin:14px 0}.chestRewardCard{min-height:178px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(160deg,rgba(48,31,78,.75),rgba(8,14,28,.82));display:grid;place-items:center;padding:12px;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}.chestRewardCard.revealed{border-color:rgba(84,255,160,.38);box-shadow:0 16px 42px rgba(0,0,0,.34);transform:translateY(-3px)}.chestQuestion{font-size:52px;color:#ffe4a6;text-shadow:0 0 22px rgba(255,216,130,.28)}.chestRewardContent{display:grid;place-items:center;gap:8px}.chestRewardContent .cardPreview{transform:scale(.68);transform-origin:center;margin:-34px -24px -28px}.chestRewardContent .rewardGoldBig{font-size:24px;color:#ffe4a6;font-weight:1000}.chestRevealActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.chestRevealActions button{min-width:150px}
    @media(max-width:760px){.weeklyBonusTrack{grid-template-columns:1fr}.weeklyBonusPanel{padding:14px}.weeklyBonusHeader{display:grid}.weeklyDayCard{min-height:150px}.chestRewardGrid{grid-template-columns:1fr 1fr}}


    /* MVP 3.9.2CQ - baús/card art + moeda Gold.png */
    .inlineGoldIcon{display:inline-flex;align-items:center;margin-right:4px;line-height:0}.inlineGoldIcon img{width:14px!important;height:14px!important;object-fit:contain!important;display:block!important}
    .shopCurrency .pill .hudCurrencyIcon,.deckForgeCurrencies .hudCurrencyIcon{width:14px!important;height:14px!important;margin-right:4px!important;vertical-align:-2px!important}
    .shopItem .prices button .hudCurrencyIcon{width:13px!important;height:13px!important;object-fit:contain!important;display:inline-block!important;vertical-align:-2px!important;margin-right:4px!important;flex:0 0 auto!important}
    .chestRewardGrid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important;align-items:stretch!important}.chestRewardCard{min-height:236px!important;padding:10px!important;overflow:hidden!important}.chestRewardContent{width:100%!important;min-height:210px!important;align-content:center!important}.chestRewardContent .cardPreview{width:100%!important;height:148px!important;min-height:148px!important;transform:none!important;margin:0 0 8px!important;border-radius:10px!important}.chestRewardContent .cardPreview .cardArt,.chestRewardContent .cardPreview .cardArtImg{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background-size:cover!important}.chestRewardContent .cardPreview .miniStats{font-size:9px!important;bottom:6px!important;left:7px!important;right:7px!important}.chestRewardContent b{font-size:12px!important;line-height:1.15!important;color:#fff2bc!important}.chestRewardContent small{color:#b9c8e8!important}


    /* MVP 3.9.2CQ - níveis, coleção e encantamento */
    .deckMainTabs{display:flex;gap:8px;justify-content:center;align-items:center;margin:0 0 8px}.deckMainTabs button{min-width:180px}.deckMainTabs button.active{outline:2px solid rgba(76,255,151,.70);background:linear-gradient(180deg,#1e9558,#0b4b28)}
    .inlineGemIcon{display:inline-flex;align-items:center;margin-right:4px;line-height:0}.inlineGemIcon img{width:14px!important;height:14px!important;object-fit:contain!important;display:block!important}
    .cardLevelBadge{position:absolute;right:6px;top:6px;z-index:40;background:linear-gradient(180deg,#2dff9a,#0a6d3c);color:#041b0d;border:1px solid rgba(209,255,225,.7);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:1000;box-shadow:0 6px 14px rgba(0,0,0,.35)}
    .lockedCardPreview{filter:grayscale(.7) brightness(.72)}.collectionSummaryCard{display:grid;place-items:center;gap:8px;width:100%;min-height:72px;border:1px solid rgba(91,255,162,.25);border-radius:10px;background:rgba(0,0,0,.18);padding:12px}.collectionSummaryCard b{color:#fff2bc}.collectionSummaryCard span{color:#a9c7ff;font-size:12px}
    #menuDeck.collection-mode .deckForgeTabs,#menuDeck.collection-mode .deckPositionPanel{display:none!important}#menuDeck.collection-mode .deckForgeLayout{grid-template-areas:"selected selected" "collection right"!important}#menuDeck.collection-mode .deckForgeSelectedPanel{grid-template-columns:1fr!important}.collectionOnly button{width:100%;margin-top:8px}
    .shopItem.locked .cardPreview{filter:grayscale(.65) brightness(.72)}
    .cardEnchantScreen{position:fixed;inset:0;z-index:150;isolation:isolate;background:linear-gradient(180deg,rgba(3,9,13,.60),rgba(2,4,8,.86)),var(--collection-bg,url("../Assets/2D%20assets/Menus/Collections.png"));background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;color:#fff4d2;padding:18px;overflow:hidden}.cardEnchantScreen.hidden{display:none!important}.enchantBgImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;filter:saturate(1.05) brightness(.82)}.enchantBgImg.hidden{display:none!important}.cardEnchantScreen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,9,13,.50),rgba(2,4,8,.78))}.cardEnchantScreen>:not(.enchantBgImg){position:relative;z-index:2}
    .enchantTopbar{flex:0 0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) 180px;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(109,255,168,.24);border-radius:14px;background:rgba(2,9,10,.72);backdrop-filter:blur(8px);box-shadow:0 22px 80px rgba(0,0,0,.42)}.enchantTopbar h2{margin:0;color:#d7ffe7;text-align:center}.enchantTopbar .sub{text-align:center;color:#b9c8e8}.enchantCurrency{justify-self:end;display:flex;align-items:center;gap:7px;font-weight:1000;color:#ccffe1;font-size:18px}
    .enchantStage{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:80px minmax(0,520px) 80px;place-content:center;align-items:center;gap:22px}.enchantStage>button{height:80px;border-radius:50%!important;font-size:46px}.enchantCenter{display:grid;place-items:center;text-align:center;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(71,255,162,.14),transparent 48%),rgba(0,0,0,.38);box-shadow:0 28px 110px rgba(0,0,0,.52);backdrop-filter:blur(7px)}#enchantSelectedPreview .cardPreview{width:240px;height:320px;border-radius:20px}.enchantCenter h3{font-size:28px;margin:0;color:#fff2bc}.enchantLevel{font-size:18px;color:#a8ffc8;font-weight:1000}.enchantCenter p{max-width:430px;color:#d7e6ff;line-height:1.45}.enchantGemControls{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.enchantGemControls button{min-width:52px}.enchantGemControls strong{min-width:72px;display:flex;justify-content:center;align-items:center;gap:5px;color:#d1ffe3}
    .enchantCarousel{flex:0 0 auto;display:flex;gap:10px;overflow-x:auto;padding:10px 4px 2px}.enchantCardMini{flex:0 0 110px;display:grid;gap:4px;place-items:center;padding:8px;border-radius:12px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12)}.enchantCardMini.active{border-color:rgba(111,255,174,.72);box-shadow:0 0 0 2px rgba(111,255,174,.18)}.enchantCardMini .cardPreview{width:82px;height:96px}.enchantCardMini span{font-size:10px;color:#d7e6ff}
    @media(max-width:760px){.enchantTopbar{grid-template-columns:1fr}.enchantTopbar>*{justify-self:center}.enchantStage{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.enchantStage>button{height:52px;font-size:30px}#enchantSelectedPreview .cardPreview{width:180px;height:240px}}


    /* MVP 3.9.2CQ - coleção responsiva + badge roxo de nível + botão de encantamento */
    .cardLevelBadge{
      position:absolute!important;
      right:7px!important;
      top:7px!important;
      z-index:40!important;
      min-width:30px!important;
      height:24px!important;
      padding:0 7px!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:3px!important;
      border-radius:999px!important;
      background:linear-gradient(180deg,#b86dff,#4d168f)!important;
      color:#fff!important;
      border:1px solid rgba(238,211,255,.82)!important;
      font-size:11px!important;
      font-weight:1000!important;
      line-height:1!important;
      box-shadow:0 0 14px rgba(178,94,255,.46),0 6px 14px rgba(0,0,0,.42)!important;
      text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
    }
    .cardLevelBadge span{font-size:11px!important;color:#f5d9ff!important;line-height:1!important}
    .cardLevelBadge b{font-size:12px!important;color:#fff!important;line-height:1!important}

    #menuDeck.collection-mode .deckForgeLayout{
      grid-template-columns:minmax(0,1fr)!important;
      grid-template-rows:auto minmax(0,1fr)!important;
      grid-template-areas:"selected" "collection"!important;
      overflow:hidden!important;
      min-height:0!important;
    }
    #menuDeck.collection-mode .deckRightColumn,
    #menuDeck.collection-mode .deckForgeTabs,
    #menuDeck.collection-mode .deckPositionPanel,
    #menuDeck.collection-mode .deckDragHint,
    #menuDeck.collection-mode #deckNameInput,
    #menuDeck.collection-mode #saveDeckBtn{
      display:none!important;
    }
    #menuDeck.collection-mode .deckForgeSelectedPanel{
      grid-area:selected!important;
      display:grid!important;
      grid-template-columns:auto minmax(0,1fr)!important;
      gap:10px!important;
      min-height:auto!important;
      overflow:visible!important;
    }
    #menuDeck.collection-mode .deckInspector{display:none!important}
    #menuDeck.collection-mode .deckSelectedWrap{
      overflow:visible!important;
      min-height:auto!important;
      display:grid!important;
      align-content:center!important;
    }
    #menuDeck.collection-mode #deckSummary.selectedDeckStrip,
    #menuDeck.collection-mode #deckSummary.deckForgeStrip{
      height:auto!important;
      min-height:74px!important;
      max-height:none!important;
      overflow:visible!important;
      display:block!important;
      padding:0!important;
      margin:0!important;
      border:0!important;
      background:transparent!important;
    }
    #menuDeck.collection-mode .collectionSummaryCard{
      min-height:74px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:space-between!important;
      gap:12px!important;
      padding:12px 14px!important;
      overflow:visible!important;
    }
    #menuDeck.collection-mode .collectionSummaryCard button{
      flex:0 0 auto!important;
      min-width:180px!important;
      pointer-events:auto!important;
      z-index:25!important;
      position:relative!important;
    }
    #menuDeck.collection-mode .deckForgeCollectionPanel{
      grid-area:collection!important;
      min-height:0!important;
      overflow:hidden!important;
      display:grid!important;
      grid-template-columns:190px minmax(0,1fr)!important;
    }
    #menuDeck.collection-mode .deckCollectionSide{
      min-height:0!important;
      overflow:auto!important;
    }
    #menuDeck.collection-mode .deckCollectionMain{
      min-height:0!important;
      overflow:hidden!important;
      display:flex!important;
      flex-direction:column!important;
    }
    #menuDeck.collection-mode .deckForgeLibrary{
      flex:1 1 auto!important;
      min-height:0!important;
      max-height:none!important;
      overflow:auto!important;
      grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
      align-content:start!important;
    }
    #menuDeck.collection-mode .deckCollectionCard.collectionOnly{
      min-height:260px!important;
      display:flex!important;
      flex-direction:column!important;
    }
    #menuDeck.collection-mode .deckCollectionCard.collectionOnly .cardPreview{
      height:132px!important;
      min-height:132px!important;
    }
    #menuDeck.collection-mode .deckCollectionCard.collectionOnly button{
      margin-top:auto!important;
      min-height:38px!important;
      position:relative!important;
      z-index:20!important;
      pointer-events:auto!important;
    }
    #openEnchantFromCollectionBtn,#collectionEnchantBtn,[data-enchant-card]{
      pointer-events:auto!important;
      cursor:pointer!important;
    }
    .cardEnchantScreen{
      z-index:9999!important;
      pointer-events:auto!important;
    }
    @media(max-width:960px){
      body.deck-open #menuDeck.collection-mode.deckForgeScreen{
        height:calc(100vh - 12px)!important;
        overflow:hidden!important;
      }
      #menuDeck.collection-mode .deckForgeLayout{
        overflow:auto!important;
        grid-template-rows:auto auto!important;
      }
      #menuDeck.collection-mode .deckForgeSelectedPanel{
        grid-template-columns:1fr!important;
      }
      #menuDeck.collection-mode .deckForgeCollectionPanel{
        grid-template-columns:1fr!important;
        min-height:620px!important;
      }
      #menuDeck.collection-mode .deckCollectionSide{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        border-right:0!important;
        border-bottom:1px solid rgba(255,210,125,.14)!important;
        overflow:visible!important;
      }
      #menuDeck.collection-mode .deckCategoryNav{
        display:flex!important;
        gap:8px!important;
        overflow-x:auto!important;
      }
      #menuDeck.collection-mode .deckCategoryNav button{
        flex:0 0 auto!important;
        min-width:150px!important;
      }
      #menuDeck.collection-mode .deckForgeLibrary{
        grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;
      }
      #menuDeck.collection-mode .collectionSummaryCard{
        display:grid!important;
        justify-items:center!important;
        text-align:center!important;
      }
      #menuDeck.collection-mode .collectionSummaryCard button{
        width:100%!important;
        min-width:0!important;
      }
    }
    @media(max-width:620px){
      #menuDeck.collection-mode .deckForgeLibrary{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
      }
      #menuDeck.collection-mode .deckCollectionCard.collectionOnly{
        min-height:235px!important;
      }
      #menuDeck.collection-mode .deckCollectionCard.collectionOnly .cardPreview{
        height:104px!important;
        min-height:104px!important;
      }
      .deckMainTabs{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
      }
      .deckMainTabs button{
        min-width:0!important;
        width:100%!important;
      }
    }


    /* MVP 3.9.2CQ - level/player level/encantamento seguro */
    .menuProfileCard #menuProfileNick{font-size:13px!important;letter-spacing:.08em!important;white-space:normal!important;line-height:1.15!important}
    .friendTop small{color:#cba5ff;font-size:10px;font-weight:1000;margin-left:4px}
    .cardLevelBadge{min-width:34px!important;height:28px!important;padding:0 8px!important;display:inline-flex!important;opacity:1!important;visibility:visible!important}
    .cardLevelBadge b{display:inline!important;opacity:1!important;visibility:visible!important;font-size:14px!important;color:#fff!important}
    .cardLevelBadge span{display:inline!important;opacity:1!important;visibility:visible!important}
    .cardEnchantScreen:not(.hidden){display:flex!important;visibility:visible!important;opacity:1!important;z-index:10000!important;pointer-events:auto!important}
    body.enchant-open #cardEnchantScreen:not(.hidden){display:flex!important;visibility:visible!important;opacity:1!important;z-index:10000!important;pointer-events:auto!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}



    /* MVP 3.9.2CQ - menu full screen com janelas personalizadas */
    :root{
      --window-base-img:url("../Assets/2D%20assets/Huds/Window/Window.PNG");
      --window-slice:171 fill;
    }
    .accountPanel{display:none}
    body.auth-locked #accountPanel{display:block!important}
    #mainMenu{padding:6px}
    #mainMenu::before{
      background-image:
        radial-gradient(circle at 50% 46%, rgba(40,180,120,.10), transparent 18%),
        linear-gradient(180deg, rgba(3,8,18,.20), rgba(3,6,16,.82)),
        linear-gradient(90deg, rgba(5,9,16,.92), rgba(6,14,24,.28) 40%, rgba(7,11,20,.72));
      background-size:cover;
      background-position:center;
      filter:saturate(1.03) contrast(1.02);
      opacity:1;
    }
    .menuShell.home{
      width:calc(100vw - 12px)!important; max-width:none!important; min-height:calc(100vh - 12px)!important; max-height:calc(100vh - 12px)!important;
      padding:0!important; background:transparent!important; border:none!important; box-shadow:none!important;
    }
    .epicMenuStage.chessMenuStage{
      position:relative; min-height:calc(100vh - 12px); padding:14px 16px 16px!important;
      display:grid!important; grid-template-columns:minmax(215px, 15vw) minmax(360px, 1fr) minmax(275px, 19vw) minmax(225px, 15vw);
      grid-template-rows:auto 1fr; gap:12px 14px; align-items:start; overflow:hidden;
    }
    .epicMenuStage.chessMenuStage > *{min-width:0}
    .epicMenuFrame{display:none!important}
    .utilityMenuRow{position:absolute!important; top:18px; right:22px; left:auto!important; z-index:7}
    .panelWindow{
      border:26px solid transparent;
      border-image:var(--window-base-img) 171 fill stretch;
      background:rgba(6,11,20,.78);
      box-shadow:0 18px 50px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,225,160,.06);
      position:relative;
    }
    .modalPanel,.friendProfilePanel,.playChoicePanel,.weeklyBonusPanel,.chestRevealPanel,.profileAvatarModalPanel,.cardInfoPopupWindow,.friendChatModal,.deckBoardPanel,.devToolsPanel,.patchNotesPanel{
      border:24px solid transparent;
      border-image:var(--window-base-img) 171 fill stretch;
      background:rgba(6,11,20,.78)!important;
      box-shadow:0 18px 50px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,225,160,.06);
      border-radius:0!important;
    }

    .menuPanelTitle{
      font-family:"MenuMedieval", Georgia, serif; color:#efdaa4; letter-spacing:.05em; font-size:clamp(18px,1.25vw,28px);
      display:flex; align-items:center; gap:8px; margin-bottom:10px;
    }
    .menuPanelTitle.withIcon{justify-content:flex-start}
    .panelIconSlot{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}
    .panelIconSlot img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
    .menuCenterColumn{grid-column:2;grid-row:1 / span 2;display:flex;align-items:flex-start;justify-content:center;padding-top:12px}
    .epicPlayWrap{padding-top:0!important;width:100%;display:flex;justify-content:center;align-items:flex-start}
    .heroPlayButton.imageButton{
      width:min(520px, 100%); min-height:180px!important; border:0!important; background:transparent!important; box-shadow:none!important; padding:0!important; overflow:visible!important; position:relative;
    }
    .heroPlayButton.imageButton img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 24px 32px rgba(0,0,0,.38));}
    .heroPlayButton.imageButton .fallbackPlayText{position:absolute;inset:0;display:grid;place-items:center;font-family:"MenuMedieval",Georgia,serif;font-size:clamp(52px,5vw,86px);color:#f0dfad;pointer-events:none;letter-spacing:.08em}
    .menuRightColumn{grid-column:3;grid-row:1 / span 2;display:grid;grid-template-rows:auto 1fr;gap:10px;align-self:start}
    .menuProfileCard{position:relative!important;right:auto!important;top:auto!important;max-width:none!important;min-width:0!important;padding:16px 16px 14px!important;background:none!important;border-radius:0!important}
    .menuProfileHero{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center}
    .menuProfileAvatarBtn{width:84px;height:84px;border:0;background:rgba(255,255,255,.02);padding:0;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.30)}
    .menuProfileAvatarBtn img{width:100%;height:100%;object-fit:cover}
    .menuProfileTextLine{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;color:#f0d59f;font-weight:900;font-size:15px}
    .menuProfileTextLine span{color:#d6c4a1;font-size:13px;letter-spacing:.04em}
    .menuProfileTextLine strong{font-size:18px!important;color:#fff1c4;white-space:normal!important;line-height:1.08!important;overflow:visible!important;text-overflow:clip!important}
    .menuProfileLevelBar{margin-top:6px;height:10px;border-radius:999px;background:rgba(0,0,0,.36);border:1px solid rgba(255,214,132,.18);overflow:hidden}
    .menuProfileLevelBar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#68d09a,#d7c469);box-shadow:0 0 14px rgba(105,215,160,.24)}
    .menuProfileSection{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,214,132,.14)}
    .menuProfileSectionLabel{font-size:13px;color:#d0c8bc;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}
    .menuProfileRankRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .menuProfileRankName{font-family:"MenuMedieval", Georgia, serif;font-size:clamp(22px,1.5vw,32px);color:#f4dfab;line-height:1.02}
    .menuRankIcon{display:flex;align-items:center;justify-content:center;min-width:74px;min-height:74px}
    .menuRankIcon img{max-width:72px;max-height:72px;object-fit:contain}
    .goldLine{display:flex;align-items:center;gap:10px}
    .goldLine strong{font-size:clamp(18px,1.3vw,26px)!important;color:#fff0be}
    .goldLine .hudCurrencyIcon.tiny{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;max-height:28px!important}
    .menuProfileAvatarPicker{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
    .avatarChoiceBtn{width:48px;height:48px;border:1px solid rgba(255,214,132,.24);background:rgba(0,0,0,.22);border-radius:50%;padding:3px;cursor:pointer}
    .avatarChoiceBtn.active{border-color:rgba(119,231,181,.68);box-shadow:0 0 0 2px rgba(119,231,181,.18)}
    .avatarChoiceBtn img{width:100%;height:100%;object-fit:cover;border-radius:50%}
    .menuActionStack{display:grid;gap:8px;align-content:start}
    .menuActionBtn{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-height:62px;padding:10px 16px;font-family:"MenuMedieval", Georgia, serif;font-size:clamp(18px,1.25vw,26px);color:#efd8a4;background:none;border-radius:0;border-color:transparent;box-shadow:0 10px 26px rgba(0,0,0,.24)}
    .menuActionBtn .menuActionIcon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center}
    .menuActionBtn .menuActionIcon img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
    .friendsSidebar{grid-column:4;grid-row:1 / span 2;position:relative!important;right:auto!important;top:auto!important;max-height:none!important;padding:16px 14px 14px;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 42px)}
    .friendsSidebar.hidden{display:none!important}
    .friendsSidebar .menuPanelTitle{margin-bottom:8px}
    .friendsRefreshMini{margin-left:auto;min-width:32px;min-height:32px;padding:0 8px}
    .friendsAddInline{margin-bottom:10px}
    .friendsAddInline input{width:100%;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,214,132,.16);background:rgba(0,0,0,.24);color:#fff;font-weight:800}
    .friendsList{display:grid;gap:8px;overflow:auto;padding-right:2px;min-height:0;flex:1}
    .friendItem{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:8px;border-radius:12px;border:1px solid rgba(255,214,132,.12);background:linear-gradient(180deg, rgba(7,15,26,.70), rgba(5,12,21,.42))}
    .friendAvatarWrap{width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.24)}
    .friendAvatarWrap img{width:100%;height:100%;object-fit:cover}
    .friendTop{display:flex;justify-content:space-between;gap:8px;align-items:center}
    .friendTop b{font-size:14px;color:#f2dfb0}
    .friendMeta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#cbd0d6}
    .friendActions{display:flex;gap:8px;margin-top:6px}
    .menuAddFriendBtn{margin-top:10px;min-height:54px;font-family:"MenuMedieval", Georgia, serif;font-size:20px;letter-spacing:.03em;border:14px solid transparent;border-image:var(--window-base-img) 171 fill stretch;background:rgba(10,24,18,.52);color:#e6d39a}
    .friendProfileIdentity{display:flex;align-items:center;gap:12px}
    .friendProfileAvatarLarge{width:104px;height:104px;border-radius:50%;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.34)}
    .friendProfileAvatarLarge img{width:100%;height:100%;object-fit:cover}
    .friendProfileAvatarPicker{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
    .friendProfileAvatarPicker.hidden{display:none!important}
    @media (max-width: 1320px){
      .epicMenuStage.chessMenuStage{grid-template-columns:minmax(210px, 22vw) minmax(300px, 1fr) minmax(255px, 26vw);grid-template-rows:auto auto 1fr}
      .menuCenterColumn{grid-column:2 / span 2;grid-row:1}
      .menuRightColumn{grid-column:2;grid-row:2 / span 2}
      .friendsSidebar{grid-column:3;grid-row:2 / span 2}
    }
    @media (max-width: 980px){
      .epicMenuStage.chessMenuStage{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;overflow:auto;padding:16px!important}
      .menuCenterColumn,.menuRightColumn,.friendsSidebar{grid-column:1!important;grid-row:auto!important}
      .menuCenterColumn{padding-top:0}
      .heroPlayButton.imageButton{width:min(680px,96vw);min-height:auto!important}
      .menuProfileHero{grid-template-columns:84px 1fr}
      .menuProfileAvatarBtn{width:84px;height:84px}
      .menuActionBtn{min-height:66px;font-size:22px}
    }


    .menuCenterColumn{padding-top:4px}
    .friendsList{gap:6px}
    .friendActions button{padding:6px 10px;font-size:11px}
    .menuActionBtn span:last-child{line-height:1.05}
    .menuProfileCard .menuPanelTitle,.friendsSidebar .menuPanelTitle{margin-bottom:8px}
    body.auth-locked .menuShell.home{min-height:calc(100vh - 12px)!important}


    #mainMenu::before{
      background-image:
        linear-gradient(180deg, rgba(4,10,24,.22), rgba(3,5,14,.76)),
        linear-gradient(90deg, rgba(2,6,20,.72), rgba(10,18,46,.10) 48%, rgba(12,5,22,.68)),
        url("../Assets/Img/Huds/Menu/MainMenu.png"),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Img/Huds/Menu/MainMenu.png");
      background-size:cover,cover,cover,cover;
      background-position:center,center,center,center;
      filter:saturate(1.04) contrast(1.02);
      opacity:1;
    }
    .heroPlayButton.imageButton::before,
    .heroPlayButton.imageButton::after{display:none!important;content:none!important}
    .heroPlayButton.imageButton .fallbackPlayText{display:none!important}
    .menuProfileAvatarPicker{display:none!important}
    .avatarFrame{position:relative;display:inline-grid;place-items:center}
    .avatarFrame__icon{position:absolute;inset:18%;width:64%;height:64%;object-fit:cover;border-radius:50%;z-index:1}
    .avatarFrame__ring{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none}
    .avatarFrame--menu{width:84px;height:84px}
    .friendAvatarWrap .avatarFrame{width:52px;height:52px}
    .friendProfileAvatarLarge .avatarFrame{width:104px;height:104px}
    .avatarChoiceBtn .avatarFrame{width:42px;height:42px}
    .profileAvatarChoices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:14px 0 8px}
    .profileAvatarModal{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.56);backdrop-filter:blur(3px);z-index:4}
    .profileAvatarModal.hidden{display:none!important}
    .profileAvatarModalPanel{min-width:min(420px, 92%);max-width:min(460px, 92%);padding:18px}
    .profileAvatarModalPanel .sub{margin-bottom:10px}
    .friendProfileAvatarLarge{border-radius:0!important;overflow:visible!important;box-shadow:none!important;background:none!important;cursor:pointer}
    .menuProfileAvatarBtn{border-radius:0!important;overflow:visible!important;background:none!important;box-shadow:none!important;padding:0!important}
    .menuProfileAvatarBtn:hover .avatarFrame__ring,.friendProfileAvatarLarge:hover .avatarFrame__ring{filter:drop-shadow(0 0 10px rgba(255,224,148,.16))}


    /* MVP 3.9.2CQ - avatar/frame/menu refinements */
    .heroPlayButton.imageButton{
      position:relative;
      isolation:isolate;
    }
    .heroPlayButton.imageButton::before{
      display:block!important;
      content:'';
      position:absolute;
      inset:16% 10% 16% 10%;
      border-radius:50%;
      background:radial-gradient(circle, rgba(66,235,151,.32) 0%, rgba(66,235,151,.16) 38%, rgba(66,235,151,0) 72%);
      filter:blur(24px);
      z-index:-1;
      pointer-events:none;
    }
    .heroPlayButton.imageButton::after{display:none!important;content:none!important}
    .friendsSidebar{display:flex;flex-direction:column}
    .friendsList{order:1}
    .menuAddFriendBtn{order:2}
    .friendsAddInline.belowAddBtn{order:3;margin-top:8px;margin-bottom:0}
    .menuProfileRankRow{align-items:center}
    .menuRankIcon,#menuProfileRankIcon.rankIconMini,#accountRankIcon.rankIconMini{
      width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;max-width:96px!important;max-height:96px!important;
    }
    .menuRankIcon img,#menuProfileRankIcon img,#accountRankIcon img{
      max-width:92px!important;max-height:92px!important;object-fit:contain;
    }
    .avatarFrame{
      position:relative;display:inline-grid;place-items:center;overflow:visible;
    }
    .avatarFrame .avatarFrame__ring,
    .menuProfileAvatarBtn .avatarFrame__ring,
    .friendAvatarWrap .avatarFrame__ring,
    .friendProfileAvatarLarge .avatarFrame__ring,
    .avatarChoiceBtn .avatarFrame__ring{
      position:relative!important;
      width:112%!important;height:112%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;z-index:2;pointer-events:none;display:block;
    }
    .avatarFrame .avatarFrame__icon,
    .menuProfileAvatarBtn .avatarFrame__icon,
    .friendAvatarWrap .avatarFrame__icon,
    .friendProfileAvatarLarge .avatarFrame__icon,
    .avatarChoiceBtn .avatarFrame__icon{
      position:absolute!important;
      inset:24%!important;
      width:52%!important;height:52%!important;max-width:none!important;max-height:none!important;
      object-fit:cover!important;border-radius:50%!important;z-index:1;display:block;
    }
    .avatarFrame--menu{width:92px;height:92px}
    .menuProfileAvatarBtn{width:92px;height:92px}
    .menuProfileHero{grid-template-columns:92px 1fr;gap:14px;align-items:center}
    .friendItem{grid-template-columns:58px 1fr}
    .friendAvatarWrap{width:58px;height:58px;border-radius:0;overflow:visible;background:none;box-shadow:none}
    .friendAvatarWrap .avatarFrame{width:58px;height:58px}
    .friendProfileAvatarLarge{width:112px;height:112px;border-radius:0;overflow:visible;background:none;box-shadow:none}
    .friendProfileAvatarLarge .avatarFrame{width:112px;height:112px}
    .avatarChoiceBtn{width:54px;height:54px}
    .avatarChoiceBtn .avatarFrame{width:48px;height:48px}


    /* MVP 3.9.2CQ - loading gate + aura + avatar fit */
    .heroPlayButton.imageButton img{
      position:relative;
      z-index:1;
      filter:drop-shadow(0 0 22px rgba(63,232,143,.42)) drop-shadow(0 0 46px rgba(63,232,143,.26)) drop-shadow(0 24px 32px rgba(0,0,0,.38));
    }
    .heroPlayButton.imageButton::before{
      display:block!important;
      content:'';
      position:absolute;
      left:8%; right:8%; top:14%; bottom:14%;
      border-radius:999px;
      background:radial-gradient(ellipse at center, rgba(76,255,156,.44) 0%, rgba(76,255,156,.24) 34%, rgba(76,255,156,.10) 54%, rgba(76,255,156,0) 74%);
      filter:blur(18px);
      z-index:0!important;
      pointer-events:none;
      opacity:.95;
    }
    .avatarFrame .avatarFrame__icon,
    .menuProfileAvatarBtn .avatarFrame__icon,
    .friendAvatarWrap .avatarFrame__icon,
    .friendProfileAvatarLarge .avatarFrame__icon,
    .avatarChoiceBtn .avatarFrame__icon{
      inset:22%!important;
      width:56%!important;
      height:56%!important;
    }


    /* MVP 3.9.2CQ - HUD unificada + aura viva + Folha de Reescrever */
    @keyframes playGreenAuraPulse{
      0%,100%{opacity:.72;transform:scale(.96);filter:blur(18px)}
      50%{opacity:1;transform:scale(1.06);filter:blur(24px)}
    }
    .heroPlayButton.imageButton::before{
      animation:playGreenAuraPulse 2.4s ease-in-out infinite!important;
      background:radial-gradient(ellipse at center, rgba(99,255,172,.60) 0%, rgba(61,241,141,.34) 35%, rgba(42,213,121,.13) 58%, rgba(42,213,121,0) 76%)!important;
      box-shadow:0 0 42px rgba(81,255,157,.26)!important;
    }
    .avatarFrame .avatarFrame__icon,
    .menuProfileAvatarBtn .avatarFrame__icon,
    .friendAvatarWrap .avatarFrame__icon,
    .friendProfileAvatarLarge .avatarFrame__icon,
    .avatarChoiceBtn .avatarFrame__icon{
      inset:20.5%!important;
      width:59%!important;
      height:59%!important;
      transform:translate(0,0)!important;
    }
    .menuView:not(#menuMain),.playChoicePanel,.friendProfilePanel,.onlineBox,.slotCard,.shopItem,.deckForgePanel,.deckForgeCollectionPanel,.deckForgeSelectedPanel,.deckRightColumn,.settingsGrid .panel,.profileBox,.weeklyBonusPanel,.chestRevealPanel,.ranksPanel,.rankCard,.rankRewardsPanel,.accountPanel,.modalPanel{
      border:22px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      background:rgba(6,11,20,.82)!important;
      box-shadow:0 18px 50px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,225,160,.06)!important;
      border-radius:0!important;
    }
    .menuView:not(#menuMain) .menuTopline,.menuFooter{
      background:rgba(0,0,0,.12)!important;
      border-color:rgba(255,214,132,.12)!important;
    }
    .enchantTopCurrency{display:grid;gap:5px;justify-items:end}
    .rewriteCurrency{font-size:14px!important;color:#fff0bd!important}
    .rewritePanel{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,214,132,.18);border-radius:12px;background:rgba(0,0,0,.22)}
    .rewritePanel b{display:block;color:#fff0bd}
    .rewritePanel small{display:block;color:#cbd8ef;font-size:11px}
    .rewritePanel button{min-width:118px}
    .chestRewardContent .hudCurrencyIcon.big{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}


    /* MVP 3.9.2CA - ajuste fino avatar dentro da moldura */
    .avatarFrame .avatarFrame__icon,
    .menuProfileAvatarBtn .avatarFrame__icon,
    .friendAvatarWrap .avatarFrame__icon,
    .friendProfileAvatarLarge .avatarFrame__icon,
    .avatarChoiceBtn .avatarFrame__icon{
      left:50%!important;
      top:54%!important;
      width:64.5%!important;
      height:64.5%!important;
      transform:translate(-50%,-50%)!important;
      object-fit:contain!important;
      object-position:center!important;
    }


    /* MVP 3.9.2CA - Deck Builder UX */
    #menuDeck.deckForgeScreen{
      padding:10px!important;
      overflow:hidden!important;
    }
    #menuDeck .deckForgeTopbar{
      margin-bottom:8px!important;
    }
    #menuDeck .deckMainTabs{
      display:flex!important;
      gap:8px!important;
      flex-wrap:wrap!important;
      margin-bottom:8px!important;
    }
    #menuDeck .deckMainTabs button{
      min-height:38px!important;
      padding:8px 16px!important;
      text-transform:uppercase!important;
      letter-spacing:.08em!important;
      font-weight:900!important;
    }
    .deckForgeLayout{
      grid-template-columns:minmax(660px,1.42fr) minmax(300px,.58fr)!important;
      grid-template-areas:
        "selected selected"
        "collection right"
        "footer footer"!important;
      gap:12px!important;
      height:calc(100vh - 182px)!important;
      min-height:560px!important;
      overflow:hidden!important;
      align-items:stretch!important;
    }
    .deckForgeSelectedPanel{
      grid-template-columns:118px minmax(0,1fr)!important;
      min-height:190px!important;
      max-height:220px!important;
      overflow:hidden!important;
    }
    .deckInspector{
      display:none!important;
    }
    .deckSelectedWrap{
      min-width:0!important;
      overflow:hidden!important;
    }
    .deckForgeStrip{
      min-height:136px!important;
      display:flex!important;
      gap:10px!important;
      overflow-x:auto!important;
      padding:4px 4px 10px!important;
    }
    .deckForgeStrip .selectedDeckMini{
      flex:0 0 122px!important;
      min-width:122px!important;
      max-width:122px!important;
      min-height:132px!important;
      padding:6px!important;
      display:grid!important;
      grid-template-rows:auto 1fr auto auto!important;
      align-items:center!important;
    }
    .deckForgeStrip .selectedDeckMini .cardPreview{
      height:92px!important;
      transform:none!important;
      margin:0!important;
    }
    .deckForgeStrip .selectedDeckMini b{
      font-size:11px!important;
      line-height:1.05!important;
      min-height:22px!important;
      text-align:center!important;
      overflow:hidden!important;
    }
    .deckForgeStrip .selectedDeckMini span{
      font-size:10px!important;
      text-align:center!important;
    }
    .deckForgeCollectionPanel{
      min-height:0!important;
      height:100%!important;
      display:grid!important;
      grid-template-columns:190px minmax(0,1fr)!important;
      overflow:hidden!important;
    }
    .deckCollectionSide{
      padding:14px 12px!important;
      overflow:auto!important;
    }
    .deckCollectionTitle{
      font-size:22px!important;
      line-height:1!important;
    }
    .deckCollectionMain{
      min-height:0!important;
      overflow:hidden!important;
      display:grid!important;
      grid-template-rows:auto minmax(0,1fr)!important;
    }
    .deckForgeLibrary{
      grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;
      gap:14px!important;
      height:100%!important;
      max-height:none!important;
      overflow:auto!important;
      padding:4px 10px 12px 4px!important;
      align-content:start!important;
    }
    .deckCollectionCard{
      min-height:274px!important;
      padding:9px!important;
      display:grid!important;
      grid-template-rows:auto auto auto auto 1fr auto!important;
      align-content:start!important;
    }
    .deckCollectionCard .cardPreview{
      height:142px!important;
      margin:0 auto 8px!important;
      transform:none!important;
    }
    .deckCollectionCard h3{
      font-size:14px!important;
      line-height:1.06!important;
      min-height:30px!important;
    }
    .deckCollectionCard .deckMeta{
      font-size:11px!important;
      line-height:1.25!important;
    }
    .deckUseBreakdown{
      display:flex!important;
      gap:4px!important;
      flex-wrap:wrap!important;
      justify-content:center!important;
      font-size:10px!important;
    }
    .deckUseBreakdown span{
      padding:3px 5px!important;
      border:1px solid rgba(255,210,125,.13)!important;
      background:rgba(0,0,0,.16)!important;
      border-radius:6px!important;
    }
    .deckCollectionCard .counterRow{
      gap:6px!important;
    }
    .deckCollectionCard .counterRow button{
      width:34px!important;
      height:32px!important;
      padding:0!important;
    }
    .deckCollectionCard .counterRow .qty{
      font-size:10px!important;
      min-width:0!important;
      flex:1!important;
    }
    .deckRightColumn{
      grid-area:right!important;
      display:block!important;
      min-height:0!important;
      overflow:auto!important;
      position:relative!important;
      top:auto!important;
    }
    .deckCardDetailPanel{
      grid-template-columns:112px 1fr!important;
      align-items:start!important;
      min-height:0!important;
      padding:12px!important;
    }
    .deckCardDetailPreview .cardPreview{
      height:134px!important;
      margin:0!important;
    }
    .deckCardDetailText h3{
      font-size:18px!important;
      line-height:1.1!important;
      margin:5px 0!important;
    }
    .deckCardDetailText p{
      font-size:12px!important;
      line-height:1.35!important;
    }

    /* Popup de Tabuleiro */
    .deckBoardModal{
      position:fixed!important;
      inset:0!important;
      z-index:88!important;
      display:grid!important;
      place-items:center!important;
      background:rgba(0,0,0,.62)!important;
      backdrop-filter:blur(4px)!important;
      padding:20px!important;
    }
    .deckBoardModal.hidden{display:none!important}
    .deckBoardPanel{
      width:min(1120px, calc(100vw - 34px))!important;
      max-height:calc(100vh - 34px)!important;
      overflow:auto!important;
      padding:20px!important;
      box-sizing:border-box!important;
    }
    .deckBoardHeader{
      display:flex!important;
      justify-content:space-between!important;
      align-items:center!important;
      gap:12px!important;
      margin-bottom:14px!important;
      flex-wrap:wrap!important;
    }
    .deckBoardHeader h2{
      margin:0!important;
      font-size:clamp(26px,3vw,44px)!important;
    }
    .deckBoardActions{
      display:flex!important;
      gap:10px!important;
      align-items:center!important;
      flex-wrap:wrap!important;
    }
    .deckBoardPopupBody{
      display:grid!important;
      grid-template-columns:260px minmax(0,1fr)!important;
      gap:14px!important;
      align-items:start!important;
    }
    .deckBoardPopupBody .piecePalette{
      grid-template-columns:1fr!important;
      gap:8px!important;
    }
    .deckBoardPopupBody .piecePaletteCard{
      min-height:96px!important;
      display:grid!important;
      grid-template-columns:66px 1fr!important;
      align-items:center!important;
      gap:10px!important;
      text-align:left!important;
    }
    .deckBoardPopupBody .piecePaletteCard .cardPreview{
      height:64px!important;
      margin:0!important;
    }
    .deckBoardPopupBody .piecePaletteCard strong{
      font-size:13px!important;
    }
    .deckBoardPopupBody .setupTip{
      grid-column:1 / -1!important;
      order:-1!important;
      text-align:center!important;
      font-size:13px!important;
      padding:8px!important;
    }
    .deckBoardPopupBody .setupBoard2d{
      grid-column:2!important;
      grid-template-columns:repeat(8,minmax(64px,1fr))!important;
      grid-template-rows:repeat(2,92px)!important;
      gap:7px!important;
      padding:14px!important;
      min-height:214px!important;
    }
    .deckBoardPopupBody .setupCell{
      min-height:86px!important;
    }
    .deckBoardPopupBody .setupPiece{
      min-height:58px!important;
      width:86%!important;
      font-size:11px!important;
    }
    .deckBoardPopupBody .setupPiece small{
      font-size:26px!important;
    }

    @media(max-width:1180px){
      .deckForgeLayout{
        grid-template-columns:1fr!important;
        grid-template-areas:"selected" "collection" "right" "footer"!important;
        height:auto!important;
        min-height:0!important;
        overflow:auto!important;
      }
      #menuDeck.deckForgeScreen{overflow:auto!important}
      .deckForgeCollectionPanel{height:min(660px, 62vh)!important}
      .deckBoardPopupBody{grid-template-columns:1fr!important}
      .deckBoardPopupBody .setupBoard2d{grid-column:1!important}
    }
    @media(max-width:760px){
      .deckForgeSelectedPanel{grid-template-columns:1fr!important;max-height:none!important}
      .deckForgeCollectionPanel{grid-template-columns:1fr!important;height:auto!important}
      .deckForgeLibrary{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important}
      .deckCollectionCard{min-height:240px!important}
      .deckCollectionCard .cardPreview{height:118px!important}
      .deckBoardPopupBody .setupBoard2d{grid-template-columns:repeat(4,minmax(54px,1fr))!important;grid-template-rows:repeat(4,78px)!important}
    }


    #deckBoardModal .deckBoardPanel{position:relative!important}
    #deckBoardModal .piecePaletteCard{cursor:pointer!important}


    /* MVP 3.9.2CA - tamanho dos cards igual Coleção + tabuleiro popup corrigido */

    /* Na montagem, os cards agora ficam no mesmo padrão grande/legível da aba Coleção */
    #menuDeck:not(.collection-mode) .deckForgeLibrary{
      grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
      gap:16px!important;
      padding:6px 12px 14px 6px!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionCard{
      min-height:318px!important;
      padding:11px!important;
      display:grid!important;
      grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important;
      align-content:start!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionCard .cardPreview{
      height:168px!important;
      min-height:168px!important;
      width:100%!important;
      margin:0 auto 9px!important;
      transform:none!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionCard h3{
      font-size:15px!important;
      line-height:1.08!important;
      min-height:34px!important;
      margin:5px 0!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionCard .deckMeta{
      font-size:11px!important;
      line-height:1.25!important;
      min-height:28px!important;
    }
    #menuDeck:not(.collection-mode) .deckUseBreakdown{
      display:flex!important;
      justify-content:center!important;
      gap:5px!important;
      flex-wrap:wrap!important;
      margin:6px 0!important;
    }
    #menuDeck:not(.collection-mode) .deckUseBreakdown span{
      font-size:10px!important;
      padding:3px 6px!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionCard .counterRow{
      margin-top:8px!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionCard .counterRow button{
      width:38px!important;
      height:36px!important;
      padding:0!important;
      font-size:18px!important;
    }

    /* Garante mais área visível para Minhas cartas */
    #menuDeck:not(.collection-mode) .deckForgeLayout{
      grid-template-columns:minmax(760px,1.55fr) minmax(270px,.45fr)!important;
      height:calc(100vh - 170px)!important;
    }
    #menuDeck:not(.collection-mode) .deckForgeCollectionPanel{
      min-height:0!important;
      height:100%!important;
    }
    #menuDeck:not(.collection-mode) .deckCollectionMain{
      min-height:0!important;
      height:100%!important;
    }

    /* Seu Deck também mostra artes maiores */
    #menuDeck:not(.collection-mode) .deckForgeSelectedPanel{
      min-height:214px!important;
      max-height:250px!important;
    }
    #menuDeck:not(.collection-mode) .deckForgeStrip{
      min-height:162px!important;
      padding-bottom:12px!important;
    }
    #menuDeck:not(.collection-mode) .deckForgeStrip .selectedDeckMini{
      flex:0 0 146px!important;
      min-width:146px!important;
      max-width:146px!important;
      min-height:156px!important;
      padding:7px!important;
    }
    #menuDeck:not(.collection-mode) .deckForgeStrip .selectedDeckMini .cardPreview{
      height:116px!important;
      min-height:116px!important;
      width:100%!important;
      margin:0 auto!important;
      transform:none!important;
    }
    #menuDeck:not(.collection-mode) .deckForgeStrip .selectedDeckMini b{
      font-size:12px!important;
      line-height:1.05!important;
    }

    /* Popup Tabuleiro: remove sobreposição de linhas e força grid estável */
    #deckBoardModal .deckBoardPanel{
      width:min(1180px, calc(100vw - 34px))!important;
      max-height:calc(100vh - 34px)!important;
      overflow:auto!important;
    }
    #deckBoardModal .deckBoardPopupBody{
      display:grid!important;
      grid-template-columns:280px minmax(0,1fr)!important;
      grid-template-areas:
        "tip tip"
        "palette board"!important;
      gap:16px!important;
      align-items:start!important;
    }
    #deckBoardModal .deckBoardPopupBody .setupTip{
      grid-area:tip!important;
      order:0!important;
      margin:0!important;
      position:relative!important;
      z-index:1!important;
    }
    #deckBoardModal .deckBoardPopupBody .piecePalette{
      grid-area:palette!important;
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:9px!important;
      min-height:0!important;
    }
    #deckBoardModal .deckBoardPopupBody .setupBoard2d{
      grid-area:board!important;
      display:grid!important;
      grid-template-columns:repeat(8, minmax(70px, 1fr))!important;
      grid-template-rows:repeat(2, 112px)!important;
      grid-auto-rows:112px!important;
      gap:8px!important;
      min-height:244px!important;
      height:auto!important;
      max-height:none!important;
      align-content:start!important;
      align-items:stretch!important;
      overflow:visible!important;
      padding:16px!important;
      box-sizing:border-box!important;
      position:relative!important;
    }
    #deckBoardModal .deckBoardPopupBody .setupBoard2d::before{
      top:-11px!important;
      z-index:5!important;
      pointer-events:none!important;
    }
    #deckBoardModal .deckBoardPopupBody .setupCell{
      min-height:0!important;
      height:112px!important;
      max-height:112px!important;
      align-self:stretch!important;
      box-sizing:border-box!important;
      overflow:hidden!important;
    }
    #deckBoardModal .deckBoardPopupBody .setupPiece{
      width:86%!important;
      min-height:64px!important;
      max-height:82px!important;
      box-sizing:border-box!important;
    }
    #deckBoardModal .deckBoardPopupBody .setupEmpty{
      font-size:26px!important;
      line-height:1!important;
    }

    @media(max-width:1180px){
      #menuDeck:not(.collection-mode) .deckForgeLibrary{
        grid-template-columns:repeat(auto-fill,minmax(176px,1fr))!important;
      }
      #deckBoardModal .deckBoardPopupBody{
        grid-template-columns:1fr!important;
        grid-template-areas:"tip" "palette" "board"!important;
      }
      #deckBoardModal .deckBoardPopupBody .piecePalette{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
      }
      #deckBoardModal .deckBoardPopupBody .setupBoard2d{
        grid-template-columns:repeat(4, minmax(78px, 1fr))!important;
        grid-template-rows:repeat(4, 98px)!important;
        grid-auto-rows:98px!important;
        min-height:430px!important;
      }
      #deckBoardModal .deckBoardPopupBody .setupCell{
        height:98px!important;
        max-height:98px!important;
      }
    }
    @media(max-width:760px){
      #menuDeck:not(.collection-mode) .deckForgeLibrary{
        grid-template-columns:repeat(auto-fill,minmax(154px,1fr))!important;
      }
      #menuDeck:not(.collection-mode) .deckCollectionCard{
        min-height:270px!important;
      }
      #menuDeck:not(.collection-mode) .deckCollectionCard .cardPreview{
        height:132px!important;
        min-height:132px!important;
      }
      #menuDeck:not(.collection-mode) .deckForgeStrip .selectedDeckMini{
        flex-basis:126px!important;
        min-width:126px!important;
        max-width:126px!important;
      }
      #menuDeck:not(.collection-mode) .deckForgeStrip .selectedDeckMini .cardPreview{
        height:96px!important;
        min-height:96px!important;
      }
      #deckBoardModal .deckBoardPopupBody .piecePalette{
        grid-template-columns:1fr!important;
      }
      #deckBoardModal .deckBoardPopupBody .setupBoard2d{
        grid-template-columns:repeat(4, minmax(54px, 1fr))!important;
        grid-template-rows:repeat(4, 84px)!important;
        grid-auto-rows:84px!important;
        min-height:374px!important;
        gap:6px!important;
        padding:12px!important;
      }
      #deckBoardModal .deckBoardPopupBody .setupCell{
        height:84px!important;
        max-height:84px!important;
      }
    }


    /* MVP 3.9.2CA - legibilidade das cartas sem mexer no loading */
    .cardPreview .miniStats{
      background:linear-gradient(180deg,rgba(4,5,7,.90),rgba(0,0,0,.76))!important;
      border:1px solid rgba(255,224,149,.22)!important;
      text-shadow:0 2px 4px rgba(0,0,0,.9)!important;
      backdrop-filter:blur(2px)!important;
      min-height:32px!important;
      line-height:1.08!important;
    }
    .cardPreview .miniStats span:first-child{
      color:#fff3bd!important;
      font-weight:1000!important;
    }
    .cardPreview .miniStats span:last-child{
      color:#d9f5ff!important;
      font-weight:900!important;
    }
    .deckCollectionCard h3,
    .shopItem h3,
    .selectedDeckMini b,
    .slotCard h3{
      text-shadow:0 2px 5px rgba(0,0,0,.85)!important;
    }


    /* MVP 3.9.2CA - seletor de ícones maior */
    #profileAvatarChoices{
      display:grid!important;
      grid-template-columns:repeat(3, minmax(118px, 1fr))!important;
      gap:16px!important;
      align-items:center!important;
      justify-items:center!important;
      padding:10px!important;
    }
    #profileAvatarChoices .avatarChoiceBtn{
      width:124px!important;
      height:124px!important;
      min-width:124px!important;
      min-height:124px!important;
      padding:8px!important;
    }
    #profileAvatarChoices .avatarChoiceBtn .avatarFrame{
      width:106px!important;
      height:106px!important;
    }
    #profileAvatarChoices .avatarChoiceBtn .avatarFrame__icon{
      width:67%!important;
      height:67%!important;
      top:54%!important;
    }
    #profileAvatarChoices .avatarChoiceBtn .avatarFrame__ring{
      width:118%!important;
      height:118%!important;
    }
    @media(max-width:620px){
      #profileAvatarChoices{
        grid-template-columns:repeat(2, minmax(104px, 1fr))!important;
      }
      #profileAvatarChoices .avatarChoiceBtn{
        width:110px!important;
        height:110px!important;
        min-width:110px!important;
        min-height:110px!important;
      }
      #profileAvatarChoices .avatarChoiceBtn .avatarFrame{
        width:94px!important;
        height:94px!important;
      }
    }


    /* MVP 3.9.2CQ - Dev Tools bloqueado */
    .devToolsModal{
      position:fixed;
      inset:0;
      z-index:99999;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(0,0,0,.74);
      backdrop-filter:blur(6px);
    }
    .devToolsModal.hidden{display:none!important}
    .devToolsCard{
      width:min(980px,94vw);
      max-height:90vh;
      overflow:auto;
      background:linear-gradient(180deg,rgba(15,18,23,.98),rgba(5,7,10,.98));
      border:1px solid rgba(119,255,170,.28);
      box-shadow:0 22px 80px rgba(0,0,0,.65), inset 0 0 0 1px rgba(255,255,255,.045);
      border-radius:22px;
      padding:22px;
      color:#e9fff4;
    }
    .devToolsTop{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      margin-bottom:16px;
    }
    .devToolsTop h2{
      margin:0;
      font-size:26px;
      letter-spacing:.02em;
      color:#b8ffd2;
      text-shadow:0 0 18px rgba(98,255,158,.28);
    }
    .devToolsTop p{margin:5px 0 0;color:#a7bfb0;font-size:13px}
    .devToolsClose{
      min-width:42px;
      height:42px;
      border-radius:13px;
      border:1px solid rgba(255,255,255,.15);
      background:rgba(255,255,255,.08);
      color:#fff;
      font-weight:900;
      cursor:pointer;
    }
    .devToolsLock{
      display:grid;
      grid-template-columns:1fr auto;
      gap:10px;
      align-items:center;
      margin:14px 0 10px;
      padding:14px;
      border-radius:16px;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.09);
    }
    .devToolsLock input{
      height:44px;
      border-radius:12px;
      border:1px solid rgba(119,255,170,.2);
      background:rgba(0,0,0,.28);
      color:#fff;
      padding:0 12px;
      font-weight:800;
      outline:none;
    }
    .devToolsGrid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:16px;
    }
    .devToolsGroup{
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.045);
      border-radius:18px;
      padding:14px;
    }
    .devToolsGroup h3{
      margin:0 0 10px;
      font-size:15px;
      color:#fff3bd;
    }
    .devToolsGroup button,
    .devToolsLock button{
      width:100%;
      border:1px solid rgba(119,255,170,.22);
      background:linear-gradient(180deg,rgba(44,118,72,.92),rgba(20,70,44,.92));
      color:#f4fff7;
      font-weight:950;
      border-radius:12px;
      padding:10px 12px;
      cursor:pointer;
      margin-top:8px;
      box-shadow:0 8px 20px rgba(0,0,0,.26);
    }
    .devToolsGroup button.danger{
      border-color:rgba(255,105,105,.3);
      background:linear-gradient(180deg,rgba(145,52,52,.92),rgba(84,25,25,.92));
    }
    .devToolsGroup button.secondary{
      border-color:rgba(178,217,255,.22);
      background:linear-gradient(180deg,rgba(48,78,120,.92),rgba(28,46,78,.92));
    }

    .devToolsInlineControl{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09)}
    .devToolsInlineControl label{display:grid;gap:5px;font-size:12px;font-weight:900;color:#bfe8ce;letter-spacing:.03em}
    .devToolsInlineControl select,.devToolsInlineControl input{width:100%;height:38px;border-radius:10px;border:1px solid rgba(119,255,170,.22);background:rgba(0,0,0,.32);color:#fff;padding:0 10px;font-weight:900;outline:none}
    .devToolsInlineControl select option{background:#07140c;color:#f4fff7}
    .devToolsSmallNote{display:block;margin-top:3px;color:#91b69e;font-size:11px;line-height:1.25}

    .devToolsStatus{
      margin-top:12px;
      min-height:22px;
      color:#b8ffd2;
      font-size:13px;
      font-weight:800;
    }
    .devToolsLockedNote{
      color:#ffd49e;
      font-size:13px;
      line-height:1.45;
    }
    @media(max-width:760px){
      .devToolsGrid{grid-template-columns:1fr}
      .devToolsLock{grid-template-columns:1fr}
    }


    /* v3.9.2CQ - Land ajustado + grama texturizada dos mobs */
    .audioSettingsPanel{display:grid;gap:8px;margin-bottom:8px;padding:8px;border:1px solid rgba(255,218,140,.17);border-radius:10px;background:rgba(255,255,255,.035)}
    .audioSettingsPanel .audioTitle{font-size:11px;font-weight:900;color:#fff3bd;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
    .audioControl{display:grid;grid-template-columns:72px 1fr 34px;align-items:center;gap:8px;color:#dfffe9;font-size:11px;font-weight:800}
    .audioControl input[type="range"]{width:100%;accent-color:#5cff9d;cursor:pointer}
    .audioControl output{text-align:right;color:#b8ffd2;font-size:10px}
    #gameOptionsMenu{width:250px;max-width:calc(100vw - 22px)}
    #gameOptionsMenu .gameOptionsTitle{font-size:12px;font-weight:950;color:#fff3bd;letter-spacing:.08em;text-transform:uppercase;padding:3px 2px 1px}

    /* v3.9.2CQ - Configurações gráficas in-game */
    #gameOptionsMenu{width:330px;max-width:calc(100vw - 22px);max-height:calc(100vh - 88px);overflow:auto;overscroll-behavior:contain}
    .graphicsSettingsPanel{display:grid;gap:8px;margin-bottom:8px;padding:8px;border:1px solid rgba(145,205,255,.17);border-radius:10px;background:rgba(78,145,255,.045)}
    .graphicsSettingsPanel .graphicsTitle{font-size:11px;font-weight:900;color:#d8efff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
    .graphicsControl{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:8px;color:#dff2ff;font-size:11px;font-weight:850}
    .graphicsControl select{width:100%;min-height:30px;border-radius:8px;border:1px solid rgba(178,217,255,.22);background:rgba(0,0,0,.34);color:#f4fbff;padding:5px 7px;font-size:11px;font-weight:900;outline:none}
    .graphicsControl select option{background:#101a24;color:#fff}
    .graphicsToggle{display:flex;align-items:center;gap:8px;color:#dff2ff;font-size:11px;font-weight:850;user-select:none}
    .graphicsToggle input{accent-color:#5cc8ff;transform:scale(1.04)}
    #graphicsBadge{display:block;color:#aee2ff;font-size:10px;line-height:1.35;padding:4px 2px 0}
    #menuGraphicsBadge{display:block;color:#aee2ff;font-size:10px;line-height:1.35;padding:4px 2px 0}
    .configRow.configRowBlock{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(300px,1.35fr);align-items:start;gap:14px}
    .configRow.configRowBlock .audioSettingsPanel,.configRow.configRowBlock .graphicsSettingsPanel{width:100%;margin:0;box-sizing:border-box}
    .configRow.configRowBlock .audioControl{grid-template-columns:82px 1fr 38px}
    .configRow.configRowBlock .graphicsControl{grid-template-columns:122px 1fr}
    @media(max-width:760px){.configRow.configRowBlock{grid-template-columns:1fr}.configRow.configRowBlock .audioControl,.configRow.configRowBlock .graphicsControl{grid-template-columns:86px 1fr 38px}.configRow.configRowBlock .graphicsControl{grid-template-columns:108px 1fr}}


    /* v3.9.2CQ - Tutorial guiado */
    .playChoiceCard.tutorial{
      border-color:rgba(255,226,122,.55);
      background:linear-gradient(180deg,rgba(92,67,22,.96),rgba(39,34,16,.96));
      box-shadow:0 18px 44px rgba(255,187,64,.14);
    }
    #tutorialOverlay{
      position:fixed;
      left:14px;
      top:92px;
      bottom:auto;
      transform:none;
      width:min(300px,calc(100vw - 28px));
      z-index:1000000;
      pointer-events:auto;
      transition:left .2s ease, top .2s ease, transform .2s ease, width .2s ease;
    }
    #tutorialOverlay[data-pos="center"]{
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      width:min(640px,calc(100vw - 28px));
    }
    #tutorialOverlay[data-pos="hud"]{
      left:50%;
      top:118px;
      transform:translateX(-50%);
      width:min(700px,calc(100vw - 28px));
    }
    #tutorialOverlay[data-pos="board"],
    #tutorialOverlay[data-pos="boardLeft"]{
      left:14px;
      right:auto;
      top:164px;
      transform:none;
      width:min(320px,calc(100vw - 28px));
    }
    #tutorialOverlay[data-pos="boardRight"]{
      left:auto;
      right:14px;
      top:164px;
      transform:none;
      width:min(320px,calc(100vw - 28px));
    }
    #tutorialOverlay.hidden{display:none}
    #tutorialOverlay.tutorialComplete{
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      width:min(640px,calc(100vw - 28px));
    }
    #tutorialOverlay.tutorialComplete .tutorialBox{
      text-align:center;
      padding:26px 26px 22px;
      box-shadow:0 30px 90px rgba(0,0,0,.78),0 0 0 9999px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10);
    }
    #tutorialOverlay.tutorialComplete #tutorialTitle{
      font-size:22px;
      letter-spacing:.08em;
      margin-bottom:12px;
    }
    #tutorialOverlay.tutorialComplete #tutorialText{
      font-size:18px;
      line-height:1.55;
    }
    #tutorialHelpBubble{
      position:fixed;
      left:clamp(16px, 330px, calc(100vw - 64px));
      right:auto;
      top:94px;
      z-index:1000001;
      width:48px;
      height:48px;
      border-radius:999px;
      border:1px solid rgba(255,226,122,.72);
      background:radial-gradient(circle at 35% 25%,rgba(255,244,169,.98),rgba(203,133,29,.96));
      color:#1e1202;
      font-size:28px;
      line-height:1;
      font-weight:1000;
      cursor:pointer;
      box-shadow:0 14px 34px rgba(0,0,0,.48),0 0 0 7px rgba(255,226,122,.13);
      display:flex;
      align-items:center;
      justify-content:center;
      user-select:none;
    }
    #tutorialHelpBubble.hidden{display:none}
    #tutorialHelpBubble:hover{filter:brightness(1.08)}
    .tutorialBox{
      border:1px solid rgba(255,226,122,.62);
      background:linear-gradient(180deg,rgba(15,20,23,.98),rgba(5,9,12,.98));
      box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 0 9999px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.08);
      border-radius:20px;
      padding:18px 18px 16px;
      color:#f9fff4;
      backdrop-filter:blur(14px);
    }
    #tutorialTitle{
      font-size:13px;
      font-weight:1000;
      color:#ffe27a;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:7px;
    }
    #tutorialText{
      font-size:17px;
      line-height:1.5;
      font-weight:800;
      text-shadow:0 1px 0 rgba(0,0,0,.5);
    }
    #tutorialText .tut-key{color:#ffe27a;font-weight:1000;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
    #tutorialText .tut-good{color:#8cffb2;font-weight:1000}
    #tutorialText .tut-warn{color:#ffb2a0;font-weight:1000}
    #tutorialText .tut-note{color:#b9e7ff;font-weight:950}
    #tutorialText .tut-purple{color:#dfb7ff;font-weight:1000}
    #tutorialText ul{margin:8px 0 0 18px;padding:0}
    #tutorialText li{margin:3px 0}
    .tutorialActions{
      display:flex;
      justify-content:flex-end;
      gap:10px;
      margin-top:12px;
      pointer-events:auto;
    }
    .tutorialActions button{
      border:1px solid rgba(255,255,255,.14);
      border-radius:12px;
      padding:9px 13px;
      color:#fff;
      font-weight:950;
      cursor:pointer;
      background:rgba(255,255,255,.08);
    }
    .tutorialActions button.primary{
      border-color:rgba(119,255,170,.32);
      background:linear-gradient(180deg,rgba(44,118,72,.96),rgba(20,70,44,.96));
    }
    #tutorialMinBtn{
      border-color:rgba(94,198,255,.42);
      background:linear-gradient(180deg,rgba(41,129,206,.98),rgba(16,76,145,.98));
      box-shadow:0 8px 18px rgba(24,101,191,.18);
    }
    #tutorialSkipBtn{
      border-color:rgba(255,112,112,.48);
      background:linear-gradient(180deg,rgba(198,47,47,.98),rgba(126,22,22,.98));
      box-shadow:0 8px 18px rgba(172,34,34,.18);
    }
    .tutorialPulse{
      animation:tutorialPulse 1.05s ease-in-out infinite alternate;
      outline:3px solid rgba(255,226,122,.82)!important;
      box-shadow:0 0 0 8px rgba(255,226,122,.15),0 0 28px rgba(255,226,122,.45)!important;
    }
    @keyframes tutorialPulse{from{filter:brightness(1)}to{filter:brightness(1.32)}}
    body.tutorial-mode #rightPanel,
    body.tutorial-mode #undoBtn,
    body.tutorial-mode #drawBtn,
    body.tutorial-mode #endTurnBtn{
      display:none!important;
    }
    body.tutorial-mode #cards{
      z-index:74;
    }
    body.tutorial-mode.tutorial-practice #rightPanel{display:flex!important}
    body.tutorial-mode.tutorial-practice #drawBtn,
    body.tutorial-mode.tutorial-practice #endTurnBtn{display:inline-flex!important}



    /* v3.9.2DF - Chat global polido + filtro local */
    .globalChatWidget{
      position:fixed;
      left:18px;
      bottom:18px;
      z-index:999950;
      width:auto;
      color:#f7fbff;
      font-family:var(--ui-font,system-ui,sans-serif);
      pointer-events:auto;
    }
    body:not(.chat-global-ready) .globalChatWidget,
    body.auth-locked .globalChatWidget{display:none!important}
    .globalChatToggle{
      width:360px;
      max-width:calc(100vw - 36px);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      border:14px solid transparent;
      border-image:var(--window-base-img) 171 fill stretch;
      border-radius:0;
      padding:7px 10px;
      background:rgba(6,11,20,.82);
      color:#ead49c;
      font-family:"MenuMedieval", Georgia, serif;
      font-size:17px;
      letter-spacing:.04em;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 18px 42px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,225,160,.06);
    }
    .globalChatWidget:not(.minimized) .globalChatToggle{display:none}
    .globalChatToggle:hover{filter:brightness(1.12);transform:translateY(-1px)}
    .globalChatToggle span{display:flex;align-items:center;gap:8px;min-width:0}
    .globalChatToggle span::before{
      content:'💬';
      width:30px;
      height:30px;
      display:inline-grid;
      place-items:center;
      border-radius:999px;
      background:linear-gradient(180deg,rgba(67,158,255,.96),rgba(32,82,192,.96));
      color:#fff;
      font-family:system-ui,sans-serif;
      font-size:16px;
      box-shadow:0 0 0 2px rgba(255,255,255,.10),0 0 18px rgba(68,156,255,.55);
      flex:0 0 auto;
    }
    .globalChatToggle::after{
      content:'↗';
      width:32px;
      height:32px;
      display:inline-grid;
      place-items:center;
      border-radius:10px;
      border:1px solid rgba(120,190,255,.55);
      background:linear-gradient(180deg,rgba(73,154,255,.95),rgba(37,76,175,.95));
      color:#fff;
      font-family:system-ui,sans-serif;
      font-size:18px;
      font-weight:1000;
      box-shadow:0 0 18px rgba(76,155,255,.42);
      flex:0 0 auto;
    }
    .globalChatToggle small{
      color:#8dffc2;
      font-family:var(--ui-font,system-ui,sans-serif);
      font-size:11px;
      font-weight:1000;
      white-space:nowrap;
    }
    .globalChatPanel{
      position:relative;
      margin-top:0;
      width:360px;
      height:330px;
      min-width:360px;
      min-height:330px;
      max-width:calc(100vw - 36px);
      max-height:calc(100vh - 96px);
      resize:both;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      border:22px solid transparent;
      border-image:var(--window-base-img) 171 fill stretch;
      border-radius:0;
      background:rgba(6,11,20,.88);
      box-shadow:0 26px 72px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,225,160,.06);
    }
    .globalChatWidget.minimized .globalChatPanel{display:none}
    .globalChatHeader{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:6px 8px 8px;
      border-bottom:1px solid rgba(255,214,132,.14);
      background:rgba(0,0,0,.12);
      cursor:default;
    }
    .globalChatTitle{display:flex;flex-direction:column;gap:2px;min-width:0}
    .globalChatTitle b{color:#efdaa4;font-family:"MenuMedieval", Georgia, serif;font-size:18px;letter-spacing:.05em}
    .globalChatTitle span{color:#8dffc2;font-size:11px;font-weight:900}
    .globalChatMinBtn{
      border:1px solid rgba(255,214,132,.28);
      border-radius:10px;
      padding:6px 10px;
      background:linear-gradient(180deg,rgba(46,64,91,.95),rgba(18,25,42,.95));
      color:#fff4c8;
      font-weight:1000;
      cursor:pointer;
      flex:0 0 auto;
    }
    .globalChatMinBtn:hover{filter:brightness(1.15)}
    .globalChatMessages{
      flex:1 1 auto;
      min-height:0;
      overflow:auto;
      padding:10px 8px;
      display:flex;
      flex-direction:column;
      gap:7px;
      scrollbar-width:thin;
    }
    .globalChatMessage{
      border:1px solid rgba(255,214,132,.13);
      border-radius:12px;
      padding:7px 8px;
      background:linear-gradient(180deg,rgba(8,23,36,.72),rgba(4,10,20,.56));
      line-height:1.32;
      word-break:break-word;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    }
    .globalChatMessage .meta{
      display:flex;
      justify-content:space-between;
      gap:8px;
      margin-bottom:2px;
      color:#b9d8ff;
      font-size:10px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .globalChatMessage .text{font-size:12px;color:#f6fbff;font-weight:750}
    .globalChatSystem{font-size:12px;color:#b7c7dc;text-align:center;padding:12px 4px;font-weight:800}
    .globalChatForm{
      flex:0 0 auto;
      display:flex;
      gap:8px;
      padding:9px 8px 6px;
      border-top:1px solid rgba(255,214,132,.14);
      background:rgba(0,0,0,.12);
    }
    .globalChatForm input{
      flex:1;
      min-width:0;
      border:1px solid rgba(255,214,132,.16);
      border-radius:12px;
      background:rgba(0,0,0,.30);
      color:#fff;
      padding:9px 10px;
      font-weight:850;
      outline:none;
    }
    .globalChatForm input:focus{border-color:rgba(119,185,255,.58)}
    .globalChatForm button{
      border:1px solid rgba(119,255,170,.34);
      border-radius:12px;
      padding:9px 12px;
      background:linear-gradient(180deg,rgba(44,118,72,.96),rgba(20,70,44,.96));
      color:#fff;
      font-weight:1000;
      cursor:pointer;
    }
    .globalChatResizeHint{
      position:absolute;
      right:5px;
      bottom:4px;
      width:28px;
      height:28px;
      display:grid;
      place-items:center;
      border-radius:9px;
      border:1px solid rgba(120,190,255,.55);
      background:linear-gradient(180deg,rgba(63,145,255,.90),rgba(21,54,142,.92));
      color:#fff;
      font-size:18px;
      font-weight:1000;
      pointer-events:none;
      box-shadow:0 0 18px rgba(80,160,255,.38);
      opacity:.96;
    }
    @media(max-width:760px){.globalChatWidget{left:10px;right:10px;bottom:10px}.globalChatToggle{width:calc(100vw - 20px);max-width:none}.globalChatPanel{width:calc(100vw - 20px);min-width:calc(100vw - 20px);height:300px;min-height:300px;max-width:calc(100vw - 20px);resize:vertical}}



    /* v3.9.2DG - Responsive HUD Pass 1: escala interna da interface sem depender do zoom do navegador */
    :root{
      --hud-scale:1;
      --hud-pad:8px;
      --hud-gap:8px;
      --hud-left-w:224px;
      --hud-right-w:242px;
      --hud-topbar-pad-y:7px;
      --hud-topbar-pad-x:10px;
      --hud-panel-pad:8px;
      --hud-box-pad:7px;
      --hud-box-gap:7px;
      --hud-pill-font:10px;
      --hud-pill-pad-y:5px;
      --hud-pill-pad-x:7px;
      --hud-button-font:11px;
      --hud-button-pad-y:7px;
      --hud-button-pad-x:8px;
      --hud-bottom-max:900px;
      --hud-deck-height:198px;
      --hud-card-w:138px;
      --hud-card-pad:7px;
      --hud-card-title:10.5px;
      --hud-card-type:8px;
      --hud-card-text:9px;
      --hud-card-preview-h:62px;
      --hud-card-icon:44px;
      --hud-action-font:11px;
      --hud-action-height:38px;
      --hud-options-size:38px;
      --hud-options-font:17px;
      --hud-card-glyph:31px;
      --hud-section-gap:6px;
      --hud-bottom-pad-x:6px;
      --hud-deck-action-mt:-9px;
      --hud-chat-w:360px;
      --hud-chat-h:330px;
      --hud-selected-min:76px;
      --hud-selected-max:126px;
      --hud-log-min:88px;
    }
    body:not(.menu-open) #hud{
      grid-template-columns:var(--hud-left-w) minmax(0,1fr) var(--hud-right-w)!important;
      grid-template-rows:auto minmax(0,1fr) auto!important;
      padding:var(--hud-pad)!important;
      gap:var(--hud-gap)!important;
      box-sizing:border-box!important;
    }
    body:not(.menu-open) #topbar{
      min-height:calc(var(--hud-options-size) + 8px)!important;
      padding:var(--hud-topbar-pad-y) var(--hud-topbar-pad-x)!important;
    }
    body:not(.menu-open) #leftPanel,
    body:not(.menu-open) #rightPanel{padding:var(--hud-panel-pad)!important}
    body:not(.menu-open) .box{padding:var(--hud-box-pad)!important;margin-bottom:var(--hud-box-gap)!important}
    body:not(.menu-open) .pill{font-size:var(--hud-pill-font)!important;padding:var(--hud-pill-pad-y) var(--hud-pill-pad-x)!important}
    body:not(.menu-open) button{font-size:var(--hud-button-font)!important;padding:var(--hud-button-pad-y) var(--hud-button-pad-x)!important}
    body:not(.menu-open) .section-title{font-size:calc(var(--hud-button-font) - 1px)!important;margin:2px 0 var(--hud-section-gap)!important}
    body:not(.menu-open) .small,
    body:not(.menu-open) .hint{font-size:calc(var(--hud-button-font) - .5px)!important;line-height:1.32!important}
    body:not(.menu-open) h1{font-size:calc(var(--hud-button-font) + 2px)!important}
    body:not(.menu-open) .logo{width:calc(var(--hud-options-size) - 10px)!important;height:calc(var(--hud-options-size) - 10px)!important}
    body:not(.menu-open) #gameOptions{top:calc(var(--hud-pad) + var(--hud-options-size) + 10px)!important;right:var(--hud-pad)!important}
    body:not(.menu-open) #gameOptionsBtn{width:var(--hud-options-size)!important;height:var(--hud-options-size)!important;font-size:var(--hud-options-font)!important}
    body:not(.menu-open) #gameOptionsMenu{width:min(280px, calc(100vw - 20px))!important;max-height:calc(100vh - 92px)!important;overflow:auto!important}
    .interfaceSettingsPanel{display:grid;gap:7px;padding:8px;border:1px solid rgba(255,218,140,.14);background:rgba(255,255,255,.045);border-radius:10px;margin:5px 0}
    body:not(.menu-open) #bottomPanel{
      max-width:min(var(--hud-bottom-max), 92vw)!important;
      width:min(var(--hud-bottom-max), 92vw)!important;
      padding:0 var(--hud-bottom-pad-x) 0!important;
      left:50%!important;
      right:auto!important;
      bottom:var(--hud-pad)!important;
      transform:translateX(-50%) scale(var(--hud-root-scale,1))!important;
      transform-origin:center bottom!important;
      grid-column:auto!important;
      justify-self:auto!important;
      align-self:auto!important;
    }
    body:not(.menu-open) #bottomPanel .cards.wheelMode{height:var(--hud-deck-height)!important}
    body:not(.menu-open) #bottomPanel .cards.wheelMode .card,
    body:not(.menu-open) #bottomPanel .card{
      width:var(--hud-card-w)!important;
      min-width:var(--hud-card-w)!important;
      max-width:var(--hud-card-w)!important;
      padding:var(--hud-card-pad)!important;
      border-radius:10px!important;
      touch-action:manipulation!important;
    }
    body:not(.menu-open) #bottomPanel .card::before{
      content:'';
      position:absolute;
      inset:-8px -7px;
      border-radius:14px;
      pointer-events:auto;
      background:transparent;
    }
    body:not(.menu-open) #bottomPanel .card > *{position:relative;z-index:1}
    body:not(.menu-open) #bottomPanel .cards .cardPreview,
    body:not(.menu-open) #bottomPanel .cards.wheelMode .cardPreview{height:var(--hud-card-preview-h)!important}
    body:not(.menu-open) #bottomPanel .cards .cardPreview:after,
    body:not(.menu-open) #bottomPanel .cards.wheelMode .cardPreview:after{width:var(--hud-card-icon)!important;height:var(--hud-card-icon)!important}
    body:not(.menu-open) #bottomPanel .cards .cardPreview .glyph,
    body:not(.menu-open) #bottomPanel .cards.wheelMode .cardPreview .glyph{font-size:var(--hud-card-glyph)!important}
    body:not(.menu-open) #bottomPanel .cards .cardPreview .cardIcon,
    body:not(.menu-open) #bottomPanel .cards.wheelMode .cardPreview .cardIcon{width:var(--hud-card-icon)!important;height:var(--hud-card-icon)!important}
    body:not(.menu-open) #bottomPanel .card h3,
    body:not(.menu-open) #bottomPanel .cards.wheelMode .card h3{font-size:var(--hud-card-title)!important;line-height:1.06!important}
    body:not(.menu-open) #bottomPanel .card .type,
    body:not(.menu-open) #bottomPanel .cards.wheelMode .card .type{font-size:var(--hud-card-type)!important}
    body:not(.menu-open) #bottomPanel .card p{font-size:var(--hud-card-text)!important}
    body:not(.menu-open) #deckActionBar{gap:var(--hud-gap)!important;margin-top:var(--hud-deck-action-mt)!important}
    body:not(.menu-open) #deckActionBar button{min-height:var(--hud-action-height)!important;font-size:var(--hud-action-font)!important}
    body:not(.menu-open) #deckActionBar #endTurnBtn{width:var(--hud-action-height)!important;height:var(--hud-action-height)!important;min-width:var(--hud-action-height)!important}
    body:not(.menu-open) #gameDeckCountLabel{font-size:calc(var(--hud-action-font) - 1px)!important}
    body:not(.menu-open) #selectedInfo{min-height:var(--hud-selected-min)!important;max-height:var(--hud-selected-max)!important}
    body:not(.menu-open) #log{min-height:var(--hud-log-min)!important}
    body:not(.menu-open) .logItem{font-size:calc(var(--hud-button-font) - 1px)!important}
    body:not(.menu-open) .globalChatWidget{left:var(--hud-pad)!important;bottom:var(--hud-pad)!important}
    body:not(.menu-open) .globalChatToggle{width:var(--hud-chat-w)!important;max-width:calc(100vw - (var(--hud-pad) * 2))!important}
    body:not(.menu-open) .globalChatPanel{width:var(--hud-chat-w)!important;height:var(--hud-chat-h)!important;min-width:min(var(--hud-chat-w), calc(100vw - (var(--hud-pad) * 2)))!important;min-height:min(var(--hud-chat-h), calc(100vh - 86px))!important}
    body:not(.menu-open) #fpsMeter{font-size:calc(var(--hud-button-font) - 2px)!important;left:var(--hud-pad)!important;top:var(--hud-pad)!important;bottom:auto!important}
    @media (max-width:1050px){
      body:not(.menu-open) #hud{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) auto!important;padding:6px!important;gap:6px!important}
      body:not(.menu-open) #topbar,
      body:not(.menu-open) #rightPanel,
      body:not(.menu-open) #bottomPanel{grid-column:1!important;grid-row:auto!important}
      body:not(.menu-open) #topbar{width:min(96vw,1180px)!important;left:50%!important;transform:translateX(-50%)!important}
      body:not(.menu-open) #bottomPanel{width:min(96vw,980px)!important;left:50%!important;transform:translateX(-50%)!important}
      body:not(.menu-open) #rightPanel{max-height:112px!important;width:auto!important}
      body:not(.menu-open) #bottomPanel{max-width:100%!important;justify-self:stretch!important}
      body:not(.menu-open) #bottomPanel .cards.wheelMode{display:flex!important;height:auto!important;overflow-x:auto!important;padding-bottom:6px!important}
      body:not(.menu-open) #bottomPanel .cards.wheelMode .card{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important}
      body:not(.menu-open) .battleTopWrap{grid-template-columns:1fr!important;gap:8px!important}
      body:not(.menu-open) .battleSideCard.enemy{justify-content:flex-start!important;text-align:left!important}
      body:not(.menu-open) #tutorialOverlay{width:min(290px,calc(100vw - 16px))!important}
      body:not(.menu-open) #tutorialOverlay[data-pos="center"]{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(94vw,640px)!important}
      body:not(.menu-open) #tutorialOverlay[data-pos="hud"]{left:50%!important;top:132px!important;transform:translateX(-50%)!important;width:min(94vw,700px)!important}
      body:not(.menu-open) #tutorialOverlay[data-pos="board"],
      body:not(.menu-open) #tutorialOverlay[data-pos="boardLeft"]{left:8px!important;right:auto!important;top:146px!important;transform:none!important;width:min(290px,calc(100vw - 16px))!important}
      body:not(.menu-open) #tutorialOverlay[data-pos="boardRight"]{left:auto!important;right:8px!important;top:146px!important;transform:none!important;width:min(290px,calc(100vw - 16px))!important}
      body:not(.menu-open) #tutorialHelpBubble{left:calc(100vw - 58px)!important;top:136px!important}
    }


    /* v3.9.2DH - Responsive HUD Apply Fix: aplica escala visual real na camada inteira da HUD */
    :root{--hud-visual-scale:1;--hud-visual-inverse:1}
    body:not(.menu-open) #hud{
      width:calc(100vw * var(--hud-visual-inverse))!important;
      height:calc(100vh * var(--hud-visual-inverse))!important;
      min-width:calc(100vw * var(--hud-visual-inverse))!important;
      min-height:calc(100vh * var(--hud-visual-inverse))!important;
      transform:scale(var(--hud-visual-scale))!important;
      transform-origin:0 0!important;
      left:0!important;top:0!important;right:auto!important;bottom:auto!important;
      will-change:transform!important;
    }
    body:not(.menu-open) .globalChatWidget{
      transform:scale(var(--hud-visual-scale))!important;
      transform-origin:bottom left!important;
      will-change:transform!important;
    }
    body:not(.menu-open) #fpsMeter{
      transform:scale(var(--hud-visual-scale))!important;
      transform-origin:bottom left!important;
    }
    body:not(.menu-open) #toast{
      transform:translateX(-50%) scale(var(--hud-visual-scale))!important;
      transform-origin:bottom center!important;
    }
    body:not(.menu-open) #onlineBadge{
      transform:scale(var(--hud-visual-scale))!important;
      transform-origin:top right!important;
    }
    body:not(.menu-open) #hud[data-scale-applied="1"]::after{
      content:'';
      position:fixed;
      inset:auto 0 0 auto;
      width:0;height:0;
      pointer-events:none;
    }


    /* MVP 3.9.2DQ - HUD/log/tutorial teaching pass */
    body:not(.menu-open) #tutorialHelpBubble{
      top:146px!important;
      left:16px!important;
      right:auto!important;
      z-index:1000001!important;
    }
    body:not(.menu-open) #gameOptions{
      top:18px!important;
      left:min(calc(50% + min(590px, calc((100vw - 28px) / 2)) + 144px), calc(100vw - 58px))!important;
      right:auto!important;
      z-index:1000004!important;
      display:flex!important;
    }
    body:not(.menu-open) #gameOptionsBtn{
      width:42px!important;
      height:42px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      line-height:1!important;
      padding:0!important;
      border:14px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      border-radius:0!important;
      background:rgba(8,16,28,.88)!important;
      font-size:17px!important;
      box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
    }
    body:not(.menu-open) #rightPanel{
      position:fixed!important;
      left:min(calc(50% + min(590px, calc((100vw - 28px) / 2)) + 10px), calc(100vw - 146px))!important;
      right:auto!important;
      top:18px!important;
      z-index:1000003!important;
      grid-column:auto!important;
      grid-row:auto!important;
      width:128px!important;
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
      margin:0!important;
      padding:0!important;
      border:none!important;
      background:transparent!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
      display:flex!important;
      flex-direction:column!important;
      pointer-events:auto!important;
    }
    body:not(.menu-open) #rightPanel .hudExtraBox{display:none!important}
    body:not(.menu-open) #rightPanel .logHeader{
      margin:0!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-end!important;
    }
    body:not(.menu-open) #rightPanel .logHeader span{display:none!important}
    body:not(.menu-open) #toggleLogBtn{
      width:122px!important;
      min-height:42px!important;
      border:14px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      border-radius:0!important;
      background:rgba(8,16,28,.88)!important;
      color:#efd9a2!important;
      font-family:"MenuMedieval", Georgia, serif!important;
      font-size:16px!important;
      letter-spacing:.04em!important;
      text-align:center!important;
      box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
    }
    body:not(.menu-open) #rightPanel:not(.collapsed){
      left:min(calc(50% + min(590px, calc((100vw - 28px) / 2)) + 10px), calc(100vw - 374px))!important;
      right:auto!important;
      top:74px!important;
      width:360px!important;
      max-width:calc(100vw - 28px)!important;
      max-height:calc(100vh - 168px)!important;
      padding:14px!important;
      border:22px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      background:rgba(6,11,20,.92)!important;
      box-shadow:0 26px 72px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,225,160,.06)!important;
      overflow:hidden!important;
    }
    body:not(.menu-open) #rightPanel:not(.collapsed) .logHeader span{display:block!important;color:#efdaa4!important;font-family:"MenuMedieval", Georgia, serif!important;font-size:20px!important;letter-spacing:.05em!important}
    body:not(.menu-open) #rightPanel:not(.collapsed) .logHeader{justify-content:space-between!important;margin:0 0 8px!important}
    body:not(.menu-open) #rightPanel:not(.collapsed) #toggleLogBtn{
      width:auto!important;
      min-height:34px!important;
      border:1px solid rgba(255,214,132,.18)!important;
      border-image:none!important;
      border-radius:9px!important;
      padding:7px 10px!important;
      font-size:12px!important;
      font-family:"MenuReadable", Georgia, serif!important;
      background:rgba(255,255,255,.06)!important;
      box-shadow:none!important;
    }
    body:not(.menu-open) #rightPanel.collapsed #log,
    body:not(.menu-open) #rightPanel.collapsed #logTabs{display:none!important}
    body:not(.menu-open) #rightPanel:not(.collapsed) #logTabs{display:flex!important}
    body:not(.menu-open) #rightPanel:not(.collapsed) #log{display:block!important;min-height:220px!important;max-height:calc(100vh - 270px)!important;overflow:auto!important}
    body.tutorial-mode #rightPanel{display:flex!important}
    body.tutorial-mode #rightPanel.collapsed{display:flex!important}
    body.tutorial-mode:not(.tutorial-practice) #drawBtn,
    body.tutorial-mode:not(.tutorial-practice) #endTurnBtn{display:inline-flex!important}
    .tutorialPulse{
      animation:tutorialPulse 1.05s ease-in-out infinite alternate!important;
      box-shadow:0 0 0 3px rgba(255,226,122,.24),0 0 24px rgba(255,226,122,.36)!important;
      border-color:rgba(255,226,122,.62)!important;
    }
    #tutorialSpotlightHole{
      position:fixed;
      left:-9999px;
      top:-9999px;
      width:0;
      height:0;
      border-radius:18px;
      border:2px solid rgba(255,231,143,.92);
      box-shadow:0 0 0 9999px rgba(2,4,8,.68), 0 0 24px rgba(255,223,116,.38), inset 0 0 0 1px rgba(255,255,255,.12);
      background:transparent;
      z-index:999999;
      pointer-events:none;
      opacity:0;
      transition:left .18s ease, top .18s ease, width .18s ease, height .18s ease, opacity .16s ease;
    }
    #tutorialSpotlightHole.active{opacity:1}

    /* v3.9.2DZ - tutorial/HUD polish */
    body:not(.menu-open) #gameOptions{
      position:fixed!important;
      top:18px!important;
      right:14px!important;
      left:auto!important;
      align-items:flex-end!important;
      max-width:calc(100vw - 28px)!important;
    }
    body:not(.menu-open) #gameOptionsMenu{
      width:min(330px, calc(100vw - 28px))!important;
      max-width:calc(100vw - 28px)!important;
      transform:none!important;
      margin-left:auto!important;
      margin-right:0!important;
    }
    body.tutorial-mode #drawBtn.tutorialPulse{
      background:linear-gradient(180deg,#2ee873,#087834)!important;
      border-color:rgba(165,255,190,.85)!important;
      color:#ffffff!important;
      text-shadow:0 1px 0 rgba(0,0,0,.35)!important;
      box-shadow:0 0 0 3px rgba(46,232,115,.24),0 0 28px rgba(46,232,115,.5)!important;
    }
    #topbar .tutorialPulse,
    #deckActionBar .tutorialPulse,
    .battleSideCard.tutorialPulse,
    .battleMetaPill.tutorialPulse{
      border-radius:12px!important;
      filter:brightness(1.18)!important;
    }
    @media (max-width:1050px){
      body:not(.menu-open) #tutorialHelpBubble{top:182px!important;left:16px!important}
      body:not(.menu-open) #rightPanel{top:62px!important;right:60px!important}
      body:not(.menu-open) #gameOptions{top:62px!important;right:10px!important}
      body:not(.menu-open) #rightPanel:not(.collapsed){top:112px!important;right:10px!important}
    }



    /* v3.9.2EC - loading em tela inteira + assets robustos */
    #loadingOverlay{
      z-index:1000009!important;
      display:flex!important;
      align-items:stretch!important;
      justify-content:stretch!important;
      background:
        linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.82)),
        url("../Assets/2D%20assets/Menus/Collections.png"),
        url("../Assets/2D assets/Menus/Collections.png")!important;
      background-size:cover!important;
      background-position:center!important;
      background-repeat:no-repeat!important;
      backdrop-filter:none!important;
    }
    #loadingOverlay::before{
      content:'';
      position:absolute;
      inset:0;
      background:radial-gradient(circle at center,rgba(255,219,135,.08),transparent 36%),linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.22),rgba(0,0,0,.68));
      pointer-events:none;
    }
    #loadingOverlay.show{opacity:1!important;pointer-events:auto!important}
    #loadingOverlay .loadingPanel{
      position:relative!important;
      z-index:1!important;
      width:100vw!important;
      min-width:100vw!important;
      max-width:100vw!important;
      height:100vh!important;
      min-height:100vh!important;
      padding:clamp(22px,4vw,56px)!important;
      border:0!important;
      border-radius:0!important;
      box-shadow:inset 0 0 130px rgba(0,0,0,.74)!important;
      background:linear-gradient(180deg,rgba(5,9,14,.34),rgba(2,4,8,.74))!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:center!important;
      justify-content:center!important;
      text-align:center!important;
    }
    #loadingOverlay .loadingTitle{font-size:clamp(30px,5vw,72px)!important;margin-bottom:10px!important}
    #loadingOverlay .loadingLabel{font-size:clamp(12px,1.4vw,18px)!important;margin-bottom:18px!important;color:#ffe2a7!important}
    #loadingOverlay .loadingVersus{width:min(940px,calc(100vw - 40px))!important;margin:14px auto 22px!important;gap:clamp(12px,3vw,34px)!important}
    #loadingOverlay .loadingFighter{min-width:min(330px,42vw)!important;background:rgba(0,0,0,.42)!important;backdrop-filter:blur(6px)!important;border:1px solid rgba(255,222,153,.28)!important;border-radius:20px!important;padding:14px 16px!important}
    #loadingOverlay .loadingVS{font-size:clamp(30px,5vw,62px)!important;color:#ffe09a!important}
    #loadingOverlay .loadingBar{width:min(780px,calc(100vw - 52px))!important;height:20px!important;border-radius:999px!important;border-color:rgba(255,221,142,.48)!important;background:rgba(0,0,0,.5)!important}
    #loadingOverlay #loadingBarFill{border-radius:999px!important;background:linear-gradient(90deg,#3ddc84,#ffe08a,#ff7a90)!important}
    #loadingOverlay .loadingDetail{font-size:clamp(13px,1.45vw,18px)!important;margin-top:16px!important;text-shadow:0 2px 10px rgba(0,0,0,.8)!important}
    #loadingOverlay .loadingTrail{width:min(820px,calc(100vw - 40px))!important;margin-top:14px!important}

    #drawBtn.drawBtnSkinned,
    body:not(.menu-open) #drawBtn.drawBtnSkinned,
    #deckActionBar #drawBtn.drawBtnSkinned{
      min-width:168px!important;
      width:168px!important;
      height:58px!important;
      padding:0!important;
      border:0!important;
      border-image:none!important;
      border-radius:0!important;
      background-image:url("../Assets/2D%20assets/Huds/Window/Buy_Card.png")!important;
      background-repeat:no-repeat!important;
      background-position:center!important;
      background-size:contain!important;
      background-color:transparent!important;
      box-shadow:none!important;
      color:transparent!important;
      text-shadow:none!important;
      font-size:0!important;
      line-height:0!important;
      overflow:hidden!important;
    }
    #drawBtn.drawBtnSkinned img{display:none!important}
    #drawBtn.drawBtnSkinned[disabled]{filter:grayscale(.12) brightness(.72)!important;opacity:.88!important}

    /* v3.9.2ED - botão compra maior + log fora da HUD */
    #drawBtn.drawBtnSkinned,
    body:not(.menu-open) #drawBtn.drawBtnSkinned,
    #deckActionBar #drawBtn.drawBtnSkinned{
      min-width:214px!important;
      width:214px!important;
      height:74px!important;
    }
    body:not(.menu-open) #rightPanel{
      top:86px!important;
      right:10px!important;
      left:auto!important;
      width:132px!important;
    }
    body:not(.menu-open) #rightPanel:not(.collapsed){
      top:136px!important;
      right:10px!important;
      left:auto!important;
      width:360px!important;
    }
    @media (max-width: 900px){
      body:not(.menu-open) #rightPanel{top:92px!important;right:8px!important;left:auto!important}
      body:not(.menu-open) #rightPanel:not(.collapsed){top:138px!important;right:8px!important;left:auto!important}
      #drawBtn.drawBtnSkinned,body:not(.menu-open) #drawBtn.drawBtnSkinned,#deckActionBar #drawBtn.drawBtnSkinned{width:196px!important;min-width:196px!important;height:68px!important}
    }

    /* v3.9.2EF - ajuste proporção loading, imagem do botão e log */
    #loadingOverlay{overflow:hidden!important}
    #loadingOverlay .loadingPanel{
      box-sizing:border-box!important;
      width:100vw!important;
      height:100vh!important;
      min-width:0!important;
      max-width:none!important;
      min-height:0!important;
      max-height:none!important;
      padding:clamp(14px,2.2vw,34px)!important;
      justify-content:center!important;
      gap:clamp(8px,1.4vh,16px)!important;
      overflow:hidden!important;
    }
    #loadingOverlay .loadingTitle{
      font-size:clamp(24px,3.35vw,50px)!important;
      line-height:.95!important;
      margin:0!important;
      max-width:min(920px,94vw)!important;
    }
    #loadingOverlay .loadingLabel{
      font-size:clamp(11px,1.1vw,15px)!important;
      line-height:1.2!important;
      margin:0!important;
    }
    #loadingOverlay .loadingVersus{
      width:min(900px,94vw)!important;
      max-width:94vw!important;
      display:grid!important;
      grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
      align-items:center!important;
      justify-content:center!important;
      gap:clamp(10px,2vw,24px)!important;
      margin:clamp(6px,1.2vh,14px) auto!important;
    }
    #loadingOverlay .loadingFighter{
      min-width:0!important;
      width:100%!important;
      max-width:340px!important;
      justify-self:center!important;
      padding:clamp(8px,1.2vw,14px)!important;
      border-radius:16px!important;
      gap:clamp(8px,1vw,12px)!important;
    }
    #loadingOverlay .loadingAvatar{width:clamp(44px,5vw,58px)!important;height:clamp(44px,5vw,58px)!important}
    #loadingOverlay .loadingAvatar .avatarFrame{width:100%!important;height:100%!important}
    #loadingOverlay .loadingFighterName{font-size:clamp(14px,1.45vw,20px)!important;max-width:210px!important}
    #loadingOverlay .loadingFighterRole{font-size:clamp(9px,.8vw,11px)!important}
    #loadingOverlay .loadingVS{font-size:clamp(26px,3.4vw,50px)!important}
    #loadingOverlay .loadingBar{width:min(760px,88vw)!important;height:clamp(12px,1.5vw,18px)!important;margin-top:clamp(4px,1vh,10px)!important}
    #loadingOverlay .loadingDetail{font-size:clamp(11px,1.05vw,15px)!important;line-height:1.25!important;margin-top:clamp(4px,1vh,10px)!important;max-width:min(760px,88vw)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    #loadingOverlay .loadingTrail{width:min(760px,88vw)!important;margin-top:clamp(4px,1vh,10px)!important;max-height:62px!important;overflow:hidden!important}
    #loadingOverlay .loadingTrail .loadingChip{font-size:10px!important;padding:5px 8px!important}
    #drawBtn.drawBtnSkinned,
    body:not(.menu-open) #drawBtn.drawBtnSkinned,
    #deckActionBar #drawBtn.drawBtnSkinned{
      min-width:268px!important;
      width:268px!important;
      height:94px!important;
      background-size:100% 100%!important;
    }
    #drawBtn.drawBtnSkinned img{
      display:none!important;
    }
    body:not(.menu-open) #rightPanel{
      top:118px!important;
      right:14px!important;
      left:auto!important;
      width:132px!important;
    }
    body:not(.menu-open) #rightPanel:not(.collapsed){
      top:166px!important;
      right:14px!important;
      left:auto!important;
      width:360px!important;
      max-height:calc(100vh - 184px)!important;
    }
    @media (max-width: 900px){
      #loadingOverlay .loadingVersus{grid-template-columns:1fr!important;width:min(430px,92vw)!important;gap:8px!important}
      #loadingOverlay .loadingVS{font-size:24px!important;line-height:.9!important}
      #loadingOverlay .loadingFighter{max-width:min(400px,92vw)!important}
      #drawBtn.drawBtnSkinned,body:not(.menu-open) #drawBtn.drawBtnSkinned,#deckActionBar #drawBtn.drawBtnSkinned{width:270px!important;min-width:270px!important;max-width:270px!important;height:86px!important;max-height:86px!important;background-size:contain!important}
      body:not(.menu-open) #rightPanel{top:126px!important;right:8px!important;left:auto!important}
      body:not(.menu-open) #rightPanel:not(.collapsed){top:174px!important;right:8px!important;left:auto!important;width:min(360px,calc(100vw - 16px))!important}
    }
    @media (max-height: 760px){
      #loadingOverlay .loadingPanel{padding:12px 18px!important;gap:7px!important}
      #loadingOverlay .loadingTitle{font-size:clamp(22px,3vw,38px)!important}
      #loadingOverlay .loadingVersus{margin:4px auto!important}
      #loadingOverlay .loadingFighter{padding:7px 10px!important}
      #loadingOverlay .loadingAvatar{width:44px!important;height:44px!important}
      #loadingOverlay .loadingTrail{display:none!important}
      #loadingOverlay .loadingDetail{margin-top:4px!important}
    }


    /* v3.9.2EH - botão comprar maior mantendo proporção */
    #drawBtn.drawBtnSkinned,
    body:not(.menu-open) #drawBtn.drawBtnSkinned,
    #deckActionBar #drawBtn.drawBtnSkinned{
      width:300px!important;
      min-width:300px!important;
      max-width:300px!important;
      height:95px!important;
      max-height:95px!important;
      background-image:url("../Assets/2D%20assets/Huds/Window/Buy_Card.png")!important;
      background-size:contain!important;
      background-repeat:no-repeat!important;
      background-position:center!important;
    }
    #drawBtn.drawBtnSkinned img{display:none!important}
    #loadingOverlay .loadingVersus{width:min(1100px,94vw)!important;gap:clamp(18px,3.4vw,44px)!important}
    #loadingOverlay .loadingFighter{max-width:460px!important;padding:clamp(14px,1.8vw,22px)!important;gap:clamp(12px,1.4vw,18px)!important}
    #loadingOverlay .loadingAvatar{width:clamp(86px,8.8vw,128px)!important;height:clamp(86px,8.8vw,128px)!important}
    #loadingOverlay .loadingAvatar .avatarFrame{width:100%!important;height:100%!important}
    #loadingOverlay .loadingAvatar .battleAvatarStandard{width:clamp(76px,7.8vw,112px)!important;height:clamp(76px,7.8vw,112px)!important;font-size:clamp(36px,4vw,58px)!important}
    #loadingOverlay .loadingFighterName{font-size:clamp(18px,1.9vw,26px)!important;max-width:270px!important}
    #loadingOverlay .loadingFighterRole{font-size:clamp(10px,.95vw,13px)!important}
    @media (max-width: 900px){
      #loadingOverlay .loadingAvatar{width:86px!important;height:86px!important}
      #loadingOverlay .loadingAvatar .battleAvatarStandard{width:78px!important;height:78px!important;font-size:38px!important}
      #drawBtn.drawBtnSkinned,body:not(.menu-open) #drawBtn.drawBtnSkinned,#deckActionBar #drawBtn.drawBtnSkinned{width:238px!important;min-width:238px!important;height:84px!important}
    }
    @media (max-height: 760px){
      #loadingOverlay .loadingAvatar{width:72px!important;height:72px!important}
      #loadingOverlay .loadingAvatar .battleAvatarStandard{width:66px!important;height:66px!important;font-size:32px!important}
    }

    /* v3.9.2EQ - cartões mais clicáveis + bloqueio visual do desfazer online */
    body:not(.menu-open) #bottomPanel .card{
      cursor:pointer!important;
      touch-action:manipulation!important;
      pointer-events:auto!important;
      user-select:none!important;
    }
    body:not(.menu-open) #bottomPanel .card > *:not(.cardInfoBtn){pointer-events:none!important}
    body:not(.menu-open) #bottomPanel .card .cardInfoBtn{pointer-events:auto!important}
    body.online-match #undoBtn,
    body.ranked-match #undoBtn{
      display:none!important;
      pointer-events:none!important;
    }



    /* v3.9.2ET - Pré-ação menor e próxima do mouse */
    #boardActionPreview{
      position:fixed!important;
      left:50%!important;
      top:50%!important;
      bottom:auto!important;
      transform:translate(8px,8px) scale(.98)!important;
      z-index:13000!important;
      width:min(330px,calc(100vw - 24px))!important;
      max-width:330px!important;
      padding:9px 10px!important;
      border-radius:13px!important;
      border:1px solid rgba(255,221,142,.42)!important;
      background:linear-gradient(180deg,rgba(24,19,14,.95),rgba(9,8,7,.97))!important;
      box-shadow:0 12px 32px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08)!important;
      backdrop-filter:blur(8px)!important;
      color:#fff4d4!important;
      pointer-events:auto!important;
      opacity:0!important;
      visibility:hidden!important;
      transition:opacity .11s ease, transform .11s ease!important;
      font-family:Georgia,serif!important;
    }
    #boardActionPreview.show{opacity:1!important;visibility:visible!important;transform:translate(0,0) scale(1)!important}
    #boardActionPreview .preTitle{font-family:"MenuMedieval",Georgia,serif!important;font-size:clamp(15px,1.55vw,19px)!important;color:#ffe2a0!important;letter-spacing:.025em!important;margin-bottom:2px!important;text-shadow:0 2px 10px rgba(0,0,0,.75)!important}
    #boardActionPreview .preText{font-size:12px!important;line-height:1.22!important;color:#ead9af!important;margin-bottom:7px!important}
    #boardActionPreview .preText strong{font-size:12.5px!important;color:#fff1c8!important}
    #boardActionPreview .preHint{font-size:10px!important;color:#bda980!important;margin-top:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    #boardActionPreview .preBtns{display:flex!important;gap:7px!important;justify-content:flex-end!important;align-items:center!important}
    #boardActionPreview button{border:1px solid rgba(255,226,160,.38)!important;border-radius:10px!important;padding:6px 10px!important;font-weight:900!important;font-size:12px!important;letter-spacing:.02em!important;cursor:pointer!important}
    #boardActionPreview .preConfirm{background:linear-gradient(180deg,#3ddc84,#1b8f53)!important;color:#07120b!important;box-shadow:0 6px 14px rgba(61,220,132,.2)!important}
    #boardActionPreview .preCancel{background:rgba(255,255,255,.07)!important;color:#f1dfb7!important}
    body.pre-action-active canvas{cursor:crosshair!important}
    body.pre-action-active #boardActionPreview{display:block!important}
    @media (max-width: 700px){
      #boardActionPreview{width:min(300px,calc(100vw - 18px))!important;padding:8px!important;border-radius:12px!important}
      #boardActionPreview .preBtns{justify-content:stretch!important}
      #boardActionPreview button{flex:1!important;padding:8px 7px!important}
    }


    /* v3.9.2EX - Pré-game responsivo + centralização + polish animado */
    :root{
      --pregame-menu-scale:1;
      --pregame-menu-inverse:1;
    }
    body.menu-open:not(.auth-locked) #menuShell.home{
      width:100vw!important;
      height:100vh!important;
      min-height:100vh!important;
      max-height:100vh!important;
      max-width:none!important;
      overflow:hidden!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home #menuMain:not(.hidden){
      width:calc(100vw * var(--pregame-menu-inverse))!important;
      height:calc(100vh * var(--pregame-menu-inverse))!important;
      min-width:calc(100vw * var(--pregame-menu-inverse))!important;
      min-height:calc(100vh * var(--pregame-menu-inverse))!important;
      transform:scale(var(--pregame-menu-scale))!important;
      transform-origin:0 0!important;
      will-change:transform;
      overflow:hidden!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{
      min-height:calc((100vh * var(--pregame-menu-inverse)) - 12px)!important;
      height:calc((100vh * var(--pregame-menu-inverse)) - 12px)!important;
      width:min(1540px, calc((100vw * var(--pregame-menu-inverse)) - 24px))!important;
      max-width:calc((100vw * var(--pregame-menu-inverse)) - 24px)!important;
      margin:0 auto!important;
      justify-content:center!important;
      grid-template-columns:minmax(210px, 240px) minmax(360px, 1fr) minmax(250px, 310px) minmax(220px, 280px)!important;
      max-height:none!important;
      overflow:hidden!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuRightColumn,
    body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{
      justify-self:start!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{
      max-height:calc((100vh * var(--pregame-menu-inverse)) - 42px)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .panelWindow{
      border-width:clamp(18px, calc(26px * var(--pregame-menu-scale)), 26px)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .heroPlayButton.imageButton{
      width:min(520px,100%)!important;
      min-height:clamp(126px, 20vh, 180px)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuActionBtn{
      min-height:clamp(52px, 7vh, 62px)!important;
    }
    @media (max-width:1320px){
      body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{
        width:calc((100vw * var(--pregame-menu-inverse)) - 24px)!important;
        max-width:calc((100vw * var(--pregame-menu-inverse)) - 24px)!important;
        grid-template-columns:minmax(210px, 22vw) minmax(300px, 1fr) minmax(255px, 26vw)!important;
      }
    }
    @media (max-width:980px){
      body.menu-open:not(.auth-locked) #menuShell.home #menuMain:not(.hidden){
        width:100vw!important;
        height:100vh!important;
        min-width:100vw!important;
        min-height:100vh!important;
        transform:none!important;
        overflow:auto!important;
      }
      body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{
        width:auto!important;
        max-width:none!important;
        margin:0!important;
        height:auto!important;
        min-height:calc(100vh - 12px)!important;
        grid-template-columns:1fr!important;
        overflow:auto!important;
      }
    }


    /* v3.9.2EY - Botão Jogar cintilante + patch notes no menu */
    :root{
      --main-menu-static-bg:url("../Assets/Img/Huds/Menu/MainMenu.png");
      --main-menu-animated-bg:url("../Assets/Img/Huds/Menu/MainMenu_Animated.gif");
    }
    @keyframes playGreenAuraBreathEX{
      0%,100%{opacity:.72;transform:scale(.96);filter:blur(18px) saturate(1.04)}
      42%{opacity:1;transform:scale(1.09);filter:blur(25px) saturate(1.25)}
      66%{opacity:.88;transform:scale(1.03);filter:blur(21px) saturate(1.14)}
    }
    @keyframes playGreenSparkSweepEX{
      0%{transform:translateX(-145%) skewX(-18deg);opacity:0}
      12%{opacity:0}
      30%{opacity:.62}
      52%{opacity:.18}
      72%,100%{transform:translateX(145%) skewX(-18deg);opacity:0}
    }
    @keyframes playGreenMicroGlowEX{
      0%,100%{filter:drop-shadow(0 0 18px rgba(67,255,151,.40)) drop-shadow(0 0 42px rgba(67,255,151,.22)) drop-shadow(0 24px 32px rgba(0,0,0,.38));}
      50%{filter:drop-shadow(0 0 28px rgba(88,255,172,.66)) drop-shadow(0 0 68px rgba(88,255,172,.34)) drop-shadow(0 24px 32px rgba(0,0,0,.38));}
    }
    body.menu-open:not(.auth-locked) #menuShell.home #menuMain:not(.hidden) #mainMenu::before,
    #mainMenu::before{
      background-image:
        linear-gradient(180deg, rgba(4,10,24,.22), rgba(3,5,14,.76)),
        linear-gradient(90deg, rgba(2,6,20,.72), rgba(10,18,46,.10) 48%, rgba(12,5,22,.68)),
        var(--main-menu-animated-bg),
        var(--main-menu-static-bg),
        url("file:///C:/Users/luana/OneDrive/Desktop/Crowbound_Tatics/Assets/Img/Huds/Menu/MainMenu.png")!important;
      background-size:cover,cover,cover,cover,cover!important;
      background-position:center,center,center,center,center!important;
    }
    .heroPlayButton.imageButton{
      overflow:visible!important;
      transform:translateZ(0);
    }
    .heroPlayButton.imageButton img{
      animation:playGreenMicroGlowEX 2.15s ease-in-out infinite!important;
    }
    .heroPlayButton.imageButton::before{
      display:block!important;
      animation:playGreenAuraBreathEX 2.1s ease-in-out infinite!important;
      background:
        radial-gradient(ellipse at center, rgba(111,255,183,.68) 0%, rgba(56,244,139,.40) 34%, rgba(32,213,112,.16) 58%, rgba(32,213,112,0) 78%)!important;
      box-shadow:0 0 54px rgba(86,255,160,.34),0 0 96px rgba(34,220,122,.16)!important;
    }
    .heroPlayButton.imageButton::after{
      display:block!important;
      content:""!important;
      position:absolute!important;
      left:5%!important;
      right:5%!important;
      top:8%!important;
      bottom:8%!important;
      z-index:2!important;
      pointer-events:none!important;
      border-radius:999px!important;
      opacity:0;
      background:linear-gradient(105deg, transparent 0%, rgba(211,255,226,0) 34%, rgba(220,255,232,.72) 48%, rgba(89,255,174,.42) 56%, rgba(211,255,226,0) 70%, transparent 100%)!important;
      mix-blend-mode:screen;
      filter:blur(2px);
      animation:playGreenSparkSweepEX 3.2s ease-in-out infinite!important;
    }
    @media (prefers-reduced-motion: reduce){
      .heroPlayButton.imageButton img,
      .heroPlayButton.imageButton::before,
      .heroPlayButton.imageButton::after{animation:none!important}
    }


    /* v3.9.2FA - Menu layout polish + friends widget */
    body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{
      grid-template-columns:minmax(430px, 1fr) minmax(250px, 310px) minmax(230px, 285px)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{grid-column:1!important;grid-row:1 / span 2!important}
    body.menu-open:not(.auth-locked) #menuShell.home .menuRightColumn{grid-column:2!important;grid-row:1 / span 2!important}
    body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{grid-column:3!important;grid-row:1 / span 2!important}
    .patchNotesDock{position:absolute;top:14px;left:22px;z-index:9}
    .patchNotesBtn{
      width:76px;
      height:76px;
      min-width:76px;
      min-height:76px;
      padding:10px!important;
      display:grid;
      place-items:center;
      background:rgba(7,12,21,.82)!important;
      cursor:pointer;
      transition:transform .16s ease, filter .16s ease;
    }
    .patchNotesBtn:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
    .patchNotesGlyph{font-size:34px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
    .patchNotesBtn::after{content:'PATCH';position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:10px;font-weight:1000;letter-spacing:.12em;color:#efdaa4;text-shadow:0 1px 0 rgba(0,0,0,.5)}
    .patchNotesModal{position:fixed;inset:0;z-index:13000;display:grid;place-items:center}
    .patchNotesModal.hidden{display:none!important}
    .patchNotesBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}
    .patchNotesPanel{position:relative;z-index:1;width:min(1080px, 94vw);max-height:min(82vh, 900px);padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;background:rgba(5,10,18,.88)}
    .patchNotesHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
    .patchNotesHeader h2{margin:0;color:#f1dfad;font-family:"MenuMedieval", Georgia, serif;letter-spacing:.06em;font-size:clamp(28px,2vw,40px)}
    .patchNotesHeader .sub{color:#cfd8ea;font-size:12px;line-height:1.35;margin-top:4px}
    .patchNotesHeader button{min-height:42px;padding:8px 14px;font-size:13px;font-weight:900}
    .patchNotesList{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px;overflow:auto;padding-right:4px;min-height:0}
    .patchNoteItem{padding:14px 14px 12px;border-radius:14px;border:1px solid rgba(255,214,132,.14);background:linear-gradient(180deg, rgba(9,18,30,.84), rgba(5,11,21,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
    .patchNoteVersion{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(66,208,141,.14);border:1px solid rgba(66,208,141,.22);color:#8ce0bd;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
    .patchNoteItem h3{margin:0 0 8px;color:#f2dfb0;font-size:15px;line-height:1.25}
    .patchNoteMeta{display:grid;gap:4px;margin-bottom:8px;color:#b7c7e5;font-size:12px;line-height:1.35}
    .patchNoteItem ul{margin:0;padding-left:18px;display:grid;gap:5px;color:#e7edf9;font-size:12px;line-height:1.38}
    .menuActionBtn .menuActionIcon{width:42px!important;height:42px!important;flex:0 0 42px!important}
    .menuActionBtn{gap:12px!important}
    .menuActionBtn .menuActionIcon img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.34))}
    .friendsSidebar{padding:14px 14px 12px!important;background:rgba(5,11,20,.74)!important}
    .friendsSidebar .menuPanelTitle{margin-bottom:10px!important}
    .friendsRefreshMini{min-width:36px!important;min-height:36px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,214,132,.12)!important}
    .friendsList{gap:8px!important}
    .friendItem{grid-template-columns:54px 1fr!important;gap:10px!important;padding:10px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02))!important;box-shadow:none!important}
    .friendAvatarWrap{width:54px!important;height:54px!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important}
    .friendTop b{font-size:14px!important}
    .friendMeta{font-size:11px!important;color:#d0d9ea!important}
    .friendActions{gap:6px!important;margin-top:7px!important}
    .friendActions button{border-radius:9px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}
    .menuAddFriendBtn{margin-top:10px!important;min-height:48px!important;font-size:18px!important;letter-spacing:.02em!important;background:rgba(10,18,32,.54)!important}
    .friendsAddInline input{padding:10px 12px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important}
    @media (max-width: 1320px){
      body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{
        grid-template-columns:minmax(340px, 1fr) minmax(250px, 300px)!important;
        grid-template-rows:auto auto!important;
      }
      body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{grid-column:1!important;grid-row:1!important}
      body.menu-open:not(.auth-locked) #menuShell.home .menuRightColumn{grid-column:2!important;grid-row:1 / span 2!important}
      body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{grid-column:1!important;grid-row:2!important;max-width:560px!important}
      .patchNotesList{grid-template-columns:1fr!important}
    }
    @media (max-width: 980px){
      .patchNotesDock{top:16px;left:16px}
      .patchNotesBtn{width:68px;height:68px;min-width:68px;min-height:68px}
      .patchNotesGlyph{font-size:30px}
      .patchNotesBtn::after{font-size:9px;bottom:4px}
      .patchNotesPanel{width:min(94vw, 94vw);max-height:86vh;padding:18px 16px 16px}
      .patchNotesHeader{flex-direction:column;align-items:stretch}
      .patchNotesList{grid-template-columns:1fr!important}
    }



    /* v3.9.2EZ - vídeo em loop no carregamento da batalha */
    #loadingOverlay{isolation:isolate!important}
    #loadingOverlay .battleLoadingVideo{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      object-position:center!important;
      z-index:0!important;
      opacity:0!important;
      pointer-events:none!important;
      background:#02050a!important;
      transition:opacity .35s ease!important;
      filter:saturate(1.08) contrast(1.04) brightness(.86)!important;
    }
    #loadingOverlay.show .battleLoadingVideo.videoReady{opacity:1!important}
    #loadingOverlay .battleLoadingVideo.videoFailed{display:none!important}
    #loadingOverlay::before{z-index:1!important}
    #loadingOverlay .loadingPanel{z-index:2!important}



    /* v3.9.2FA - refinamento final do menu principal */
    body.menu-open:not(.auth-locked) #menuShell.home .utilityMenuRow{display:none!important}
    body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{
      display:block!important;
      position:relative!important;
      width:min(1540px, calc((100vw * var(--pregame-menu-inverse)) - 24px))!important;
      max-width:calc((100vw * var(--pregame-menu-inverse)) - 24px)!important;
      min-height:calc((100vh * var(--pregame-menu-inverse)) - 12px)!important;
      height:calc((100vh * var(--pregame-menu-inverse)) - 12px)!important;
      margin:0 auto!important;
      padding:18px!important;
      overflow:hidden!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuLeftRail{
      position:absolute!important;
      top:18px!important;
      left:18px!important;
      z-index:9!important;
      width:min(310px, calc(100% - 36px))!important;
      display:flex!important;
      flex-direction:column!important;
      gap:12px!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuLeftRail .menuProfileCard{
      width:100%!important;
      max-width:none!important;
      margin:0!important;
      padding:16px 16px 14px!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .patchNotesDock{position:static!important;width:100%!important;left:auto!important;top:auto!important}
    body.menu-open:not(.auth-locked) #menuShell.home .patchNotesBtn{
      width:100%!important;
      min-width:0!important;
      min-height:76px!important;
      height:auto!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:center!important;
      justify-content:center!important;
      gap:6px!important;
      padding:12px 18px!important;
      text-align:center!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .patchNotesBtn::after{display:none!important;content:none!important}
    body.menu-open:not(.auth-locked) #menuShell.home .patchNotesGlyph{font-size:30px!important;line-height:1!important;display:block!important;margin:0 auto!important}
    body.menu-open:not(.auth-locked) #menuShell.home .patchNotesBtnLabel{display:block!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.14em!important;color:#efdaa4!important;line-height:1.1!important}

    body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{
      position:relative!important;
      z-index:2!important;
      width:min(980px, calc(100% - 360px))!important;
      height:100%!important;
      margin:0 auto!important;
      padding:18px 10px 18px!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:center!important;
      justify-content:center!important;
      gap:18px!important;
      grid-column:auto!important;
      grid-row:auto!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .epicPlayWrap{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}
    body.menu-open:not(.auth-locked) #menuShell.home .heroPlayButton.imageButton{width:min(540px, 78vw)!important;min-height:160px!important}
    body.menu-open:not(.auth-locked) #menuShell.home .menuActionStack{
      display:flex!important;
      flex-wrap:wrap!important;
      justify-content:center!important;
      align-items:center!important;
      gap:10px!important;
      width:min(980px, 100%)!important;
      margin:0 auto!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuActionBtn{
      min-width:220px!important;
      min-height:56px!important;
      max-width:260px!important;
      padding:10px 16px!important;
      gap:12px!important;
      justify-content:flex-start!important;
      font-size:clamp(17px,1.15vw,22px)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuActionBtn .menuActionIcon{width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:26px!important;display:grid!important;place-items:center!important}
    body.menu-open:not(.auth-locked) #menuShell.home #quitBtn.menuQuitBtn{
      background:linear-gradient(180deg, rgba(135,35,35,.92), rgba(95,20,20,.92))!important;
      box-shadow:0 10px 26px rgba(80,0,0,.34)!important;
      color:#ffe1dd!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home #quitBtn.menuQuitBtn .menuActionIcon{color:#ffd3cf!important}

    body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{
      position:fixed!important;
      left:auto!important;
      right:18px!important;
      top:auto!important;
      bottom:18px!important;
      width:360px!important;
      max-width:calc(100vw - 36px)!important;
      height:330px!important;
      min-height:330px!important;
      max-height:calc(100vh - 96px)!important;
      padding:12px 12px 10px!important;
      z-index:999949!important;
      background:rgba(5,11,20,.82)!important;
      box-shadow:0 26px 72px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,225,160,.06)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar .menuPanelTitle{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important}
    .friendsHeaderActions{margin-left:auto;display:flex;align-items:center;gap:6px}
    .friendsMinBtn,.friendsRefreshMini{
      min-width:34px!important;
      min-height:34px!important;
      width:34px!important;
      height:34px!important;
      padding:0!important;
      display:grid!important;
      place-items:center!important;
      border-radius:10px!important;
      background:rgba(255,255,255,.06)!important;
      border:1px solid rgba(255,214,132,.12)!important;
      color:#f1dfb7!important;
      font-size:16px!important;
      box-shadow:none!important;
    }
    .friendsMinBtn{font-size:18px!important;line-height:1!important}
    .friendsWidgetToggle{
      position:fixed!important;
      right:18px!important;
      bottom:18px!important;
      left:auto!important;
      z-index:999948!important;
      width:360px!important;
      max-width:calc(100vw - 36px)!important;
      display:flex!important;
      align-items:center!important;
      justify-content:space-between!important;
      gap:10px!important;
      border:14px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      background:rgba(6,11,20,.82)!important;
      color:#ead49c!important;
      font-family:"MenuMedieval", Georgia, serif!important;
      font-size:17px!important;
      letter-spacing:.04em!important;
      font-weight:900!important;
      padding:7px 10px!important;
      cursor:pointer!important;
      box-shadow:0 18px 42px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,225,160,.06)!important;
    }
    .friendsWidgetToggle::before{content:'👥';width:30px;height:30px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,rgba(72,205,160,.96),rgba(32,122,104,.96));color:#fff;font-family:system-ui,sans-serif;font-size:16px;box-shadow:0 0 0 2px rgba(255,255,255,.10),0 0 18px rgba(72,205,160,.42)}
    .friendsWidgetToggle::after{content:'↗';width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid rgba(126,224,187,.45);background:linear-gradient(180deg,rgba(88,206,164,.95),rgba(28,111,90,.95));color:#fff;font-family:system-ui,sans-serif;font-size:18px;font-weight:1000;box-shadow:0 0 18px rgba(76,200,160,.35)}
    .friendsWidgetToggle.hidden{display:none!important}

    @media (max-width: 1180px){
      body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{width:min(840px, calc(100% - 40px))!important;padding-top:130px!important}
      body.menu-open:not(.auth-locked) #menuShell.home .menuActionBtn{min-width:210px!important}
      body.menu-open:not(.auth-locked) #menuShell.home .heroPlayButton.imageButton{width:min(500px, 88vw)!important}
    }
    @media (max-width: 980px){
      body.menu-open:not(.auth-locked) #menuShell.home #menuMain:not(.hidden){transform:none!important;overflow:auto!important;width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important}
      body.menu-open:not(.auth-locked) #menuShell.home .epicMenuStage.chessMenuStage{display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:calc(100vh - 12px)!important;overflow:auto!important;padding:14px!important  }
      body.menu-open:not(.auth-locked) #menuShell.home .menuLeftRail{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;margin-bottom:14px!important}
      body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{width:100%!important;height:auto!important;padding:0 0 120px!important}
      body.menu-open:not(.auth-locked) #menuShell.home .menuActionBtn{min-width:min(260px, 100%)!important;width:min(100%, 280px)!important}
      body.menu-open:not(.auth-locked) #menuShell.home .heroPlayButton.imageButton{width:min(560px, 94vw)!important}
      body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar, .friendsWidgetToggle{right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}
      body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{height:300px!important;min-height:300px!important}
    }


    /* v3.9.2FB - follow-up do layout do menu */
    body.menu-open:not(.auth-locked) #menuShell.home .menuLeftRail{
      position:fixed!important;
      left:18px!important;
      top:18px!important;
      right:auto!important;
      width:min(310px, calc(100vw - 36px))!important;
      max-width:min(310px, calc(100vw - 36px))!important;
      z-index:999940!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{
      width:min(700px, calc(100% - 380px))!important;
      gap:16px!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuActionStack{
      display:flex!important;
      flex-direction:column!important;
      flex-wrap:nowrap!important;
      align-items:center!important;
      justify-content:center!important;
      gap:10px!important;
      width:min(360px, 100%)!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .menuActionBtn{
      width:100%!important;
      min-width:0!important;
      max-width:none!important;
      min-height:58px!important;
      justify-content:flex-start!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{
      width:390px!important;
      max-width:calc(100vw - 36px)!important;
      height:480px!important;
      min-height:480px!important;
      max-height:calc(100vh - 72px)!important;
      padding:12px 12px 12px!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .friendsList{
      gap:8px!important;
      padding-right:4px!important;
    }
    body.menu-open:not(.auth-locked) #menuShell.home .friendItem{padding:10px!important}
    .friendsWidgetToggle{
      width:390px!important;
      max-width:calc(100vw - 36px)!important;
    }
    .friendsWidgetToggle::before,
    .friendsWidgetToggle::after{display:none!important;content:none!important}
    .friendsWidgetToggleLabelWrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important}
    .friendsWidgetToggleLabelWrap span{display:flex!important;align-items:center!important;gap:10px!important;color:#ead49c!important}
    .friendsWidgetToggleLabelWrap span:last-child{font-family:"MenuMedieval", Georgia, serif!important;font-size:17px!important;font-weight:900!important;letter-spacing:.04em!important}
    #friendsWidgetToggleIcon{width:30px!important;height:30px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
    .friendsWidgetToggleLabelWrap::after{content:'↗';width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid rgba(126,224,187,.45);background:linear-gradient(180deg,rgba(88,206,164,.95),rgba(28,111,90,.95));color:#fff;font-family:system-ui,sans-serif;font-size:18px;font-weight:1000;box-shadow:0 0 18px rgba(76,200,160,.35);flex:0 0 auto}
    @media (max-width: 1180px){
      body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{width:min(620px, calc(100% - 40px))!important;padding-top:130px!important}
    }
    @media (max-width: 980px){
      body.menu-open:not(.auth-locked) #menuShell.home .menuLeftRail{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important}
      body.menu-open:not(.auth-locked) #menuShell.home .menuCenterColumn{width:100%!important}
      body.menu-open:not(.auth-locked) #menuShell.home .menuActionStack{width:min(320px,100%)!important}
      body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar,
      .friendsWidgetToggle{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}
      body.menu-open:not(.auth-locked) #menuShell.home .friendsSidebar{height:360px!important;min-height:360px!important}
    }


    /* v3.9.2FC - feedback luminoso + perfil maior + ELOS responsivo */
    body.menu-open button:not(:disabled),
    body.menu-open [data-open-profile-id],
    body.menu-open .friendItem,
    body.menu-open .rankTierItem,
    body.menu-open .rankLeaderboardRow,
    body.menu-open .menuProfileCard,
    body.menu-open .patchNotesBtn,
    body.menu-open .friendsWidgetToggle,
    body.menu-open .menuProfileAvatarBtn,
    body.menu-open .friendProfileAvatarLarge{
      transition:filter .16s ease, transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease!important;
    }
    body.menu-open button:not(:disabled):hover,
    body.menu-open [data-open-profile-id]:hover,
    body.menu-open .friendItem:hover,
    body.menu-open .rankTierItem:hover,
    body.menu-open .rankLeaderboardRow:hover,
    body.menu-open .menuProfileCard:hover,
    body.menu-open .patchNotesBtn:hover,
    body.menu-open .friendsWidgetToggle:hover,
    body.menu-open .menuProfileAvatarBtn:hover,
    body.menu-open .friendProfileAvatarLarge:hover{
      filter:brightness(1.16) saturate(1.08)!important;
      transform:translateY(-1px)!important;
      box-shadow:0 0 0 1px rgba(255,226,150,.38),0 0 22px rgba(91,255,176,.18),0 14px 34px rgba(0,0,0,.32)!important;
    }
    body.menu-open button:not(:disabled):active,
    body.menu-open .friendItem:active,
    body.menu-open .rankTierItem:active,
    body.menu-open .rankLeaderboardRow:active{
      transform:translateY(0) scale(.99)!important;
    }

    .friendProfileModal{
      z-index:13050!important;
      background:rgba(0,0,0,.76)!important;
      backdrop-filter:blur(7px) saturate(.9)!important;
      padding:18px!important;
    }
    .friendProfilePanel{
      width:min(940px, calc(100vw - 40px))!important;
      max-height:calc(100vh - 40px)!important;
      padding:22px!important;
      overflow:auto!important;
      border:24px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      border-radius:0!important;
      background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.10),transparent 58%),rgba(5,10,18,.92)!important;
      box-shadow:0 34px 120px rgba(0,0,0,.72), inset 0 0 0 1px rgba(255,225,160,.08)!important;
    }
    .friendProfileHeader{align-items:center!important;margin-bottom:14px!important}
    .friendProfileHeader h2{font-family:"MenuMedieval", Georgia, serif!important;font-size:clamp(28px,2vw,42px)!important;color:#f3deaa!important;line-height:1!important}
    .friendProfileHeader .accountButtons,
    .friendProfilePanel .accountButtons{gap:10px!important;flex-wrap:wrap!important}
    .friendProfileHeader button,
    .friendProfilePanel .accountButtons button,
    .ranksPanel button,
    .rankLeaderboardPanelHeader button,
    .rankRewardsPanel button{
      border:14px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      border-radius:0!important;
      background:rgba(8,18,30,.72)!important;
      color:#ead49c!important;
      font-family:"MenuMedieval", Georgia, serif!important;
      font-size:clamp(16px,1vw,20px)!important;
      letter-spacing:.04em!important;
      font-weight:900!important;
      min-height:48px!important;
      padding:7px 14px!important;
      box-shadow:0 12px 30px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,225,160,.06)!important;
    }
    .friendProfileHeader button.primary,
    .friendProfilePanel .accountButtons button.primary,
    .ranksPanel button.primary,
    .rankLeaderboardPanelHeader button.primary,
    .rankRewardsPanel button.primary{
      background:rgba(13,34,24,.74)!important;
      color:#eaf5c2!important;
    }
    #messageFriendBtn.hidden{display:none!important}
    .friendProfileIdentity{gap:16px!important}
    .profileRankShowcase{grid-template-columns:150px minmax(0,1fr)!important;text-align:left!important;place-items:center stretch!important;gap:18px!important;padding:18px!important;margin:14px 0 16px!important}
    .profileRankShowcase .rankIconProfile{grid-row:1 / span 4;width:128px!important;height:128px!important;min-width:128px!important;max-width:128px!important;max-height:128px!important;border-radius:30px!important;justify-self:center!important}
    .profileRankShowcase .rankIconProfile img{max-width:128px!important;max-height:128px!important}
    .profileRankShowcase .rankName{font-size:clamp(26px,2vw,40px)!important;line-height:1.05!important}
    .profileRankShowcase .rankMeta{font-size:14px!important}
    .profileRankShowcase .rankProgressBar.big{width:100%!important;max-width:520px!important}
    .profileGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
    .profileBox{padding:14px!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important}
    .profileBox b{font-size:22px!important}
    .matchHistory{max-height:240px!important;overflow:auto!important;padding-right:4px!important}

    .ranksModal{
      z-index:13040!important;
      display:grid!important;
      place-items:center!important;
      padding:12px!important;
      background:rgba(0,0,0,.76)!important;
      backdrop-filter:blur(7px)!important;
    }
    .ranksModal.hidden{display:none!important}
    .ranksPanel{
      width:min(1260px, calc(100vw - 24px))!important;
      height:min(820px, calc(100vh - 24px))!important;
      max-height:calc(100vh - 24px)!important;
      overflow:hidden!important;
      display:grid!important;
      grid-template-rows:auto minmax(0,1fr) auto!important;
      gap:12px!important;
      border:24px solid transparent!important;
      border-image:var(--window-base-img) 171 fill stretch!important;
      border-radius:0!important;
      padding:18px 22px 20px!important;
      box-sizing:border-box!important;
      background:radial-gradient(circle at 50% -10%,rgba(255,216,130,.13),transparent 45%),rgba(5,10,18,.94)!important;
      box-shadow:0 34px 120px rgba(0,0,0,.72), inset 0 0 0 1px rgba(255,225,160,.08)!important;
    }
    .ranksHeader{
      position:relative!important;
      top:auto!important;
      z-index:1!important;
      display:grid!important;
      grid-template-columns:minmax(120px,1fr) minmax(260px,420px) minmax(120px,1fr)!important;
      align-items:center!important;
      gap:12px!important;
      margin:0!important;
      padding:0!important;
      background:transparent!important;
    }
    .ranksCurrentRank{
      width:min(420px,100%)!important;
      min-height:112px!important;
      padding:10px 14px!important;
      grid-template-columns:96px minmax(0,1fr)!important;
      place-items:center start!important;
      text-align:left!important;
      gap:12px!important;
      border-radius:18px!important;
    }
    .ranksCurrentRank .rankIconProfile,
    .rewardRankPreview .rankIconProfile{
      width:92px!important;height:92px!important;min-width:92px!important;max-width:92px!important;max-height:92px!important;border-radius:24px!important;
    }
    .ranksCurrentRank .rankIconProfile img,
    .rewardRankPreview .rankIconProfile img{max-width:92px!important;max-height:92px!important}
    .ranksCurrentRank .rankName{font-size:22px!important}
    .ranksCurrentRank .rankMeta{font-size:12px!important}
    .ranksCurrentRank .rankProgressBar.big{width:100%!important;max-width:250px!important;height:12px!important}

    .ranksCurrentRank .rankIconProfile{grid-row:1 / span 3!important;justify-self:center!important}
    .ranksCurrentRank .rankName,.ranksCurrentRank .rankMeta,.ranksCurrentRank .rankProgressBar.big{grid-column:2!important}
    .seasonEnds{text-align:right!important}.seasonEnds b{font-size:18px!important}.seasonEnds span{font-size:10px!important}
    .ranksGrid{min-height:0!important;overflow:auto!important;display:grid!important;align-content:start!important;gap:12px!important;padding-right:4px!important}
    .ranksTopRow{grid-template-columns:repeat(6,minmax(128px,1fr))!important;gap:10px!important}
    .ranksApexRow{grid-template-columns:repeat(2,minmax(220px,320px))!important;gap:14px!important;padding:4px 0 0!important}
    .rankColumn{padding:10px!important;border-radius:16px!important;min-height:0!important}
    .rankColumn h3{font-size:12px!important;margin:0 0 8px!important}
    .rankTierItem{gap:6px!important;padding:7px 4px!important;cursor:default!important}
    .rankTierItem .rankIconMini{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;max-height:56px!important}
    .rankTierItem .rankIconMini img{max-width:56px!important;max-height:56px!important}
    .rankTierItem span{font-size:11px!important;line-height:1.1!important}
    .ranksApexRow .rankTierItem .rankIconMini{width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;max-height:74px!important}
    .ranksApexRow .rankTierItem .rankIconMini img{max-width:74px!important;max-height:74px!important}
    .ranksFooter{margin:0!important;display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;padding-top:4px!important}
    .ranksFooter button.active{filter:brightness(1.18) saturate(1.12)!important;box-shadow:0 0 0 1px rgba(255,216,130,.44),0 0 24px rgba(91,255,176,.18)!important}
    .rankRewardsPanel{min-height:0!important;height:100%!important;overflow:auto!important;padding:18px!important}
    .rankLeaderboardPanel{height:100%!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:12px!important;overflow:hidden!important}
    .rankLeaderboardTable{min-height:0!important;overflow:hidden!important}
    .rankLeaderboardRows{max-height:none!important;height:100%!important;overflow:auto!important}

    @media (max-width:1180px){
      .ranksTopRow{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
      .ranksApexRow{grid-template-columns:repeat(2,minmax(170px,1fr))!important}
    }
    @media (max-height:820px){
      .ranksPanel{height:calc(100vh - 18px)!important;padding:14px 18px 16px!important;gap:9px!important}
      .ranksCurrentRank{min-height:92px!important;grid-template-columns:76px minmax(0,1fr)!important}
      .ranksCurrentRank .rankIconProfile{width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;max-height:74px!important}
      .ranksCurrentRank .rankIconProfile img{max-width:74px!important;max-height:74px!important}
      .rankTierItem .rankIconMini{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;max-height:50px!important}
      .rankTierItem .rankIconMini img{max-width:50px!important;max-height:50px!important}
      .ranksApexRow .rankTierItem .rankIconMini{width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important;max-height:66px!important}
      .ranksApexRow .rankTierItem .rankIconMini img{max-width:66px!important;max-height:66px!important}
    }
    @media (max-width:760px){
      .friendProfileModal{padding:10px!important}
      .friendProfilePanel{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:18px 14px!important}
      .friendProfileHeader{display:grid!important;gap:12px!important}
      .profileRankShowcase{grid-template-columns:1fr!important;text-align:center!important;place-items:center!important}
      .profileGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
      .ranksPanel{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;padding:12px!important}
      .ranksHeader{grid-template-columns:1fr!important;text-align:center!important}
      .ranksHeaderSide.left,.ranksHeaderSide.right{justify-self:stretch!important;text-align:center!important}
      .seasonEnds{text-align:center!important}
      .ranksCurrentRank{justify-self:stretch!important;width:100%!important}
      .ranksTopRow{grid-template-columns:repeat(2,minmax(130px,1fr))!important}
      .ranksApexRow{grid-template-columns:1fr!important}
      .ranksFooter button{flex:1 1 160px!important}
    }


    /* v3.9.2FD - correções finas do perfil/hover */
    .friendProfileModal{
      z-index:14050!important;
      background:rgba(0,0,0,.94)!important;
      backdrop-filter:blur(10px) saturate(.72) brightness(.48)!important;
    }
    .friendProfilePanel{
      background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.10),transparent 56%),rgba(5,10,18,.985)!important;
      box-shadow:0 42px 140px rgba(0,0,0,.92), inset 0 0 0 1px rgba(255,225,160,.10)!important;
    }
    #showRanksBtn{
      background:linear-gradient(180deg, rgba(255,210,92,.96), rgba(166,105,25,.96))!important;
      color:#241302!important;
      text-shadow:0 1px 0 rgba(255,245,190,.35)!important;
      box-shadow:0 14px 34px rgba(166,105,25,.30),0 0 18px rgba(255,210,92,.20)!important;
    }
    #closeFriendProfileBtn{
      background:linear-gradient(180deg, rgba(158,45,45,.96), rgba(101,19,19,.96))!important;
      color:#ffe1dd!important;
      box-shadow:0 14px 34px rgba(95,0,0,.32),0 0 18px rgba(255,84,84,.14)!important;
    }
    #messageFriendBtn{
      background:linear-gradient(180deg, rgba(49,161,103,.92), rgba(22,93,62,.94))!important;
      color:#eaffd7!important;
    }
    body.menu-open .heroPlayButton.imageButton:hover{
      box-shadow:none!important;
      border-color:transparent!important;
      background:transparent!important;
      transform:none!important;
      filter:none!important;
    }
    body.menu-open .heroPlayButton.imageButton:hover img{
      filter:drop-shadow(0 0 28px rgba(88,255,172,.70)) drop-shadow(0 0 70px rgba(88,255,172,.34)) drop-shadow(0 24px 32px rgba(0,0,0,.38))!important;
    }
    body.menu-open .heroPlayButton.imageButton:hover::before{
      box-shadow:0 0 62px rgba(86,255,160,.40),0 0 108px rgba(34,220,122,.20)!important;
    }
    .friendProfileIdentity{gap:22px!important}


    /* v3.9.2FE - correção do overlay, botões e alinhamento do perfil */
    body.profile-modal-open #globalChatWidget,
    body.profile-modal-open #friendsSidebar,
    body.profile-modal-open #friendsWidgetToggle,
    body.profile-modal-open #menuShell.home .menuLeftRail,
    body.profile-modal-open #menuShell.home .menuCenterColumn,
    body.profile-modal-open #menuShell.home .utilityMenuRow,
    body.profile-modal-open #menuShell.home .patchNotesDock,
    body.profile-modal-open #menuShell.home .playChoiceModal:not(.hidden),
    body.profile-modal-open #menuShell.home .menuActionStack{
      opacity:0!important;
      visibility:hidden!important;
      pointer-events:none!important;
    }
    body.profile-modal-open #menuShell.home .friendProfileModal:not(.hidden){
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
      display:grid!important;
    }
    body.profile-modal-open #mainMenu::after{
      content:"";
      position:fixed;
      inset:0;
      z-index:14045;
      background:rgba(0,0,0,.96);
      backdrop-filter:blur(12px) saturate(.7) brightness(.35);
      pointer-events:none;
    }
    body.profile-modal-open #friendProfileModal{
      z-index:14060!important;
      background:rgba(0,0,0,.98)!important;
      backdrop-filter:blur(12px) saturate(.7) brightness(.35)!important;
    }
    body.profile-modal-open #friendProfileModal .friendProfilePanel{
      z-index:14061!important;
      background:radial-gradient(circle at 48% 0%,rgba(255,216,130,.12),transparent 56%),rgba(5,10,18,.995)!important;
      box-shadow:0 46px 150px rgba(0,0,0,.96), inset 0 0 0 1px rgba(255,225,160,.10)!important;
    }

    #friendProfileModal #showRanksBtn,
    #friendProfileModal .friendProfileHeader #showRanksBtn,
    #friendProfileModal .friendProfilePanel .accountButtons #showRanksBtn{
      border:1px solid rgba(255,212,86,.82)!important;
      border-image:none!important;
      background:linear-gradient(180deg,#ffd75f 0%,#c48622 100%)!important;
      color:#241302!important;
      text-shadow:0 1px 0 rgba(255,248,202,.55)!important;
      box-shadow:0 0 0 1px rgba(255,245,180,.12) inset,0 12px 26px rgba(197,134,34,.30),0 0 24px rgba(255,215,95,.24)!important;
      font-weight:1000!important;
    }
    #friendProfileModal #showRanksBtn:hover{
      filter:brightness(1.12)!important;
      box-shadow:0 0 0 1px rgba(255,245,180,.20) inset,0 16px 34px rgba(197,134,34,.38),0 0 32px rgba(255,215,95,.34)!important;
    }
    #friendProfileModal #closeFriendProfileBtn,
    #friendProfileModal .friendProfileHeader #closeFriendProfileBtn,
    #friendProfileModal .friendProfilePanel .accountButtons #closeFriendProfileBtn{
      border:1px solid rgba(255,82,82,.88)!important;
      border-image:none!important;
      background:linear-gradient(180deg,#e44b4b 0%,#8a1212 100%)!important;
      color:#fff3ef!important;
      text-shadow:0 1px 0 rgba(70,0,0,.55)!important;
      box-shadow:0 0 0 1px rgba(255,210,210,.08) inset,0 12px 28px rgba(120,0,0,.40),0 0 26px rgba(255,67,67,.22)!important;
      font-weight:1000!important;
    }
    #friendProfileModal #closeFriendProfileBtn:hover{
      filter:brightness(1.13)!important;
      box-shadow:0 0 0 1px rgba(255,210,210,.16) inset,0 16px 36px rgba(150,0,0,.48),0 0 34px rgba(255,67,67,.32)!important;
    }
    #friendProfileModal .friendProfileIdentity{align-items:center!important;gap:24px!important}
    #friendProfileModal #friendProfileNick{line-height:1.05!important}


    /* v3.9.2FF - correção da tela preta ao abrir perfil */
    body.profile-modal-open #mainMenu::after{
      display:none!important;
      content:none!important;
      background:transparent!important;
      backdrop-filter:none!important;
      pointer-events:none!important;
    }
    body.profile-modal-open #friendProfileModal:not(.hidden){
      display:grid!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
      z-index:2147483000!important;
      background:rgba(0,0,0,.965)!important;
      backdrop-filter:blur(10px) saturate(.76) brightness(.42)!important;
      place-items:center!important;
    }
    body.profile-modal-open #friendProfileModal:not(.hidden) .friendProfilePanel{
      position:relative!important;
      z-index:2147483001!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
    }
    body.profile-modal-open #friendProfileModal:not(.hidden) *{
      visibility:visible;
    }
    body.profile-modal-open #menuShell.home .friendProfileModal:not(.hidden){
      transform:none!important;
    }



    /* v3.9.2FL - limpeza menu/perfil: padrão final único do avatar grande */
    #friendProfileModal #friendProfileAvatarWrap,
    #friendProfileModal #friendProfileAvatarWrap.friendProfileAvatarLarge{
      width:164px!important;
      height:164px!important;
      min-width:164px!important;
      min-height:164px!important;
      max-width:164px!important;
      max-height:164px!important;
      flex:0 0 164px!important;
      border-radius:0!important;
      overflow:visible!important;
      background:none!important;
      box-shadow:none!important;
      padding:0!important;
      margin:0!important;
      position:relative!important;
      display:grid!important;
      place-items:center!important;
    }
    #friendProfileModal #friendProfileAvatarWrap > .avatarFrame{
      width:164px!important;
      height:164px!important;
      min-width:164px!important;
      min-height:164px!important;
      max-width:164px!important;
      max-height:164px!important;
      position:relative!important;
      display:inline-grid!important;
      place-items:center!important;
      overflow:visible!important;
      padding:0!important;
      margin:0!important;
      inset:auto!important;
      left:auto!important;
      top:auto!important;
      right:auto!important;
      bottom:auto!important;
      transform:none!important;
      transform-origin:center center!important;
    }
    #friendProfileModal #friendProfileAvatarWrap > .avatarFrame > .avatarFrame__ring{
      position:relative!important;
      width:112%!important;
      height:112%!important;
      min-width:112%!important;
      min-height:112%!important;
      max-width:none!important;
      max-height:none!important;
      object-fit:contain!important;
      object-position:center center!important;
      z-index:2!important;
      pointer-events:none!important;
      display:block!important;
      inset:auto!important;
      left:auto!important;
      top:auto!important;
      right:auto!important;
      bottom:auto!important;
      transform:none!important;
      margin:0!important;
      padding:0!important;
    }
    #friendProfileModal #friendProfileAvatarWrap > .avatarFrame > .avatarFrame__icon{
      position:absolute!important;
      inset:24%!important;
      width:52%!important;
      height:52%!important;
      min-width:0!important;
      min-height:0!important;
      max-width:none!important;
      max-height:none!important;
      object-fit:cover!important;
      object-position:center center!important;
      border-radius:50%!important;
      z-index:1!important;
      display:block!important;
      left:auto!important;
      top:auto!important;
      right:auto!important;
      bottom:auto!important;
      transform:none!important;
      margin:0!important;
      padding:0!important;
    }
    @media (max-width:760px){
      #friendProfileModal #friendProfileAvatarWrap,
      #friendProfileModal #friendProfileAvatarWrap.friendProfileAvatarLarge,
      #friendProfileModal #friendProfileAvatarWrap > .avatarFrame{
        width:132px!important;
        height:132px!important;
        min-width:132px!important;
        min-height:132px!important;
        max-width:132px!important;
        max-height:132px!important;
        flex-basis:132px!important;
      }
    }


    /* v3.9.2FM - Decks como vitrine + carrossel + popup de slot */
    body.deck-open #menuShell{
      padding:12px!important;
      background:radial-gradient(circle at 50% 0%,rgba(255,218,140,.07),transparent 42%),rgba(3,5,8,.96)!important;
    }
    body.deck-open #menuDeck.deckForgeScreen{
      height:calc(100vh - 24px)!important;
      max-height:calc(100vh - 24px)!important;
      overflow:hidden!important;
      gap:10px!important;
    }
    body.deck-open #menuDeck .deckForgeTopbar{min-height:58px!important}
    body.deck-open #menuDeck .deckMainTabs,
    body.deck-open #menuDeck .deckForgeCollectionPanel,
    body.deck-open #menuDeck .deckRightColumn{display:none!important}
    body.deck-open #menuDeck .deckForgeLayout{
      flex:1 1 auto!important;
      min-height:0!important;
      height:auto!important;
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      grid-template-rows:minmax(0,1fr)!important;
      grid-template-areas:"selected"!important;
      overflow:hidden!important;
      place-items:center!important;
    }
    body.deck-open #menuDeck .deckForgeSelectedPanel{
      grid-area:selected!important;
      width:min(1180px,96vw)!important;
      max-width:1180px!important;
      min-height:0!important;
      height:min(620px,calc(100vh - 180px))!important;
      max-height:calc(100vh - 180px)!important;
      display:grid!important;
      grid-template-columns:170px minmax(0,1fr) 260px!important;
      gap:16px!important;
      align-items:stretch!important;
      padding:18px!important;
      overflow:hidden!important;
      border:1px solid rgba(255,218,140,.28)!important;
      background:radial-gradient(circle at 50% 0%,rgba(255,218,140,.11),transparent 45%),linear-gradient(180deg,rgba(7,10,16,.92),rgba(2,3,7,.86))!important;
      box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.04)!important;
    }
    body.deck-open #menuDeck .deckCountCard{min-height:0!important;border-radius:16px!important}
    body.deck-open #menuDeck .deckSelectedWrap{align-items:center!important;justify-content:center!important;gap:12px!important;overflow:hidden!important}
    body.deck-open #menuDeck .deckForgeName{
      width:min(460px,92%)!important;
      max-width:460px!important;
      height:48px!important;
      text-align:center!important;
      font-size:18px!important;
      border-radius:14px!important;
    }
    .deckCarouselHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(820px,100%);color:#f4dfac;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}.deckCarouselHeader small{color:#99dfc1;font-size:12px}
    .deckCarouselShell{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:12px;width:min(920px,100%)}
    .deckCarouselArrow{width:58px!important;height:90px!important;border-radius:18px!important;font-size:46px!important;line-height:1!important;padding:0!important;background:linear-gradient(180deg,rgba(255,224,149,.16),rgba(0,0,0,.38))!important;border-color:rgba(255,218,140,.26)!important;color:#f4dfac!important}.deckCarouselArrow:disabled{opacity:.35!important;filter:grayscale(1)!important;cursor:not-allowed!important}
    body.deck-open #menuDeck #deckSummary.deckForgeStrip{
      display:grid!important;
      grid-template-columns:repeat(5,minmax(112px,1fr))!important;
      gap:12px!important;
      width:100%!important;
      min-height:300px!important;
      height:min(330px,42vh)!important;
      overflow:hidden!important;
      padding:0!important;
      margin:0!important;
      border:0!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig{
      min-width:0!important;
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      display:flex!important;
      flex-direction:column!important;
      justify-content:flex-start!important;
      align-items:stretch!important;
      gap:7px!important;
      padding:8px!important;
      cursor:pointer!important;
      border-radius:16px!important;
      border:1px solid rgba(255,218,140,.32)!important;
      background:linear-gradient(180deg,rgba(32,29,22,.96),rgba(6,7,10,.96))!important;
      box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
      color:#f4eddf!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig:hover{transform:translateY(-3px)!important;border-color:rgba(121,255,184,.62)!important;box-shadow:0 0 0 2px rgba(121,255,184,.13),0 22px 56px rgba(0,0,0,.38),0 0 34px rgba(121,255,184,.16)!important}
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:190px!important;min-height:120px!important;flex:1 1 auto!important;margin:0!important;border-radius:12px!important}
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig b{font-size:13px!important;line-height:1.1!important;min-height:30px!important;text-align:center!important;color:#fff0bd!important;text-transform:uppercase!important}
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig span{font-size:11px!important;text-align:center!important;color:#9ee7c0!important;text-transform:uppercase!important;letter-spacing:.06em!important}
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty{display:grid!important;place-items:center!important;text-align:center!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.30))!important;border-style:dashed!important}.selectedDeckMini.deckSlotCardBig.empty strong{font-size:62px;color:#f4dfac;line-height:1}
    body.deck-open #menuDeck .deckDragHint{width:min(820px,100%);font-size:13px!important;color:#c9b986!important;text-align:center!important;border-top:1px solid rgba(255,218,140,.16)!important;padding-top:10px!important}
    body.deck-open #menuDeck .deckInspector{border-radius:16px!important;border-left:1px solid rgba(255,218,140,.16)!important;background:rgba(0,0,0,.18)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
    body.deck-open #menuDeck .deckForgeFooter{flex:0 0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:8px 4px!important;margin:0!important}.deckFooterActions{justify-content:center!important}.deckFooterActions button{min-width:155px!important;min-height:42px!important;border-radius:12px!important}
    .deckCardPickerModal{position:fixed;inset:0;z-index:2147482800;display:grid;place-items:center}.deckCardPickerModal.hidden{display:none!important}.deckCardPickerBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.deckCardPickerPanel{position:relative;z-index:1;width:min(1120px,94vw);height:min(780px,88vh);padding:20px;display:flex;flex-direction:column;gap:14px;background:rgba(5,10,18,.96)}.deckCardPickerHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.deckCardPickerHeader h2{margin:0;font-family:"MenuMedieval",Georgia,serif;color:#f1dfad;font-size:clamp(28px,2vw,42px);letter-spacing:.06em}.deckCardPickerActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.deckCardPickerActions button{min-height:42px}.deckCardPickerControls input{width:100%;height:44px;border-radius:12px;border:1px solid rgba(255,218,140,.22);background:rgba(0,0,0,.34);color:#fff;padding:0 14px;font-weight:800}.deckCardPickerList{min-height:0;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:auto;padding:2px 6px 6px 2px}.deckPickerCard{position:relative;min-height:250px;padding:8px;border-radius:16px;border:1px solid rgba(255,218,140,.22);background:linear-gradient(180deg,rgba(24,24,22,.98),rgba(5,6,8,.98));display:flex;flex-direction:column;gap:7px;cursor:pointer;text-align:center;color:#f7ead2}.deckPickerCard:hover{transform:translateY(-2px);border-color:rgba(121,255,184,.60);box-shadow:0 0 0 2px rgba(121,255,184,.12),0 18px 45px rgba(0,0,0,.34)}.deckPickerCard.disabled{opacity:.42;filter:grayscale(.8);cursor:not-allowed}.deckPickerCard.current{border-color:rgba(255,219,104,.72);box-shadow:0 0 0 2px rgba(255,219,104,.16)}.deckPickerCard .cardPreview{height:150px!important;margin:0!important}.deckPickerCard b{font-size:13px;text-transform:uppercase;color:#fff0bd;line-height:1.15}.deckPickerCard small{font-size:11px;color:#a9d9ff;line-height:1.25}.deckPickerCard .deckOwnedBadge{left:8px;top:8px}
    @media(max-width:1180px){body.deck-open #menuDeck .deckForgeSelectedPanel{grid-template-columns:1fr!important;width:min(960px,96vw)!important;height:auto!important;max-height:calc(100vh - 150px)!important;overflow:auto!important}body.deck-open #menuDeck .deckCountCard{display:none!important}body.deck-open #menuDeck .deckInspector{display:none!important}body.deck-open #menuDeck #deckSummary.deckForgeStrip{grid-template-columns:repeat(5,minmax(90px,1fr))!important;height:290px!important}.deckCarouselShell{grid-template-columns:48px minmax(0,1fr) 48px}.deckCarouselArrow{width:48px!important}}
    @media(max-width:760px){body.deck-open #menuDeck.deckForgeScreen{overflow:auto!important;height:auto!important;max-height:none!important}body.deck-open #menuDeck .deckForgeSelectedPanel{height:auto!important;max-height:none!important}body.deck-open #menuDeck #deckSummary.deckForgeStrip{grid-template-columns:repeat(5,minmax(72px,1fr))!important;height:230px!important;gap:7px!important}.deckCarouselShell{gap:6px}.deckCarouselArrow{width:38px!important;height:70px!important;font-size:34px!important}body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig{padding:5px!important}body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:130px!important}body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig b{font-size:10px!important}body.deck-open #menuDeck .deckForgeName{height:42px!important;font-size:15px!important}.deckCardPickerPanel{height:90vh;width:96vw;padding:16px}.deckCardPickerList{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.deckPickerCard{min-height:220px}.deckPickerCard .cardPreview{height:126px!important}}


    /* v3.9.2FN - Decks: mais área útil, cards mais largos e chat oculto */
    body.deck-open #globalChatWidget{display:none!important}
    body.deck-open #menuDeck.deckForgeScreen{
      position:relative!important;
      gap:6px!important;
      padding:0!important;
    }
    body.deck-open #menuDeck .deckForgeTopbar{
      min-height:54px!important;
      padding:4px 8px 6px!important;
    }
    body.deck-open #menuDeck .deckForgeTopbar .sub{
      max-width:min(760px,54vw)!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
    }
    body.deck-open #menuDeck #deckSlotTabs.deckForgeTabs{
      position:absolute!important;
      top:62px!important;
      right:16px!important;
      left:auto!important;
      z-index:20!important;
      width:auto!important;
      max-width:min(430px,38vw)!important;
      display:flex!important;
      flex-wrap:wrap!important;
      justify-content:flex-end!important;
      align-items:center!important;
      gap:5px!important;
      margin:0!important;
      padding:6px!important;
      border:1px solid rgba(255,218,140,.16)!important;
      border-radius:14px!important;
      background:rgba(4,8,14,.62)!important;
      box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
      backdrop-filter:blur(4px)!important;
    }
    body.deck-open #menuDeck #deckSlotTabs.deckForgeTabs button{
      min-width:54px!important;
      min-height:28px!important;
      height:28px!important;
      padding:3px 8px!important;
      font-size:10px!important;
      line-height:1!important;
      border-radius:9px!important;
      letter-spacing:.04em!important;
    }
    body.deck-open #menuDeck .deckForgeLayout{
      padding-top:0!important;
      place-items:stretch!important;
      align-items:stretch!important;
      justify-items:center!important;
    }
    body.deck-open #menuDeck .deckForgeSelectedPanel{
      width:min(1500px,calc(100vw - 28px))!important;
      max-width:1500px!important;
      height:min(735px,calc(100vh - 132px))!important;
      max-height:calc(100vh - 132px)!important;
      grid-template-columns:120px minmax(0,1fr) 220px!important;
      gap:14px!important;
      padding:16px!important;
    }
    body.deck-open #menuDeck .deckCountCard{
      padding:10px!important;
      min-width:0!important;
    }
    body.deck-open #menuDeck .deckCountIcon{font-size:32px!important}
    body.deck-open #menuDeck .deckCountCard strong{font-size:12px!important}
    body.deck-open #menuDeck .deckCountCard span{font-size:24px!important}
    body.deck-open #menuDeck .deckCountCard small{font-size:10px!important}
    body.deck-open #menuDeck .deckSelectedWrap{
      width:100%!important;
      max-width:none!important;
      justify-content:center!important;
      gap:12px!important;
    }
    body.deck-open #menuDeck .deckForgeName{
      width:min(560px,70%)!important;
      max-width:560px!important;
      height:46px!important;
      margin-top:0!important;
    }
    body.deck-open #menuDeck .deckCarouselHeader{
      width:min(1160px,100%)!important;
      max-width:1160px!important;
    }
    body.deck-open #menuDeck .deckCarouselShell{
      width:min(1260px,100%)!important;
      max-width:1260px!important;
      grid-template-columns:54px minmax(0,1fr) 54px!important;
      gap:10px!important;
    }
    body.deck-open #menuDeck .deckCarouselArrow{
      width:54px!important;
      height:116px!important;
      border-radius:16px!important;
      font-size:44px!important;
    }
    body.deck-open #menuDeck #deckSummary.deckForgeStrip{
      grid-template-columns:repeat(5,minmax(150px,1fr))!important;
      gap:14px!important;
      width:100%!important;
      min-height:340px!important;
      height:min(390px,48vh)!important;
      max-height:390px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig{
      border-radius:18px!important;
      padding:10px!important;
      gap:8px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{
      height:210px!important;
      min-height:150px!important;
      border-radius:14px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig b{
      font-size:14px!important;
      min-height:28px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig span{font-size:11px!important}
    body.deck-open #menuDeck .deckDragHint{
      width:min(1120px,100%)!important;
      max-width:1120px!important;
      padding-top:8px!important;
    }
    body.deck-open #menuDeck .deckInspector{
      padding:12px!important;
      justify-content:center!important;
    }
    body.deck-open #menuDeck .deckInspector h3{
      font-size:18px!important;
      margin:8px 0 10px!important;
    }
    body.deck-open #menuDeck .deckInspectorLine{
      padding:8px 0!important;
      font-size:12px!important;
    }
    body.deck-open #menuDeck .deckForgeFooter{
      padding:5px 4px 0!important;
      gap:8px!important;
    }
    body.deck-open #menuDeck .deckFooterActions{
      gap:8px!important;
      flex-wrap:wrap!important;
    }
    body.deck-open #menuDeck .deckFooterActions button{
      min-width:132px!important;
      min-height:36px!important;
      padding:7px 10px!important;
      font-size:12px!important;
      border-radius:10px!important;
    }
    @media(max-width:1180px){
      body.deck-open #menuDeck #deckSlotTabs.deckForgeTabs{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        max-width:none!important;
        justify-content:center!important;
        margin:0 auto!important;
      }
      body.deck-open #menuDeck .deckForgeSelectedPanel{
        width:min(1000px,96vw)!important;
        height:auto!important;
        max-height:calc(100vh - 142px)!important;
        overflow:hidden!important;
      }
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{
        grid-template-columns:repeat(5,minmax(118px,1fr))!important;
        height:min(340px,44vh)!important;
      }
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:180px!important}
    }
    @media(max-width:760px){
      body.deck-open #menuDeck #deckSlotTabs.deckForgeTabs{padding:5px!important;gap:4px!important}
      body.deck-open #menuDeck #deckSlotTabs.deckForgeTabs button{min-width:48px!important;font-size:9px!important}
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{
        grid-template-columns:repeat(5,minmax(78px,1fr))!important;
        height:240px!important;
        gap:7px!important;
      }
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:136px!important;min-height:110px!important}
    }


    /* v3.9.2FO - Deck: navegação pelo título + melhor uso vertical */
    body.deck-open #menuDeck #deckSlotTabs.deckForgeTabs{display:none!important}
    body.deck-open #menuDeck.deckForgeScreen{gap:2px!important}
    body.deck-open #menuDeck .deckForgeTopbar{min-height:38px!important;padding:2px 8px 0!important}
    body.deck-open #menuDeck .deckForgeTopbar h2{font-size:clamp(22px,1.6vw,34px)!important;line-height:1!important;margin:0!important}
    body.deck-open #menuDeck .deckForgeTopbar .sub{display:none!important}
    body.deck-open #menuDeck .deckMainTabs{min-height:34px!important;margin:0!important;padding:0 8px!important}
    body.deck-open #menuDeck .deckMainTabs button{min-height:28px!important;padding:4px 10px!important;font-size:10px!important}
    body.deck-open #menuDeck .deckForgeLayout{padding-top:0!important;align-items:start!important}
    body.deck-open #menuDeck .deckForgeSelectedPanel{
      width:min(1560px,calc(100vw - 24px))!important;
      max-width:1560px!important;
      height:min(760px,calc(100vh - 96px))!important;
      max-height:calc(100vh - 96px)!important;
      grid-template-columns:1fr!important;
      padding:14px 18px 12px!important;
      gap:8px!important;
      align-items:start!important;
    }
    body.deck-open #menuDeck .deckCountCard,
    body.deck-open #menuDeck .deckInspector{display:none!important}
    body.deck-open #menuDeck .deckSelectedWrap{justify-content:flex-start!important;gap:8px!important;padding-top:0!important}
    .deckTitleNav{display:grid;grid-template-columns:54px minmax(0,640px) 54px;gap:12px;align-items:center;justify-content:center;width:min(820px,100%);margin:0 auto!important}
    .deckSelectArrow{height:48px!important;width:54px!important;border-radius:14px!important;font-size:38px!important;line-height:1!important;padding:0!important;color:#f7de9f!important;background:linear-gradient(180deg,rgba(255,218,140,.16),rgba(0,0,0,.38))!important;border-color:rgba(255,218,140,.28)!important}
    .deckSelectArrow:hover{border-color:rgba(121,255,184,.60)!important;box-shadow:0 0 0 2px rgba(121,255,184,.13),0 0 24px rgba(121,255,184,.16)!important}
    body.deck-open #menuDeck .deckForgeName{width:100%!important;max-width:none!important;height:48px!important;margin:0!important;text-align:center!important;font-size:22px!important;letter-spacing:.08em!important;color:#ffe8aa!important}
    .deckDeckDots{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:18px;margin:-2px 0 2px!important}
    .deckDot{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;border-radius:999px!important;padding:0!important;background:rgba(255,218,140,.22)!important;border:1px solid rgba(255,218,140,.32)!important;box-shadow:none!important}
    .deckDot.active{width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;background:#f3d57f!important;box-shadow:0 0 16px rgba(255,218,140,.45)!important}
    body.deck-open #menuDeck .deckCarouselHeader{display:none!important}
    body.deck-open #menuDeck .deckCarouselShell{width:min(1400px,100%)!important;max-width:1400px!important;grid-template-columns:54px minmax(0,1fr) 54px!important;gap:10px!important;margin-top:0!important}
    body.deck-open #menuDeck .deckCarouselArrow{height:128px!important}
    body.deck-open #menuDeck #deckSummary.deckForgeStrip{grid-template-columns:repeat(5,minmax(165px,1fr))!important;height:min(420px,52vh)!important;max-height:420px!important;min-height:350px!important;gap:14px!important}
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:235px!important;min-height:170px!important}
    body.deck-open #menuDeck .deckDragHint{width:100%!important;max-width:none!important;padding:4px 0 0!important;border-top:0!important;text-align:center!important;font-size:14px!important;color:#f0dfb2!important}
    .deckCompletenessLine{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-align:center;font-size:13px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;color:#e8ddbc;min-height:22px}
    .deckStatusSep{color:#8fbda7;opacity:.8}
    body.deck-open #menuDeck .deckForgeFooter{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:2px 4px 0!important;margin:0!important;gap:6px!important}
    body.deck-open #menuDeck #deckStatus{display:none!important}
    body.deck-open #menuDeck .deckFooterActions{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;width:100%!important}
    body.deck-open #menuDeck .deckFooterActions button{min-width:150px!important;min-height:38px!important;font-size:12px!important;padding:7px 12px!important}
    body.deck-open #menuDeck #startFromDeckBtn{min-width:210px!important}
    @media(max-width:1180px){
      .deckTitleNav{grid-template-columns:46px minmax(0,520px) 46px!important;width:min(660px,100%)!important}
      .deckSelectArrow{width:46px!important;height:44px!important;font-size:34px!important}
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{grid-template-columns:repeat(5,minmax(118px,1fr))!important;height:min(350px,46vh)!important;min-height:300px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:185px!important}
    }
    @media(max-width:760px){
      body.deck-open #menuDeck .deckMainTabs{display:none!important}
      body.deck-open #menuDeck .deckForgeSelectedPanel{height:auto!important;max-height:none!important;padding:12px!important}
      .deckTitleNav{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:7px!important}
      .deckSelectArrow{width:40px!important;height:40px!important;font-size:30px!important}
      body.deck-open #menuDeck .deckForgeName{font-size:16px!important;height:42px!important}
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{grid-template-columns:repeat(5,minmax(78px,1fr))!important;height:240px!important;min-height:240px!important;gap:7px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:136px!important;min-height:110px!important}
      .deckCompletenessLine{font-size:11px!important;gap:6px!important;flex-wrap:wrap!important}
    }


    /* v3.9.2FP - Deck: cartas mais largas e arte mais visível */
    body.deck-open #menuDeck .deckCarouselShell{
      width:min(1520px,100%)!important;
      max-width:1520px!important;
      grid-template-columns:54px minmax(0,1fr) 54px!important;
      gap:12px!important;
    }
    body.deck-open #menuDeck #deckSummary.deckForgeStrip{
      grid-template-columns:repeat(5,minmax(205px,1fr))!important;
      gap:16px!important;
      height:min(455px,55vh)!important;
      max-height:455px!important;
      min-height:370px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig{
      padding:11px!important;
      gap:8px!important;
      border-radius:19px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{
      height:275px!important;
      min-height:205px!important;
      border-radius:15px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview .cardIcon{
      width:96px!important;
      height:96px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview .glyph{
      font-size:66px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview:after{
      width:94px!important;
      height:94px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig b{
      font-size:15px!important;
      min-height:28px!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig span{
      font-size:11.5px!important;
    }
    @media(max-width:1180px){
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{
        grid-template-columns:repeat(5,minmax(135px,1fr))!important;
        height:min(370px,48vh)!important;
        min-height:315px!important;
        gap:10px!important;
      }
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:205px!important;min-height:160px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview .cardIcon{width:76px!important;height:76px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview .glyph{font-size:54px!important}
    }
    @media(max-width:760px){
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{
        grid-template-columns:repeat(5,minmax(88px,1fr))!important;
        height:258px!important;
        min-height:258px!important;
        gap:7px!important;
      }
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig{padding:6px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{height:148px!important;min-height:122px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview .cardIcon{width:56px!important;height:56px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview .glyph{font-size:42px!important}
    }


    /* v3.9.2FR - correção real: expandir horizontalmente os slots/cartas do deck */
    body.deck-open #menuDeck #deckSummary.deckForgeStrip{
      grid-template-columns:repeat(5, minmax(190px, 1fr))!important;
      width:100%!important;
      max-width:none!important;
      align-items:stretch!important;
    }
    body.deck-open #menuDeck .deckForgeStrip .selectedDeckMini.deckSlotCardBig,
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig{
      width:100%!important;
      min-width:0!important;
      max-width:none!important;
      flex:1 1 auto!important;
      justify-self:stretch!important;
      align-self:stretch!important;
      box-sizing:border-box!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview{
      width:100%!important;
      max-width:none!important;
      box-sizing:border-box!important;
    }
    @media(max-width:1180px){
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{
        grid-template-columns:repeat(5, minmax(145px, 1fr))!important;
      }
    }
    @media(max-width:760px){
      body.deck-open #menuDeck #deckSummary.deckForgeStrip{
        grid-template-columns:repeat(5, minmax(92px, 1fr))!important;
      }
    }


    /* v3.9.2FS - alinhamento do slot vazio no deck */
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty{
      position:relative!important;
      display:block!important;
      text-align:center!important;
      padding:0!important;
      overflow:hidden!important;
      min-height:100%!important;
      height:100%!important;
      background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.30))!important;
      border-style:dashed!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty strong{
      position:absolute!important;
      left:50%!important;
      top:49%!important;
      transform:translate(-50%,-50%)!important;
      margin:0!important;
      padding:0!important;
      font-size:96px!important;
      line-height:.82!important;
      color:#f4dfac!important;
      text-shadow:0 0 22px rgba(255,224,164,.28)!important;
      z-index:2!important;
      pointer-events:none!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty b{
      position:absolute!important;
      left:10px!important;
      right:10px!important;
      top:calc(50% + 52px)!important;
      margin:0!important;
      min-height:0!important;
      text-align:center!important;
      font-size:15px!important;
      line-height:1.05!important;
      color:#fff0bd!important;
      z-index:2!important;
      pointer-events:none!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty span{
      position:absolute!important;
      left:10px!important;
      right:10px!important;
      top:calc(50% + 78px)!important;
      margin:0!important;
      text-align:center!important;
      font-size:12px!important;
      line-height:1.1!important;
      color:#9ee7c0!important;
      z-index:2!important;
      pointer-events:none!important;
    }
    body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty .deckSlotBadge{
      position:absolute!important;
      left:8px!important;
      top:8px!important;
      z-index:5!important;
    }
    body.deck-open #menuDeck #openEnchantFooterBtn{
      border-color:rgba(185,116,255,.42)!important;
      box-shadow:0 0 18px rgba(148,80,255,.12)!important;
    }
    @media(max-width:1180px){
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty strong{font-size:78px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty b{top:calc(50% + 43px)!important;font-size:13px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty span{top:calc(50% + 66px)!important;font-size:10.5px!important}
    }
    @media(max-width:760px){
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty strong{font-size:54px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty b{top:calc(50% + 30px)!important;font-size:10px!important}
      body.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig.empty span{top:calc(50% + 47px)!important;font-size:9px!important}
    }



    /* v3.9.2FT - estojo com arte maior e filtros por categoria */
    .deckCardPickerPanel{width:min(1180px,95vw)!important;height:min(810px,90vh)!important}
    .deckCardPickerControls{display:flex;align-items:center;justify-content:center}
    .deckPickerFilterBar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;width:100%}
    .deckPickerFilterBar button{
      min-width:118px;
      min-height:46px;
      padding:10px 14px;
      border-radius:12px;
      border:1px solid rgba(255,218,140,.20);
      background:linear-gradient(180deg,rgba(13,22,17,.96),rgba(6,12,10,.96));
      color:#f6e7bf;
      font-size:12px;
      font-weight:1000;
      letter-spacing:.08em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .deckPickerFilterBar button:hover{border-color:rgba(121,255,184,.48);transform:translateY(-1px)}
    .deckPickerFilterBar button.active{
      border-color:rgba(255,219,104,.68);
      background:linear-gradient(180deg,rgba(63,50,19,.98),rgba(22,17,7,.98));
      color:#fff1b9;
      box-shadow:0 0 0 2px rgba(255,219,104,.12), 0 14px 30px rgba(0,0,0,.26);
    }
    .deckCardPickerList{grid-template-columns:repeat(auto-fill,minmax(186px,1fr))!important;gap:14px!important}
    .deckPickerCard{min-height:286px!important;padding:8px!important;gap:8px!important}
    .deckPickerCard .cardPreview{height:186px!important;margin:0!important;border-radius:4px!important}
    .deckPickerCard .cardPreview.hasCardArt .cardArt,
    .deckPickerCard .cardPreview.hasCardArt .cardArtImg{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background-size:cover!important}
    .deckPickerCard .cardPreview.hasCardArt:before{inset:0!important;border-color:rgba(255,220,150,.16)!important}
    .deckPickerCard .cardPreview.hasCardArt:after{display:none!important}
    .deckPickerCard .cardPreview .miniStats{left:7px!important;right:7px!important;bottom:6px!important;padding:4px 6px!important}
    .deckPickerCard .cardPreview .miniStats span:first-child{font-size:9px!important}
    .deckPickerCard .cardPreview .miniStats span:last-child{font-size:8px!important}
    .deckPickerCard b{font-size:13px!important;line-height:1.12!important;min-height:30px!important;display:grid;place-items:center;margin-top:2px!important}
    .deckPickerCard small{display:none!important}
    @media(max-width:760px){
      .deckPickerFilterBar{gap:8px!important}
      .deckPickerFilterBar button{min-width:96px!important;min-height:42px!important;font-size:11px!important;padding:8px 10px!important}
      .deckCardPickerList{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important;gap:10px!important}
      .deckPickerCard{min-height:238px!important}
      .deckPickerCard .cardPreview{height:148px!important}
    }


    /* v3.9.2FU - estojo com card padronizado e popup de detalhes */
    .deckCardPickerList{
      grid-template-columns:repeat(auto-fill, 190px)!important;
      justify-content:center!important;
      align-content:start!important;
      gap:14px!important;
    }
    .deckPickerCard{
      width:190px!important;
      min-width:190px!important;
      max-width:190px!important;
      height:342px!important;
      min-height:342px!important;
      max-height:342px!important;
      padding:8px!important;
      gap:7px!important;
      overflow:hidden!important;
    }
    .deckPickerCard .cardPreview{
      width:100%!important;
      height:242px!important;
      min-height:242px!important;
      max-height:242px!important;
      margin:0!important;
      border-radius:5px!important;
      flex:0 0 242px!important;
    }
    .deckPickerCard .cardPreview.hasCardArt .cardArt,
    .deckPickerCard .cardPreview.hasCardArt .cardArtImg{
      inset:0!important;
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      object-position:center center!important;
      background-size:cover!important;
    }
    .deckPickerCard b{
      height:38px!important;
      min-height:38px!important;
      max-height:38px!important;
      overflow:hidden!important;
      display:grid!important;
      place-items:center!important;
      font-size:13px!important;
      line-height:1.08!important;
      margin:0!important;
    }
    .deckPickerHelpBtn{
      width:34px;
      height:34px;
      min-width:34px;
      min-height:34px;
      display:grid;
      place-items:center;
      margin:0 auto;
      border-radius:50%;
      border:1px solid rgba(255,226,150,.52);
      background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,rgba(61,50,24,.96),rgba(14,11,5,.96));
      color:#ffe7a8;
      font-weight:1000;
      font-size:18px;
      line-height:1;
      box-shadow:0 8px 18px rgba(0,0,0,.32),0 0 18px rgba(255,216,130,.12);
      cursor:pointer;
      pointer-events:auto;
    }
    .deckPickerHelpBtn:hover{transform:translateY(-1px) scale(1.05);border-color:rgba(121,255,184,.62);box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 24px rgba(121,255,184,.16)}
    .deckCardInfoModal{position:fixed;inset:0;z-index:2147482850;display:grid;place-items:center}.deckCardInfoModal.hidden{display:none!important}.deckCardInfoBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
    .deckCardInfoPanel{position:relative;z-index:1;width:min(940px,94vw);max-height:min(820px,90vh);padding:20px;background:rgba(5,10,18,.97);display:flex;flex-direction:column;gap:14px;overflow:hidden}
    .deckCardInfoHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.deckCardInfoHeader h2{margin:0;font-family:"MenuMedieval",Georgia,serif;color:#f1dfad;font-size:clamp(28px,2.2vw,44px);letter-spacing:.06em}.deckCardInfoHeader button{min-height:42px}
    .deckCardInfoBody{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;min-height:0;overflow:auto;padding-right:4px}.deckCardInfoArt{display:grid;place-items:center;align-self:start}.deckCardInfoArt .cardPreview{width:100%!important;height:520px!important;min-height:520px!important;border-radius:12px!important;margin:0!important}.deckCardInfoArt .cardPreview .cardArt,.deckCardInfoArt .cardPreview .cardArtImg{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background-size:cover!important}.deckCardInfoArt .cardPreview:after{display:none!important}
    .deckCardInfoText{display:grid;gap:12px;align-content:start}.deckCardInfoText section{border:1px solid rgba(255,218,140,.14);border-radius:14px;background:rgba(255,255,255,.035);padding:14px}.deckCardInfoText h3{margin:0 0 8px;color:#ffe1a0;text-transform:uppercase;letter-spacing:.08em;font-size:14px}.deckCardInfoText p{margin:0;color:#dfe8f7;line-height:1.48}.deckCardInfoMeta{display:flex;gap:8px;flex-wrap:wrap}.deckCardInfoMeta span{border:1px solid rgba(255,218,140,.15);border-radius:999px;padding:7px 10px;background:rgba(0,0,0,.22);color:#dbe8ff;font-size:12px}.deckCardInfoMeta b{color:#fff0bd}
    @media(max-width:760px){
      .deckCardPickerList{grid-template-columns:repeat(auto-fill, 150px)!important;gap:10px!important}.deckPickerCard{width:150px!important;min-width:150px!important;max-width:150px!important;height:288px!important;min-height:288px!important;max-height:288px!important}.deckPickerCard .cardPreview{height:190px!important;min-height:190px!important;max-height:190px!important;flex-basis:190px!important}.deckPickerHelpBtn{width:30px;height:30px;min-width:30px;min-height:30px;font-size:16px}.deckCardInfoPanel{padding:16px;width:96vw}.deckCardInfoBody{grid-template-columns:1fr}.deckCardInfoArt .cardPreview{height:420px!important;min-height:420px!important}
    }


    /* v3.9.2FV - Tabuleiro inicial refeito em preview pseudo-3D */
    #deckBoardModal .deckBoardPanel{width:min(1120px,95vw)!important;background:radial-gradient(circle at top, rgba(24,58,41,.55), rgba(4,12,12,.96) 58%)!important}
    #deckBoardModal .deckBoardPopupBody{display:block!important;padding:4px 6px 10px!important;background:none!important;min-height:auto!important}
    #deckBoardModal .deckBoardHeader .sub{color:#d9e7d6!important}
    .setupBoardScene{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 10px 14px}
    .setupBoardTitleLine{font-family:"MenuMedieval", Georgia, serif;font-size:22px;font-weight:900;color:#f6e2ab;letter-spacing:.03em}
    .setupBoardSubLine,.setupBoardLegend{max-width:860px;color:#cfe2d4;font-size:13px;line-height:1.45}
    .setupBoard3dOuter{width:min(100%,980px);display:flex;flex-direction:column;gap:10px;align-items:center}
    .setupBoard3dLabels{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:10px;width:min(100%,820px);color:#8fb89f;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
    .setupBoard3dLabels.bottom{display:flex;justify-content:center;gap:14px;color:#d7e8d8;font-size:12px;letter-spacing:.06em}
    .setupBoard3dLabels.bottom .divider{width:34px;height:2px;background:linear-gradient(90deg,transparent,#79c18f,transparent);align-self:center}
    .setupBoard3dWrap{position:relative;width:min(100%,860px);padding:22px;border-radius:28px;background:radial-gradient(circle at center, rgba(21,57,39,.82), rgba(8,18,16,.98));box-shadow:inset 0 0 0 1px rgba(170,236,189,.08),0 24px 60px rgba(0,0,0,.42)}
    .setupBoard3dWrap::before{content:'';position:absolute;inset:16px;border-radius:22px;background:repeating-linear-gradient(45deg, rgba(255,255,255,.018) 0 10px, rgba(0,0,0,.02) 10px 20px);pointer-events:none}
    .setupBoard3d{position:relative;display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:10px;z-index:1}
    .setupCell3d{position:relative;min-height:118px;border:none;background:none;padding:0;cursor:pointer;transition:transform .15s ease, filter .15s ease;outline:none}
    .setupCell3d::before{content:'';position:absolute;inset:10px 0 0 0;border-radius:18px;background:linear-gradient(180deg, rgba(8,24,18,.98), rgba(2,10,8,.98));box-shadow:0 12px 0 rgba(1,7,6,.8), 0 18px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(160,225,182,.08)}
    .setupCell3d::after{content:'';position:absolute;inset:0 0 12px 0;border-radius:18px;background:linear-gradient(180deg, rgba(40,95,67,.96), rgba(19,56,38,.98));box-shadow:inset 0 0 0 1px rgba(236,244,216,.10), inset 0 8px 16px rgba(255,255,255,.06)}
    .setupCell3d.frontRow::after{background:linear-gradient(180deg, rgba(50,116,78,.96), rgba(20,64,43,.98))}
    .setupCell3d.rearRow::after{background:linear-gradient(180deg, rgba(60,130,89,.96), rgba(27,79,53,.98))}
    .setupCell3d:hover{transform:translateY(-3px);filter:drop-shadow(0 0 18px rgba(121,255,184,.18))}
    .setupCell3d:hover::after,.setupCell3d.filled::after{box-shadow:inset 0 0 0 2px rgba(255,228,151,.28), inset 0 8px 16px rgba(255,255,255,.06)}
    .setupCell3d.locked{cursor:default;opacity:.92}
    .setupCoord{position:absolute;top:10px;left:10px;z-index:3;padding:4px 7px;border-radius:999px;background:rgba(7,20,15,.72);border:1px solid rgba(232,241,205,.12);font-size:11px;font-weight:900;color:#e9e3c2;letter-spacing:.08em}
    .setupTerrainGlow{position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;transform:translate(-50%,-42%);border-radius:50%;background:radial-gradient(circle, rgba(171,255,199,.20), rgba(171,255,199,0) 70%);pointer-events:none}
    .setupPiece3d,.setupEmpty3d{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#f4ead0;pointer-events:none}
    .setupPiece3d .glyph{font-size:30px;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.35)}
    .setupPiece3d strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase;max-width:78px}
    .setupPiece3d.commander .glyph{font-size:34px;color:#ffd978}
    .setupEmpty3d .plus{font-size:34px;line-height:1;color:#f5e9b7}
    .setupEmpty3d small{font-size:11px;color:#dce6d8;letter-spacing:.05em;text-transform:uppercase}
    .setupPiecePickerModal{position:fixed;inset:0;z-index:13050;display:grid;place-items:center}
    .setupPiecePickerModal.hidden{display:none!important}
    .setupPiecePickerBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(4px)}
    .setupPiecePickerPanel{position:relative;z-index:1;width:min(980px,94vw);max-height:86vh;display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px;background:rgba(5,11,12,.95)}
    .setupPiecePickerHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
    .setupPiecePickerHeader h3{margin:0;color:#f4dfac;font-family:"MenuMedieval", Georgia, serif;font-size:28px}
    .setupPiecePickerHeader .sub{font-size:12px;color:#cedccf;margin-top:4px}
    .setupPiecePickerList{display:flex;flex-direction:column;gap:12px;overflow:auto;padding-right:4px}
    .setupPieceOptionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px}
    .setupPieceOption{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(255,227,157,.12);background:linear-gradient(180deg, rgba(12,21,16,.98), rgba(7,11,10,.98));color:#f2e9c7;min-height:206px;transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease}
    .setupPieceOption .cardPreview{width:100%!important;height:96px!important;margin:0!important;border-radius:12px!important}
    .setupPieceOption strong{font-size:13px;line-height:1.15;text-align:center}
    .setupPieceOption small{font-size:11px;line-height:1.25;color:#cfe0d0;text-align:center;min-height:28px}
    .setupPieceOption .qty{font-size:11px;font-weight:900;letter-spacing:.06em;color:#9fe3b4;text-transform:uppercase}
    .setupPieceOption.current{border-color:rgba(255,220,124,.45);box-shadow:0 0 0 2px rgba(255,220,124,.12)}
    .setupPieceOption:not(.disabled):hover{transform:translateY(-2px);border-color:rgba(130,248,184,.46);box-shadow:0 12px 28px rgba(0,0,0,.28)}
    .setupPieceOption.disabled{opacity:.46;filter:grayscale(.15);cursor:not-allowed}
    .setupPiecePickerFooter{display:flex;justify-content:center;align-items:center;min-height:42px}
    .setupRemoveBtn{background:linear-gradient(180deg, rgba(130,38,38,.96), rgba(82,19,19,.96))!important;color:#ffe0dc!important;border:1px solid rgba(255,182,172,.25)!important}
    .setupPickerGhostNote{color:#d0dfd4;font-size:12px}
    @media(max-width:980px){
      .setupBoard3dLabels.top,.setupBoard3d{grid-template-columns:repeat(4,minmax(64px,1fr))!important}
      .setupBoard3d{grid-auto-flow:row dense}
      .setupCell3d{min-height:106px!important}
      .setupPiecePickerPanel{width:min(94vw,94vw)!important}
      .setupPieceOptionGrid{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))!important}
    }
    @media(max-width:760px){
      #deckBoardModal .deckBoardPanel{width:min(98vw,98vw)!important}
      .setupBoard3dLabels.top{display:none!important}
      .setupBoard3dWrap{padding:14px!important}
      .setupBoard3d{gap:8px!important;grid-template-columns:repeat(4,minmax(58px,1fr))!important}
      .setupCell3d{min-height:96px!important}
      .setupCoord{font-size:10px!important;padding:3px 6px!important}
      .setupPiece3d .glyph,.setupEmpty3d .plus{font-size:28px!important}
      .setupPiece3d strong{font-size:10px!important;max-width:62px!important}
    }


    /* v3.9.2FW - preview real 3D do tabuleiro inicial */
    #deckBoardModal .deckBoardPanel{width:min(1180px,96vw)!important}
    #deckBoardModal .deckBoardPopupBody{display:block!important;padding:4px 10px 14px!important;background:none!important}
    .deckBoard3dStage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 8px;text-align:center}
    .deckBoard3dTitle{font-family:"MenuMedieval", Georgia, serif;font-size:24px;font-weight:900;color:#f4dfab;letter-spacing:.03em}
    .deckBoard3dSub,.deckBoard3dLegend{font-size:13px;line-height:1.45;color:#d1e2d5;max-width:920px}
    .deckBoard3dViewportWrap{width:min(980px,100%);height:min(68vh,620px);min-height:420px;border-radius:28px;padding:18px;background:radial-gradient(circle at top, rgba(18,42,33,.96), rgba(6,16,13,.99) 68%);box-shadow:inset 0 0 0 1px rgba(246,224,166,.08),0 22px 56px rgba(0,0,0,.35)}
    .deckBoard3dViewport{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(circle at center, rgba(16,38,30,.72), rgba(8,20,16,1) 74%)}
    .deckBoard3dCanvas{width:100%!important;height:100%!important;display:block!important}
    @media(max-width:900px){
      .deckBoard3dViewportWrap{height:min(56vh,480px)!important;min-height:320px!important;padding:12px!important}
      .deckBoard3dTitle{font-size:20px!important}
    }


    /* v3.9.2FY - polimento UX do preview 3D do tabuleiro */
    .deckBoardLoadingOverlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(5,10,9,.58);backdrop-filter:blur(4px)}
    .deckBoardLoadingOverlay.hidden{display:none!important}
    .deckBoardLoadingCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:320px;padding:24px 26px;border-radius:20px;background:linear-gradient(180deg,rgba(13,22,18,.98),rgba(6,13,10,.98));border:1px solid rgba(255,227,159,.12);box-shadow:0 16px 40px rgba(0,0,0,.34);text-align:center;color:#f6e7bf}
    .deckBoardLoadingCard strong{font-family:"MenuMedieval", Georgia, serif;font-size:24px;letter-spacing:.03em}
    .deckBoardLoadingCard span{font-size:12px;color:#d5dfd4;line-height:1.4;max-width:320px}
    .deckBoardLoadingSpinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,226,154,.14);border-top-color:#f4de9a;animation:deckBoardSpin .75s linear infinite}
    @keyframes deckBoardSpin{to{transform:rotate(360deg)}}
    #deckBoardModal .deckBoardPanel{position:relative;overflow:hidden;border-radius:28px!important;background:linear-gradient(180deg,rgba(15,28,22,.98),rgba(6,15,12,.99))!important;box-shadow:0 28px 70px rgba(0,0,0,.38)!important}
    #deckBoardModal .deckBoardHeader{padding-bottom:10px;border-bottom:1px solid rgba(255,228,169,.08)}
    #deckBoardModal .deckBoardHeader h2{font-size:34px;letter-spacing:.03em}
    #deckBoardModal .deckBoardHeader .sub{font-size:13px;color:#d3e2d5}
    .deckBoard3dTitle{font-size:26px!important;color:#f4dfa7!important}
    .deckBoard3dSub,.deckBoard3dLegend{font-size:13px!important;max-width:900px!important;color:#d5dfd4!important}
    .deckBoard3dViewportWrap{width:min(1040px,100%)!important;height:min(72vh,640px)!important;min-height:460px!important;border-radius:30px!important;padding:16px!important;background:radial-gradient(circle at top, rgba(16,40,31,.98), rgba(8,18,15,.995) 68%)!important;box-shadow:inset 0 0 0 1px rgba(255,226,154,.08),0 20px 50px rgba(0,0,0,.28)!important}
    .deckBoard3dViewport{background:radial-gradient(circle at 50% 40%, rgba(17,38,31,.86), rgba(7,16,13,1) 76%)!important}
    .setupPiecePickerPanel{width:min(1160px,96vw)!important;max-height:min(90vh,760px)!important;overflow:hidden!important;padding:18px 18px 14px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(13,22,18,.985),rgba(6,13,10,.99))!important;box-shadow:0 24px 64px rgba(0,0,0,.36)!important}
    .setupPiecePickerHeader{align-items:center!important;padding-bottom:8px;border-bottom:1px solid rgba(255,227,159,.08)}
    .setupPiecePickerHeader h3{font-size:30px!important;color:#f4dfa7!important}
    .setupPiecePickerHeader .sub{font-size:13px!important;color:#d5dfd4!important}
    .setupPiecePickerList{gap:10px!important;overflow:hidden!important;padding-right:0!important}
    .setupPickerRuleBar{font-size:12px;line-height:1.35;color:#cdddce;text-align:center;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,226,154,.06)}
    .setupPieceOptionGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
    .setupPieceOption{min-height:194px!important;padding:10px 8px!important;border-radius:16px!important;justify-content:flex-start!important}
    .setupPieceOption .cardPreview{height:88px!important;border-radius:12px!important}
    .setupPieceOption strong{font-size:12px!important;min-height:30px!important;display:grid;place-items:center}
    .setupPieceOption small{font-size:10px!important;min-height:24px!important}
    .setupPieceOption .qty{font-size:10px!important}
    .setupPiecePickerFooter{margin-top:2px!important;justify-content:center!important}
    .setupRemoveBtn{min-height:44px!important;padding:10px 18px!important;border-radius:12px!important}
    .setupPickerGhostNote{font-size:12px!important}
    @media(max-width:1080px){
      .setupPieceOptionGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
      .deckBoard3dViewportWrap{height:min(60vh,520px)!important;min-height:360px!important}
    }
    @media(max-width:760px){
      .setupPieceOptionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
      .setupPiecePickerPanel{max-height:90vh!important;overflow:auto!important}
      .setupPiecePickerList{overflow:auto!important}
      .deckBoard3dViewportWrap{height:min(50vh,420px)!important;min-height:300px!important}
      .deckBoard3dTitle{font-size:22px!important}
    }


    /* v3.9.2FZ - layout final do tabuleiro inicial */
    #deckBoardModal .deckBoardHeader{display:none!important}
    #deckBoardModal .deckBoardPanel{width:min(1240px,96vw)!important;height:min(92vh,860px)!important;max-height:min(92vh,860px)!important;padding:18px 18px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}
    #deckBoardModal .deckBoardPopupBody{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;padding:0!important;overflow:hidden!important;min-height:0!important}
    .deckBoard3dStage{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:2px 0!important}
    .deckBoard3dHero{font-family:"MenuMedieval", Georgia, serif;font-size:36px;font-weight:900;letter-spacing:.03em;color:#f4dfa7;text-align:center;line-height:1.05;margin-bottom:2px}
    .deckBoard3dViewportWrap{width:min(1060px,100%)!important;height:min(64vh,590px)!important;min-height:420px!important;flex:0 0 auto!important;border-radius:32px!important;padding:16px!important;background:radial-gradient(circle at top, rgba(18,44,34,.98), rgba(8,18,15,1) 70%)!important;box-shadow:inset 0 0 0 1px rgba(255,226,154,.08),0 22px 50px rgba(0,0,0,.32)!important}
    .deckBoard3dViewport{border-radius:24px!important;background:radial-gradient(circle at 50% 44%, rgba(16,36,30,.88), rgba(7,15,13,1) 76%)!important}
    .deckBoard3dBottomLine{width:min(1060px,100%)!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:18px!important;margin-top:2px}
    .deckBoardHint{justify-self:center;font-size:16px;font-weight:800;letter-spacing:.01em;color:#f1e5c1;text-align:center}
    .deckBoardCounter{display:flex;align-items:center;gap:8px;justify-self:end;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,225,154,.10);color:#f4e2ac}
    .deckBoardCounter .pawn{font-size:18px;line-height:1}
    .deckBoardCounter strong{font-size:20px;letter-spacing:.02em}
    .deckBoardReadyBtn{min-width:220px!important;min-height:54px!important;padding:12px 28px!important;font-size:22px!important;font-weight:1000!important;border-radius:16px!important;margin-top:2px!important}
    .deckBoardLoadingOverlay{border-radius:28px!important}
    .deckBoardLoadingCard{min-width:360px!important;padding:26px 30px!important}
    .setupPiecePickerPanel{width:min(1220px,97vw)!important;max-height:min(92vh,800px)!important;padding:22px 22px 16px!important}
    .setupPiecePickerHeader h3{font-size:34px!important}
    .setupPiecePickerList{gap:12px!important}
    .setupPieceOptionGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
    .setupPieceOption{min-height:202px!important}
    .setupPieceOption .cardPreview{height:92px!important}
    .setupPieceOption strong{font-size:13px!important}
    .setupPieceOption small{font-size:10px!important;min-height:28px!important}
    .setupPieceOption .qty{font-size:10px!important}
    @media(max-width:1100px){
      #deckBoardModal .deckBoardPanel{width:min(98vw,98vw)!important;height:min(94vh,860px)!important}
      .deckBoard3dHero{font-size:30px!important}
      .deckBoard3dViewportWrap{height:min(56vh,500px)!important;min-height:340px!important}
      .setupPieceOptionGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    }
    @media(max-width:760px){
      .deckBoard3dBottomLine{grid-template-columns:1fr!important;gap:8px!important}
      .deckBoardCounter{justify-self:center!important}
      .deckBoardHint{font-size:14px!important}
      .deckBoard3dHero{font-size:26px!important}
      .deckBoard3dViewportWrap{height:min(46vh,380px)!important;min-height:280px!important;padding:10px!important}
      .deckBoardReadyBtn{min-width:180px!important;font-size:18px!important}
      .setupPiecePickerPanel{max-height:94vh!important;overflow:auto!important}
      .setupPieceOptionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    }


    /* v3.9.2GA - centralização e interações do tabuleiro inicial */
    #deckBoardModal .deckBoardPanel{height:min(90vh,820px)!important;max-height:min(90vh,820px)!important;padding:24px 22px 20px!important}
    .deckBoard3dStage{gap:12px!important;text-align:center!important}
    .deckBoard3dHero{font-size:34px!important;line-height:1.12!important;max-width:920px!important;margin:0 auto!important;text-align:center!important}
    .deckBoard3dViewportWrap{height:min(58vh,520px)!important;min-height:400px!important}
    .deckBoard3dBottomLine{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;width:100%!important}
    .deckBoardHint{width:100%!important;justify-self:center!important;text-align:center!important;font-size:16px!important}
    .deckBoardCounter{justify-self:center!important;align-self:center!important;text-align:center!important}
    .deckBoardReadyBtn{margin:0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:240px!important;min-height:56px!important;font-size:22px!important;line-height:1!important}
    .setupPiecePickerPanel{width:min(1260px,97vw)!important;max-height:min(92vh,820px)!important}
    .setupPiecePickerHeader, .setupPiecePickerHeader *{text-align:center!important}
    .setupPiecePickerHeader{justify-content:center!important;position:relative!important}
    .setupPiecePickerHeader button{position:absolute!important;right:0!important;top:0!important}
    @media(max-width:1100px){
      #deckBoardModal .deckBoardPanel{height:min(92vh,840px)!important;padding:18px 16px 16px!important}
      .deckBoard3dHero{font-size:30px!important}
      .deckBoard3dViewportWrap{height:min(52vh,460px)!important;min-height:320px!important}
    }
    @media(max-width:760px){
      .deckBoard3dHero{font-size:24px!important}
      .deckBoardHint{font-size:14px!important}
      .deckBoard3dViewportWrap{height:min(42vh,340px)!important;min-height:250px!important}
      .deckBoardReadyBtn{min-width:180px!important;font-size:18px!important}
    }


    /* v3.9.2GB - corrigir corte, aura visível e travar câmera para drag */
    #deckBoardModal .deckBoardPanel{
      width:min(1240px,96vw)!important;
      height:min(88vh,790px)!important;
      max-height:min(88vh,790px)!important;
      padding:18px 22px 18px!important;
      overflow:hidden!important;
    }
    #deckBoardModal .deckBoardPopupBody{overflow:hidden!important;min-height:0!important;height:100%!important}
    .deckBoard3dStage{gap:8px!important;justify-content:center!important;text-align:center!important;overflow:hidden!important}
    .deckBoard3dHero{font-size:30px!important;line-height:1.08!important;margin:0 auto 4px!important;padding:0!important;text-align:center!important;width:100%!important;max-height:44px!important;overflow:visible!important}
    .deckBoard3dViewportWrap{height:min(52vh,455px)!important;min-height:330px!important;padding:12px!important;margin:0 auto!important;flex:0 0 auto!important}
    .deckBoard3dBottomLine{gap:4px!important;margin:0!important;text-align:center!important}
    .deckBoardHint{text-align:center!important;width:100%!important;font-size:15px!important;line-height:1.15!important;margin:0!important}
    .deckBoardCounter{margin:0 auto!important;justify-content:center!important;padding:6px 13px!important}
    .deckBoardCounter strong{font-size:18px!important;line-height:1!important}
    .deckBoardReadyBtn{min-height:46px!important;min-width:210px!important;font-size:20px!important;margin:4px auto 0!important;padding:8px 22px!important;line-height:1!important;flex:0 0 auto!important}
    .deckBoard3dCanvas{cursor:grab!important;touch-action:none!important}
    .deckBoard3dCanvas:active{cursor:grabbing!important}
    @media(max-width:1100px){
      #deckBoardModal .deckBoardPanel{height:min(90vh,760px)!important;padding:14px!important}
      .deckBoard3dHero{font-size:26px!important;max-height:38px!important}
      .deckBoard3dViewportWrap{height:min(48vh,405px)!important;min-height:290px!important}
      .deckBoardReadyBtn{min-height:44px!important;font-size:18px!important}
    }
    @media(max-width:760px){
      #deckBoardModal .deckBoardPanel{height:min(92vh,700px)!important;padding:12px!important}
      .deckBoard3dHero{font-size:22px!important;max-height:32px!important}
      .deckBoard3dViewportWrap{height:min(42vh,320px)!important;min-height:230px!important;padding:8px!important}
      .deckBoardHint{font-size:13px!important}
      .deckBoardReadyBtn{min-height:42px!important;font-size:17px!important;min-width:170px!important}
    }


    /* v3.9.2GF - escada, hover card e drag ghost */
    .deckBoard3dViewportWrap{position:relative!important;overflow:hidden!important}
    .deckBoardHoverCard{position:absolute;right:18px;top:18px;z-index:3;width:310px;max-width:calc(100% - 36px);padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(8,15,13,.92),rgba(5,11,9,.95));border:1px solid rgba(255,223,153,.10);box-shadow:0 14px 34px rgba(0,0,0,.32);backdrop-filter:blur(4px)}
    .deckBoardHoverCard.hidden{display:none!important}
    .deckBoardHoverInner{display:grid;grid-template-columns:126px 1fr;gap:12px;align-items:start}
    .deckBoardHoverPreview .cardPreview{width:126px!important;min-width:126px!important;max-width:126px!important;margin:0 auto}
    .deckBoardHoverMeta strong{display:block;font-family:"MenuMedieval", Georgia, serif;font-size:24px;line-height:1.05;color:#f4dfa7;margin-bottom:6px}
    .deckBoardHoverStats{font-size:12px;font-weight:800;color:#e9d8aa;margin-bottom:6px}
    .deckBoardHoverDesc{font-size:11px;line-height:1.35;color:#d8dfd6}
    @media(max-width:980px){.deckBoardHoverCard{width:270px}.deckBoardHoverInner{grid-template-columns:110px 1fr}.deckBoardHoverPreview .cardPreview{width:110px!important;min-width:110px!important;max-width:110px!important}}


    /* v3.9.2GG - fundo Black_Sky e ações contextuais no tabuleiro */
    .deckBoard3dViewportWrap{position:relative!important;overflow:hidden!important;background:#05090b!important}
    .deckBoard3dViewport{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35)),url("../Assets/2D assets/Textures/Black_Sky.png")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
    .deckBoardPieceActions{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,10px);pointer-events:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
    .deckBoardPieceActions.hidden{display:none!important}
    .deckBoardActionArrows{display:flex;align-items:center;justify-content:center;gap:66px;margin-bottom:2px}
    .deckBoardActionArrows button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(170,220,255,.34);background:linear-gradient(180deg,rgba(20,43,62,.96),rgba(7,18,30,.96));color:#dff4ff;font-size:20px;font-weight:1000;box-shadow:0 0 18px rgba(95,190,255,.14);cursor:pointer}
    .deckBoardChangeBtn,.deckBoardDeleteBtn{min-width:118px;min-height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.16);font-family:"MenuMedieval",Georgia,serif;font-size:15px;font-weight:1000;letter-spacing:.02em;cursor:pointer;padding:6px 12px;text-align:center;justify-content:center!important}
    .deckBoardChangeBtn{background:linear-gradient(180deg,rgba(39,155,88,.98),rgba(12,88,48,.98));color:#e9ffe9;box-shadow:0 0 18px rgba(90,255,160,.15)}
    .deckBoardDeleteBtn{background:linear-gradient(180deg,rgba(163,45,45,.98),rgba(93,18,18,.98));color:#ffe7e2;box-shadow:0 0 18px rgba(255,82,82,.15)}
    .deckBoardActionArrows button:hover,.deckBoardChangeBtn:hover,.deckBoardDeleteBtn:hover{transform:translateY(-1px);filter:brightness(1.12)}
    .deckBoardHint{max-width:850px!important;line-height:1.25!important}
    @media(max-width:760px){.deckBoardActionArrows{gap:42px}.deckBoardActionArrows button{width:36px;height:36px}.deckBoardChangeBtn,.deckBoardDeleteBtn{min-width:104px;font-size:13px}}


    /* v3.9.2GH - ajustes visuais dos controles e cena */
    .deckBoard3dViewportWrap{background:#020305!important}
    .deckBoard3dViewport{background-image:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.84)),url("../Assets/2D assets/Textures/Black_Sky.png")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
    .deckBoardPieceActions{gap:4px!important;transform:translate(-50%,12px)!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.52))!important}
    .deckBoardActionArrows{gap:46px!important;margin-bottom:0!important}
    .deckBoardActionArrows button{width:30px!important;height:30px!important;border-radius:4px!important;border:1px solid rgba(255,210,125,.28)!important;background:linear-gradient(180deg,rgba(30,27,20,.96),rgba(6,6,7,.98))!important;color:#ffe2a1!important;font-size:15px!important;box-shadow:inset 0 1px 0 rgba(255,236,170,.06),0 6px 14px rgba(0,0,0,.34)!important}
    .deckBoardChangeBtn,.deckBoardDeleteBtn{min-width:92px!important;min-height:26px!important;border-radius:4px!important;border:1px solid rgba(255,210,125,.24)!important;font-size:11px!important;letter-spacing:.05em!important;padding:4px 8px!important;background:linear-gradient(180deg,rgba(30,27,20,.96),rgba(6,6,7,.98))!important;color:#ffe2a1!important;box-shadow:inset 0 1px 0 rgba(255,236,170,.06),0 6px 14px rgba(0,0,0,.34)!important;text-transform:uppercase!important}
    .deckBoardChangeBtn{border-color:rgba(109,207,74,.44)!important;color:#caffb8!important}
    .deckBoardDeleteBtn{border-color:rgba(255,97,97,.46)!important;color:#ffc4b9!important}
    .deckBoardActionArrows button:hover,.deckBoardChangeBtn:hover,.deckBoardDeleteBtn:hover{filter:brightness(1.12)!important;transform:translateY(-1px)!important}
    @media(max-width:760px){.deckBoardActionArrows{gap:34px!important}.deckBoardActionArrows button{width:28px!important;height:28px!important}.deckBoardChangeBtn,.deckBoardDeleteBtn{min-width:84px!important;font-size:10px!important}}


    /* v3.9.2GK - background do popup, halo suave e botão pronto */
    #deckBoardModal .deckBoardPanel{
      background-image:
        linear-gradient(180deg, rgba(5,11,10,.68), rgba(5,11,10,.82)),
        var(--deck-board-popup-bg, none),
        url("../Assets/Img/Huds/Board/Board_Background.png"),
        url("../Assets/Img/Huds/Board%20Board_Background.png"),
        url("../Assets/Img/Huds/Board Board_Background.png"),
        url("../Assets/Img/Huds/Board_Background.png") !important;
      background-position:center center,center center,center center,center center,center center,center center!important;
      background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
      background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
      background-blend-mode:multiply,normal,normal,normal,normal,normal!important;
      background-color:rgba(5,11,10,.92)!important;
      border-radius:28px!important;
      overflow:hidden!important;
    }
    #deckBoardModal .deckBoardPopupBody,
    #deckBoardModal .deckBoard3dStage,
    #deckBoardModal .deckBoard3dBottomLine,
    #deckBoardModal .deckBoard3dHero{
      position:relative;
      z-index:1;
    }
    .deckBoardReadyBtn{
      background:linear-gradient(180deg,#4dcf72 0%, #2f9b52 100%) !important;
      color:#f6fff2 !important;
      border:1px solid rgba(203,255,205,.34)!important;
      border-radius:999px!important;
      box-shadow:0 10px 24px rgba(18,77,37,.32), inset 0 1px 0 rgba(255,255,255,.22)!important;
      min-width:200px!important;
      padding:12px 30px!important;
    }
    .deckBoardReadyBtn:hover{
      filter:brightness(1.04);
      transform:translateY(-1px);
    }


    /* v3.9.2GM - Encantamento polish */
    #openEnchantFromCollectionBtn,
    #collectionEnchantBtn,
    [data-enchant-card]{
      position:relative!important;
      overflow:hidden!important;
      background:linear-gradient(180deg,#9a54ff 0%,#6d27d9 52%,#47148f 100%)!important;
      border:1px solid rgba(235,211,255,.42)!important;
      color:#fff7ff!important;
      box-shadow:0 10px 26px rgba(104,39,210,.34), inset 0 1px 0 rgba(255,255,255,.22)!important;
      text-shadow:0 1px 3px rgba(0,0,0,.45)!important;
    }
    #openEnchantFromCollectionBtn::after,
    #collectionEnchantBtn::after,
    [data-enchant-card]::after{
      content:"";
      position:absolute;
      inset:-35% auto -35% -55%;
      width:42%;
      transform:skewX(-22deg);
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
      opacity:.72;
      animation:enchantButtonReflection 2.7s ease-in-out infinite;
      pointer-events:none;
    }
    @keyframes enchantButtonReflection{
      0%{left:-55%;opacity:0}
      18%{opacity:.82}
      46%{left:120%;opacity:0}
      100%{left:120%;opacity:0}
    }
    .cardEnchantScreen{padding:10px 14px!important;align-items:center!important;justify-content:center!important;gap:0!important}
    .enchantHudScale{width:min(133.333vw,1520px);height:min(133.333vh,1040px);transform:scale(.75);transform-origin:center;display:flex;flex-direction:column;gap:12px;max-width:1520px;max-height:1040px}
    .enchantTopbar{grid-template-columns:150px minmax(0,1fr) 170px!important;padding:9px 12px!important;border-radius:14px!important;min-height:64px!important}.enchantTopbar h2{font-size:27px!important}.enchantTopbar .sub{font-size:12px!important}.enchantCurrency{font-size:17px!important}.rewriteCurrency{font-size:13px!important}
    .enchantStage{grid-template-columns:70px minmax(0,500px) 70px!important;gap:18px!important;flex:1 1 auto!important;min-height:0!important;place-content:center!important}.enchantStage>button{height:68px!important;width:68px!important;font-size:40px!important;border-radius:50%!important}
    .enchantCenter{position:relative!important;isolation:isolate!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:10px 18px 12px!important;gap:7px!important}.enchantCenter::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-55%);background:radial-gradient(circle,rgba(190,88,255,.35) 0%,rgba(99,40,210,.22) 31%,rgba(34,255,188,.09) 48%,transparent 70%);filter:blur(10px);animation:enchantAuraPulse 2.8s ease-in-out infinite}.enchantCenter::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-58%);background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.72) 0 2px,transparent 3px),radial-gradient(circle at 78% 36%,rgba(221,171,255,.72) 0 2px,transparent 3px),radial-gradient(circle at 42% 16%,rgba(139,255,220,.65) 0 1.5px,transparent 3px),radial-gradient(circle at 60% 78%,rgba(255,231,145,.55) 0 1.5px,transparent 3px);background-size:130px 130px,160px 160px,110px 110px,150px 150px;opacity:.75;animation:enchantParticlesDrift 5.2s linear infinite;pointer-events:none}.enchantCardAura{position:relative;display:grid;place-items:center;padding:8px}.enchantCardAura::before{content:"";position:absolute;inset:10px 22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(145,78,255,.12));filter:blur(12px);opacity:.72}#enchantSelectedPreview{position:relative;z-index:1;filter:drop-shadow(0 14px 28px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(168,90,255,.28))}#enchantSelectedPreview .cardPreview{width:230px!important;height:306px!important;border-radius:20px!important}.enchantCenter h3{font-size:25px!important;line-height:1.05!important}.enchantLevel{font-size:16px!important}.enchantCenter p{font-size:13px!important;max-width:460px!important;line-height:1.35!important;margin:0!important}.enchantCenter .rankProgressBar.big{width:min(460px,92%)!important;height:13px!important}.enchantCenter small{font-size:12px!important}
    @keyframes enchantAuraPulse{0%,100%{opacity:.72;transform:translate(-50%,-55%) scale(.98)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.04)}}
    @keyframes enchantParticlesDrift{0%{background-position:0 0,0 0,0 0,0 0}100%{background-position:130px -130px,-160px 160px,110px -110px,-150px 150px}}
    .enchantGemControls{gap:8px!important}.enchantGemControls button{height:42px!important;border-radius:12px!important}.enchantGemControls .gemStepBig{min-width:70px!important;font-size:18px!important;font-weight:1000!important}.enchantGemControls .gemStepSmall{min-width:44px!important;width:44px!important;font-size:24px!important;font-weight:1000!important}.enchantGemInputWrap{height:42px;min-width:120px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(196,255,224,.24);border-radius:12px;background:rgba(0,0,0,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.enchantGemInputWrap input{width:72px;border:0;outline:0;background:transparent;color:#d1ffe3;font-size:20px;font-weight:1000;text-align:center;font-family:inherit}.enchantGemInputWrap input::-webkit-outer-spin-button,.enchantGemInputWrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.enchantGemInputWrap input[type=number]{-moz-appearance:textfield}.enchantGemControls #enchantApplyBtn{min-width:126px!important;background:linear-gradient(180deg,#55ff98,#159d54)!important;color:#052413!important;font-weight:1000!important}.rewritePanel{margin-top:7px!important;padding:8px 10px!important;border-radius:12px!important}.rewritePanel button{min-width:110px!important;min-height:36px!important}
    .enchantCarousel{gap:14px!important;padding:10px 6px 4px!important}.enchantCardMini{flex:0 0 152px!important;min-height:202px!important;padding:10px!important;border-radius:16px!important}.enchantCardMini .cardPreview{width:118px!important;height:148px!important;border-radius:14px!important}.enchantCardMini span{font-size:12px!important;line-height:1.2!important;text-align:center!important}.enchantCardMini.active{box-shadow:0 0 0 2px rgba(171,93,255,.32),0 0 26px rgba(171,93,255,.18)!important;border-color:rgba(205,170,255,.86)!important}
    @media(max-width:900px){.enchantHudScale{transform:scale(.82);width:122vw;height:122vh}.enchantStage{grid-template-columns:52px minmax(0,1fr) 52px!important}.enchantStage>button{width:52px!important;height:52px!important}.enchantCardMini{flex-basis:132px!important}.enchantCardMini .cardPreview{width:104px!important;height:132px!important}}


    /* v3.9.2GN - encantamento paginado e fluxo dos botões do deck */
    .enchantCarouselPager{display:grid!important;grid-template-columns:54px minmax(0,1fr) 54px!important;align-items:center!important;gap:12px!important;width:min(980px,92vw)!important;margin:0 auto!important;padding:8px 0 0!important}
    .enchantCarouselPager>button{height:58px!important;width:54px!important;border-radius:16px!important;font-size:34px!important;font-weight:1000!important;background:linear-gradient(180deg,rgba(48,28,76,.95),rgba(16,11,28,.98))!important;color:#f2dcff!important;border:1px solid rgba(209,162,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.28)!important}
    .enchantCarouselPager>button:disabled{opacity:.35!important;filter:grayscale(.25)!important}
    .enchantCarousel{display:grid!important;grid-template-columns:repeat(5, minmax(128px, 1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important;align-items:stretch!important}
    .enchantCardMini{width:100%!important;min-height:214px!important;flex:initial!important;cursor:pointer!important}
    .enchantCardMini .cardPreview{width:124px!important;height:156px!important}
    .enchantCarouselPageLabel{text-align:center;color:#d6c4ff;font-size:12px;font-weight:900;letter-spacing:.06em;margin-top:4px;text-transform:uppercase;opacity:.9}
    #resetDeckBtn{display:none!important}
    @media(max-width:900px){.enchantCarouselPager{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important}.enchantCarousel{grid-template-columns:repeat(5,minmax(92px,1fr))!important;gap:8px!important}.enchantCardMini{min-height:174px!important;padding:7px!important}.enchantCardMini .cardPreview{width:92px!important;height:118px!important}.enchantCardMini span{font-size:10px!important}.enchantCarouselPager>button{width:42px!important;height:48px!important;font-size:28px!important}}

    /* v3.9.2GZ - animações de evolução/ascensão no encantamento */
    .enchantCardAura{position:relative;overflow:visible}
    #enchantSelectedPreview{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}
    #enchantSelectedPreview .cardPreview{transition:filter .22s ease, transform .22s ease, box-shadow .22s ease;will-change:transform,filter}
    .enchantLevelUpBurst{position:absolute;top:8px;right:10px;width:72px;height:72px;object-fit:contain;opacity:0;transform:translate(26%,-20%) scale(.55);pointer-events:none;z-index:4;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28)) drop-shadow(0 0 16px rgba(255,233,130,.35))}
    .enchantLevelUpBurst.hidden{display:none!important}
    #enchantSelectedPreview.enchantLevelUpFx .enchantLevelUpBurst{opacity:1;animation:enchantLevelUpBurstBounce .9s cubic-bezier(.2,.8,.2,1) both}
    #enchantSelectedPreview.enchantLevelUpFx .cardPreview{animation:enchantLevelUpCardPop .65s cubic-bezier(.2,.78,.2,1) both}
    #enchantSelectedPreview.enchantAscendFx::after{content:'';position:absolute;inset:-10px;background:radial-gradient(circle at 50% 48%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.76) 18%, rgba(255,255,255,.18) 45%, rgba(255,255,255,0) 72%);mix-blend-mode:screen;pointer-events:none;animation:enchantAscendFlash 1s ease both;z-index:3}
    #enchantSelectedPreview.enchantAscendFx .cardPreview{animation:enchantAscendCardShake 1s ease both;filter:brightness(2.2) saturate(.08) contrast(1.12) drop-shadow(0 0 18px rgba(255,255,255,.66))}
    @keyframes enchantLevelUpBurstBounce{0%{opacity:0;transform:translate(34%,-22%) scale(.35)}22%{opacity:1;transform:translate(8%,-12%) scale(1.08)}42%{transform:translate(12%,-14%) scale(.92)}62%{transform:translate(10%,-13%) scale(1.02)}100%{opacity:1;transform:translate(10%,-12%) scale(.96)}}
    @keyframes enchantLevelUpCardPop{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
    @keyframes enchantAscendFlash{0%{opacity:0}18%{opacity:1}72%{opacity:.46}100%{opacity:0}}
    @keyframes enchantAscendCardShake{0%{transform:translate3d(0,0,0) scale(1);filter:brightness(1) saturate(1)}10%{transform:translate3d(-1px,0,0) scale(1.02)}18%{transform:translate3d(2px,-1px,0) scale(1.03)}26%{transform:translate3d(-2px,1px,0) scale(1.035)}34%{transform:translate3d(2px,0,0) scale(1.042)}42%{transform:translate3d(-2px,-1px,0) scale(1.05)}55%{transform:translate3d(1px,1px,0) scale(1.04)}70%{transform:translate3d(-1px,0,0) scale(1.02)}100%{transform:translate3d(0,0,0) scale(1);filter:brightness(1) saturate(1)}}

    .fragmentCurrencyIcon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff9c8,#9b6cff 48%,#321a64 100%);color:#fff;font-weight:1000;font-size:13px;box-shadow:0 0 12px rgba(168,108,255,.34),inset 0 1px 0 rgba(255,255,255,.45)}
    .fragmentCurrencyIcon.tiny{width:18px;height:18px;font-size:11px}.enchantCostHint{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:#f2db9c;font-size:12px;font-weight:900}.enchantApplyMode{display:block;color:#a8ffd2;font-size:12px;font-weight:900;margin-top:-4px}

    /* v3.9.2HC - encantamento level 20, ícone de level-up e custos mais legíveis */
    .enchantCardAura.enchantLevelUpFx .enchantLevelUpBurst{opacity:1;animation:enchantLevelUpBurstBounce .9s cubic-bezier(.2,.8,.2,1) both}
    .enchantCardAura.enchantLevelUpFx #enchantSelectedPreview .cardPreview{animation:enchantLevelUpCardPop .65s cubic-bezier(.2,.78,.2,1) both}
    .enchantCardAura.enchantAscendFx::after{content:'';position:absolute;inset:-10px;background:radial-gradient(circle at 50% 48%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.76) 18%, rgba(255,255,255,.18) 45%, rgba(255,255,255,0) 72%);mix-blend-mode:screen;pointer-events:none;animation:enchantAscendFlash 1s ease both;z-index:3}
    .enchantCardAura.enchantAscendFx #enchantSelectedPreview .cardPreview{animation:enchantAscendCardShake 1s ease both;filter:brightness(2.2) saturate(.08) contrast(1.12) drop-shadow(0 0 18px rgba(255,255,255,.66))}
    #enchantApplyBtn .hudCurrencyIcon.tiny,#enchantApplyBtn .fragmentCurrencyIcon.tiny{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;font-size:24px!important;line-height:26px!important;vertical-align:-7px!important;margin:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
    #enchantApplyBtn{font-size:18px!important;letter-spacing:.04em!important;gap:7px!important;white-space:nowrap!important}

    /* v3.9.2HE - inverter lado do ícone e ascensão central grande */
    .enchantLevelUpBurst{left:10px!important;right:auto!important;transform:translate(-26%,-20%) scale(.55)!important;transform-origin:top left!important}
    .enchantCardAura.enchantLevelUpFx .enchantLevelUpBurst,
    #enchantSelectedPreview.enchantLevelUpFx .enchantLevelUpBurst{opacity:1;animation:enchantLevelUpBurstBounceLeft .9s cubic-bezier(.2,.8,.2,1) both!important}
    .enchantCardAura.enchantAscendFx .enchantLevelUpBurst,
    #enchantSelectedPreview.enchantAscendFx .enchantLevelUpBurst{left:50%!important;top:50%!important;right:auto!important;width:148px!important;height:148px!important;opacity:1!important;z-index:6!important;animation:enchantAscendIconBurst 1s cubic-bezier(.2,.8,.2,1) both!important;filter:drop-shadow(0 0 18px rgba(255,255,255,.72)) drop-shadow(0 0 34px rgba(255,227,124,.48))!important}
    @keyframes enchantLevelUpBurstBounceLeft{0%{opacity:0;transform:translate(-34%,-22%) scale(.35)}22%{opacity:1;transform:translate(-8%,-12%) scale(1.08)}42%{transform:translate(-12%,-14%) scale(.92)}62%{transform:translate(-10%,-13%) scale(1.02)}100%{opacity:1;transform:translate(-10%,-12%) scale(.96)}}
    @keyframes enchantAscendIconBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(2deg)}34%{transform:translate(-50%,-50%) scale(.98) rotate(-2deg)}52%{transform:translate(-50%,-50%) scale(1.08) rotate(1deg)}72%{transform:translate(-50%,-50%) scale(1.02) rotate(0deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}

    /* v3.9.2HJ - status atuais sobre a carta no encantamento */
    .enchantHeroRow{display:grid;grid-template-columns:minmax(220px,240px);align-items:center;gap:0;width:100%;justify-content:center}
    .enchantCardAura{position:relative}
    .enchantCardStatOverlay{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:86%;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(5,12,20,.88),rgba(8,16,26,.75));border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(4px);z-index:3;pointer-events:none}
    .enchantCardStatOverlay .overlayTitle{font-size:12px;font-weight:1000;letter-spacing:.08em;color:#fff2bc;text-align:center;text-transform:uppercase;margin-bottom:6px}
    .enchantCardStatOverlay .overlayRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:13px;min-height:20px}
    .enchantCardStatOverlay .overlayRow .label{color:#b6d4ff;font-weight:900;text-align:left}
    .enchantCardStatOverlay .overlayRow .value{color:#ffffff;font-weight:1000;text-align:right}
    @media(max-width:900px){.enchantHeroRow{grid-template-columns:1fr;justify-items:center}.enchantCardStatOverlay{width:88%}}

    /* v3.9.2HK - limpar infos redundantes no card central do encantamento */
    #enchantSelectedPreview .cardPreview .miniStats{display:none!important}

    /* v3.9.2HM - resumo de partida animado */
    .rewardCardEnhanced{position:relative;overflow:hidden;max-width:min(760px,94vw)!important;background:radial-gradient(circle at 50% 0%,rgba(255,220,125,.13),transparent 42%),radial-gradient(circle at 12% 18%,rgba(86,255,160,.09),transparent 36%),rgba(8,10,18,.94)!important}
    .rewardGridEnhanced{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
    .rewardAnimatedStat{position:relative;overflow:hidden;text-align:center;min-height:82px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-radius:14px!important}
    .rewardAnimatedStat::before{content:'';position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12),transparent 65%);transform:translateX(-70%) rotate(12deg);animation:rewardStatShine 2.8s ease-in-out infinite;pointer-events:none}
    .rewardAnimatedStat span{display:block;position:relative;z-index:1;color:#cbd9ef;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900;margin-bottom:4px}
    .rewardAnimatedStat strong{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:center;gap:6px;font-size:24px!important;white-space:nowrap}
    .rewardAnimatedStat .hudCurrencyIcon.tiny,.rewardAnimatedStat .fragmentCurrencyIcon.tiny{width:26px!important;height:26px!important;min-width:26px!important;font-size:22px!important}
    .rewardAccountXpCard{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin:14px 0 16px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,216,130,.18);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
    .rewardAccountAvatar{width:70px;height:70px;display:grid;place-items:center}.rewardAccountAvatar .avatarFrame{width:70px!important;height:70px!important}.rewardAccountAvatar .avatarFrame__icon,.rewardAccountAvatar .avatarFrame__ring{max-width:70px!important;max-height:70px!important}
    .rewardAccountXpTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.rewardAccountXpTop b{color:#ffe4a6;font-size:20px;letter-spacing:.08em}.rewardAccountXpTop span{color:#b9c8e8;font-size:12px;font-weight:900}
    .rewardAccountSlider{height:16px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 6px rgba(0,0,0,.32)}
    .rewardAccountSlider span{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#57ff9b,#ffe16d);box-shadow:0 0 18px rgba(87,255,155,.35);transition:width .08s linear}
    .rewardLevelFlash{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(255,236,150,.72) 19%,rgba(255,236,150,.18) 42%,transparent 70%);color:#3b2100;font-size:54px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,255,255,.55),0 0 22px rgba(255,255,255,.9);pointer-events:none;animation:rewardLevelFlash .95s ease both}.rewardLevelFlash.hidden{display:none!important}
    @keyframes rewardStatShine{0%,62%{transform:translateX(-80%) rotate(12deg)}100%{transform:translateX(80%) rotate(12deg)}}
    @keyframes rewardLevelFlash{0%{opacity:0;transform:scale(.75)}18%{opacity:1;transform:scale(1.05)}60%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
    @media(max-width:760px){.rewardGridEnhanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rewardAccountXpCard{grid-template-columns:60px 1fr}.rewardAccountAvatar{width:56px;height:56px}.rewardAccountAvatar .avatarFrame{width:56px!important;height:56px!important}.rewardLevelFlash{font-size:34px}}

    /* v3.9.2HN - botão visível no resumo + fragmentos no topo do encantamento */
    #rewardOverlay .rewardActions{position:sticky!important;bottom:-1px!important;z-index:12!important;justify-content:center!important;margin:18px -10px -12px!important;padding:12px 10px 10px!important;background:linear-gradient(180deg,rgba(8,10,18,0),rgba(8,10,18,.96) 38%,rgba(8,10,18,.98))!important;backdrop-filter:blur(6px)!important}
    #rewardBackMenuBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:220px!important;min-height:46px!important;font-size:15px!important;font-weight:1000!important;letter-spacing:.08em!important;text-transform:uppercase!important;pointer-events:auto!important;opacity:1!important}
    .enchantFragmentCurrencyTop{color:#f4ddff!important;text-shadow:0 0 12px rgba(169,108,255,.24)}
    .enchantFragmentCurrencyTop .fragmentCurrencyIcon{width:22px!important;height:22px!important;font-size:13px!important}

    /* v3.9.2HO - resumo ranqueado no fim da partida */
    .rewardRankSummary{margin:12px 0 14px!important;padding:14px 16px!important;border:1px solid rgba(255,216,130,.30)!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0%,rgba(255,216,130,.16),transparent 62%),linear-gradient(180deg,rgba(24,20,42,.92),rgba(7,9,18,.92))!important;box-shadow:0 18px 52px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important}
    .rewardRankSummary.hidden{display:none!important}
    .rewardRankHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;text-transform:uppercase!important;letter-spacing:.1em!important}
    .rewardRankHeader span{color:#8ee7ff!important;font-size:11px!important;font-weight:1000!important}.rewardRankHeader b{color:#ffe4a6!important;font-size:12px!important;font-weight:1000!important;text-align:right!important}
    .rewardRankMain{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}.rewardRankIconWrap{display:grid!important;place-items:center!important}
    #rewardRankBox #rewardRankIcon.rankIconMini{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;max-height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.07)!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 12px 32px rgba(0,0,0,.34)!important}
    #rewardRankBox #rewardRankIcon img{max-width:58px!important;max-height:58px!important;width:100%!important;height:100%!important;object-fit:contain!important}
    .rewardRankInfo{display:grid!important;gap:5px!important;min-width:0!important}.rewardRankChange{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;color:#d7e6ff!important;font-size:13px!important;font-weight:900!important}.rewardRankChange b{color:#ffe4a6!important}.rewardRankChange span:last-child{color:#fff2bc!important}
    #rewardRankName{display:inline-block!important;color:#ffe4a6!important;font-size:20px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-right:10px!important}#rewardRankDelta{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:4px 10px!important;background:rgba(84,255,160,.14)!important;border:1px solid rgba(84,255,160,.32)!important;color:#74ff9d!important;font-size:14px!important;font-weight:1000!important}#rewardRankDelta.negative{background:rgba(255,92,120,.14)!important;border-color:rgba(255,92,120,.34)!important;color:#ff7e91!important}
    .rewardRankProgress{height:12px!important;margin:12px 0 6px!important;border-radius:999px!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important}.rewardRankProgress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#8ee7ff,#ffe4a6)!important;box-shadow:0 0 18px rgba(255,216,130,.25)!important;transition:width .8s cubic-bezier(.2,.8,.2,1)!important}
    #rewardRankText{display:block!important;color:#c8d7f5!important;font-size:12px!important;font-weight:900!important;text-align:center!important}.rewardRankPending{opacity:.88!important;border-color:rgba(142,231,255,.28)!important}

    /* v3.9.2HQ - abas no resumo de partida */
    .rewardTabs{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 10px!important;padding:4px;border:1px solid rgba(255,216,130,.16);border-radius:999px;background:rgba(0,0,0,.22)}
    .rewardTabs button{min-width:132px;height:38px;border-radius:999px!important;border:1px solid transparent!important;background:transparent!important;color:#cbd9ef!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:12px!important;box-shadow:none!important}
    .rewardTabs button.active{background:linear-gradient(180deg,rgba(255,216,130,.28),rgba(255,216,130,.10))!important;border-color:rgba(255,216,130,.42)!important;color:#ffe4a6!important;box-shadow:0 0 18px rgba(255,216,130,.10)!important}
    .rewardTabPanel.hidden{display:none!important}
    .rewardCardsPanel{max-height:270px;overflow:auto;padding:8px 4px 2px;margin-top:4px;border-radius:14px;background:rgba(0,0,0,.12)}
    .rewardCardsPanel .section-title{margin-top:10px!important;color:#ffe4a6!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
    .rewardCardsPanel .section-title:first-child{margin-top:0!important}
    .rewardCardsPanel .rewardList:empty::after{content:'Nenhuma carta nesta categoria.';display:block;color:#b9c8e8;font-size:12px;padding:8px 0;text-align:center;opacity:.85}
    @media(max-width:760px){.rewardTabs{border-radius:16px}.rewardTabs button{min-width:0;flex:1;font-size:11px}.rewardCardsPanel{max-height:220px}}

    /* v3.9.2HR - abas sempre visíveis + slider ranqueado corrigido */
    #rewardOverlay .rewardCardEnhanced{overflow:auto!important;padding-top:18px!important;scroll-padding-top:76px!important}
    #rewardOverlay .rewardTabs{position:sticky!important;top:0!important;z-index:20!important;margin:10px 0 12px!important;background:linear-gradient(180deg,rgba(12,15,26,.98),rgba(8,10,18,.94))!important;box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 0 1px rgba(255,216,130,.14)!important;backdrop-filter:blur(7px)!important}
    #rewardOverlay .rewardTabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;opacity:1!important}
    #rewardRankFill{width:0%}

    /* v3.9.2HS - aba Cartas realmente isola o conteúdo */
    #rewardOverlay[data-active-tab="cards"] .rewardGrid,
    #rewardOverlay[data-active-tab="cards"] #rewardAccountXpCard,
    #rewardOverlay[data-active-tab="cards"] #rewardRankBox,
    #rewardOverlay[data-active-tab="cards"] #rewardSummaryTab{display:none!important}
    #rewardOverlay[data-active-tab="cards"] #rewardCardsTab{display:block!important}
    #rewardOverlay[data-active-tab="summary"] #rewardCardsTab{display:none!important}

  

    /* Bug Fix Pass - perfil, loading seguro e eficiência do deck */
    body.profile-modal-open #friendProfileModal:not(.hidden) #profileAvatarModal:not(.hidden){
      position:absolute!important;
      inset:0!important;
      z-index:2147483003!important;
      display:grid!important;
      place-items:center!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
      background:rgba(0,0,0,.72)!important;
      backdrop-filter:blur(8px) saturate(.78)!important;
    }
    body.profile-modal-open #friendProfileModal:not(.hidden) #profileAvatarModal:not(.hidden) .profileAvatarModalPanel{
      position:relative!important;
      z-index:2147483004!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
    }
    #friendProfileAvatarWrap.isSelfAvatarPicker{cursor:pointer!important;position:relative!important;}
    #friendProfileAvatarWrap.isSelfAvatarPicker::after{
      content:"TROCAR ÍCONE";
      position:absolute;
      left:50%;
      bottom:-8px;
      transform:translateX(-50%);
      padding:3px 8px;
      border-radius:999px;
      background:rgba(0,0,0,.72);
      border:1px solid rgba(255,220,140,.34);
      color:#ffe4a6;
      font-size:10px;
      font-weight:1000;
      letter-spacing:.08em;
      white-space:nowrap;
      pointer-events:none;
    }
    body.battle-loading-active #loadingOverlay{opacity:1!important;pointer-events:auto!important;z-index:2147482000!important;}
    body.battle-loading-active #game canvas{visibility:hidden!important;}
    body.battle-loading-active:not(.menu-open) #hud{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
    #loadingOverlay .loadingAvatar{background:rgba(0,0,0,.22);border-radius:50%;}
    #loadingOverlay .loadingAvatar:empty::before{content:"♙";display:grid;place-items:center;width:100%;height:100%;font-size:44px;color:#ffe4a6;}


/* Crowbound Tatics - Patch 20.4: login splash estável */
body.splash-active #accountPanel{display:none!important}
body.splash-active #bootLoadingOverlay.loginSplashOverlay{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:120!important;
}
body.auth-locked:not(.splash-active) #bootLoadingOverlay.loginSplashOverlay,
body:not(.splash-active) #bootLoadingOverlay.loginSplashOverlay.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#bootLoadingOverlay.loginSplashOverlay{
  position:fixed!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(3,7,17,.42),rgba(2,5,13,.72)),
    url('../Assets/Img/Login/Background_login.png'),
    url('../Assets/Img/Login/Background_login.PNG'),
    url('../Assets/Img/Login/Background_Login.png'),
    url('../Assets/Img/Login/Background_Login.PNG'),
    linear-gradient(180deg,#0a1224,#03050c)!important;
  background-size:cover!important;
  background-position:center!important;
  color:#fff!important;
  transition:opacity .28s ease, visibility .28s ease!important;
}
.loginSplashShade{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 18%,rgba(255,230,178,.08),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.44));
  pointer-events:none;
}
.loginSplashContent{
  position:relative;
  z-index:2;
  width:min(520px,92vw);
  min-height:380px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:center;
  transform:translateY(-2vh);
}
.loginLogoBox{
  position:relative;
  width:min(330px,64vw);
  aspect-ratio:1448 / 1086;
  margin:0 auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.42));
  overflow:visible;
}
.loginLogoBox img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  animation:loginLogoPulse 2.6s ease-in-out infinite;
  transform-origin:center center;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.26));
}
.loginLogoBox::after{display:none!important;content:none!important}
@keyframes loginLogoPulse{
  0%,100%{
    transform:scale(1);
    opacity:.96;
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.26)) brightness(1);
  }
  50%{
    transform:scale(1.022);
    opacity:1;
    filter:drop-shadow(0 14px 28px rgba(0,0,0,.30)) brightness(1.08);
  }
}
.windowsDotLoader{
  position:relative;
  width:96px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.windowsDotLoader span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#3aa9ff;
  box-shadow:0 0 12px rgba(58,169,255,.8);
  transform:translateY(0);
  animation:windowsDotBounce 1.05s ease-in-out infinite;
}
.windowsDotLoader span:nth-child(2){animation-delay:.10s}
.windowsDotLoader span:nth-child(3){animation-delay:.20s}
.windowsDotLoader span:nth-child(4){animation-delay:.30s}
.windowsDotLoader span:nth-child(5){animation-delay:.40s}
@keyframes windowsDotBounce{
  0%,100%{opacity:.34;transform:translateY(0) scale(.82)}
  45%{opacity:1;transform:translateY(-8px) scale(1)}
}
.loginSplashDone{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#eafff2;
  font-size:30px;
  font-weight:1000;
  background:radial-gradient(circle at 50% 35%,#58ff92,#138d47 70%);
  box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 24px rgba(77,255,139,.45);
}
.loginSplashDone.hidden,
.loginSplashActions.hidden{display:none!important}
.loginSplashDetail{
  min-height:24px;
  color:#d9eaff;
  font-weight:900;
  letter-spacing:.04em;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}
#bootLoadingOverlay.loginSplashOverlay .bootLoadingPanel,
#bootLoadingOverlay.loginSplashOverlay .bootLoadingTitle,
#bootLoadingOverlay.loginSplashOverlay .bootLoadingLabel,
#bootLoadingOverlay.loginSplashOverlay .bootLoadingBar{
  display:none!important;
}
#bootLoadingOverlay.loginSplashOverlay #bootLoadingFill{display:none!important}
.loginSplashActions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:4px;
}
.loginSplashActions button{
  min-width:138px;
  padding:13px 22px;
  border-radius:999px;
  border:1px solid rgba(255,235,180,.48);
  font-family:var(--ui-font);
  font-weight:1000;
  letter-spacing:.14em;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.18);
}
.loginSplashPrimary{
  color:#241305;
  background:linear-gradient(180deg,#ffe6a8,#c98b34);
}
.loginSplashSecondary{
  color:#f5e8c8;
  background:linear-gradient(180deg,rgba(30,38,59,.82),rgba(8,13,27,.88));
}
.loginSplashActions button:hover{transform:translateY(-1px);filter:brightness(1.08)}
body.splash-active #mainMenu{display:grid!important;visibility:visible!important;opacity:1!important}

/* Patch 20.5 - mantém background correto quando o formulário de login abre */
body.auth-locked:not(.splash-active) #mainMenu{
  background:
    linear-gradient(180deg,rgba(3,7,17,.50),rgba(2,5,13,.78)),
    url('../Assets/Img/Login/Background_login.png'),
    url('../Assets/Img/Login/Background_login.PNG'),
    url('../Assets/Img/Login/Background_Login.png'),
    url('../Assets/Img/Login/Background_Login.PNG'),
    linear-gradient(180deg,#0a1224,#03050c)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.auth-locked:not(.splash-active) #mainMenu::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  display:block!important;
  background:radial-gradient(circle at 50% 18%,rgba(255,230,178,.08),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34))!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.auth-locked:not(.splash-active) #accountPanel{
  z-index:91!important;
}

@media(max-width:700px){
  .loginLogoBox{width:min(284px,72vw)}
  .loginSplashContent{min-height:340px;transform:translateY(-1vh)}
  .loginSplashActions{flex-direction:column;gap:10px}
  .loginSplashActions button{width:min(260px,82vw)}
}


/* Crowbound — Settings tabs responsive polish */
#menuSettings{
  width:min(1180px, calc(100vw - 36px));
  max-width:1180px;
  margin:0 auto;
  max-height:calc(100vh - 34px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:18px clamp(14px,2vw,24px) 26px!important;
  box-sizing:border-box;
}
#menuSettings .menuTopline{
  position:sticky;
  top:0;
  z-index:4;
  backdrop-filter:blur(10px);
  background:linear-gradient(180deg,rgba(6,12,26,.96),rgba(6,12,26,.78));
  border-radius:16px;
  padding:12px 14px;
  margin:-4px 0 12px;
}
.settingsTabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:min(760px,100%);
  margin:4px auto 14px;
  padding:6px;
  border:1px solid rgba(255,218,140,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,15,33,.82),rgba(5,9,20,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px rgba(0,0,0,.20);
}
.settingsTab{
  min-height:44px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:#cddbf2;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .16s ease, filter .16s ease, border-color .16s ease, background .16s ease;
}
.settingsTab:hover{filter:brightness(1.12);transform:translateY(-1px)}
.settingsTab.active{
  color:#fff3bd;
  border-color:rgba(255,218,140,.44);
  background:linear-gradient(180deg,rgba(103,79,32,.62),rgba(32,44,80,.46));
  box-shadow:0 0 0 1px rgba(255,218,140,.10),0 10px 24px rgba(0,0,0,.20);
}
.settingsTabbedGrid{
  width:100%;
  max-width:980px;
  margin:0 auto;
  display:block!important;
}
.settingsPanelTab{display:none;animation:settingsPanelIn .18s ease-out both}
.settingsPanelTab.active{display:grid;gap:12px}
@keyframes settingsPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#menuSettings .configRow{
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg,rgba(8,15,33,.76),rgba(3,7,16,.82));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05);
}
#menuSettings .configRow.configRowBlock{
  grid-template-columns:minmax(190px,.8fr) minmax(280px,1.2fr);
}
#menuSettings .audioSettingsPanel,
#menuSettings .graphicsSettingsPanel{
  border-radius:14px;
  padding:12px;
}
#menuSettings .audioControl{grid-template-columns:82px minmax(130px,1fr) 44px;gap:10px}
#menuSettings .graphicsControl{grid-template-columns:132px minmax(130px,1fr);gap:10px}
.settingsStatusPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(142,231,255,.30);
  color:#bff1ff;
  background:rgba(77,164,255,.10);
  font-weight:1000;
  white-space:nowrap;
}
body.menu-open:not(.menu-view-main) .globalChatWidget{display:none!important}
body.menu-open.menu-view-main .globalChatWidget{display:block}
body:not(.menu-open) .globalChatWidget{display:block}
@media(max-width:900px){
  #menuSettings{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:12px 10px 22px!important}
  #menuSettings .menuTopline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:0 0 10px;padding:10px}
  #menuSettings .menuTopline h2{font-size:clamp(22px,5vw,32px);margin:0}
  .settingsTabs{grid-template-columns:1fr;gap:7px;width:100%;padding:5px;margin-bottom:10px}
  .settingsTab{min-height:40px;font-size:12px}
  #menuSettings .configRow,
  #menuSettings .configRow.configRowBlock{grid-template-columns:1fr!important;gap:12px;padding:12px}
  #menuSettings .audioControl{grid-template-columns:72px minmax(90px,1fr) 40px}
  #menuSettings .graphicsControl{grid-template-columns:104px minmax(110px,1fr)}
}
@media(max-width:520px){
  #menuSettings .menuTopline{grid-template-columns:1fr}
  #menuSettings .backToMainBtn{width:100%}
  #menuSettings .audioControl{grid-template-columns:1fr;gap:5px}
  #menuSettings .audioControl output{text-align:left}
  #menuSettings .graphicsControl{grid-template-columns:1fr;gap:5px}
  #menuSettings select,#menuSettings button{min-height:42px}
}
body.auth-locked .globalChatWidget,
body:not(.chat-global-ready) .globalChatWidget{display:none!important}

/* Crowbound — Patch 22: opções in-game em popup central */
body.game-options-open:not(.menu-open):not(.auth-locked)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1000005;
  background:rgba(1,4,10,.68);
  backdrop-filter:blur(4px);
  pointer-events:auto;
}
body:not(.menu-open) #gameOptions{
  z-index:1000006!important;
}
body:not(.menu-open) #gameOptions.open{
  inset:0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
}
body:not(.menu-open) #gameOptions.open #gameOptionsBtn{
  position:fixed!important;
  top:18px!important;
  right:14px!important;
  left:auto!important;
  pointer-events:auto!important;
}
body:not(.menu-open) #gameOptions.open #gameOptionsMenu.gameOptionsModal{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:min(860px, calc(100vw - 34px))!important;
  max-width:calc(100vw - 34px)!important;
  max-height:calc(100vh - 44px)!important;
  padding:20px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  border:24px solid transparent!important;
  border-image:var(--window-base-img) 171 fill stretch!important;
  border-radius:0!important;
  background:rgba(6,11,22,.95)!important;
  box-shadow:0 44px 130px rgba(0,0,0,.72), inset 0 0 0 1px rgba(255,229,164,.08)!important;
  backdrop-filter:blur(12px)!important;
}
.gameOptionsScreen{display:none!important}
.gameOptionsScreen.active{display:grid!important;gap:12px!important}
#gameOptionsHome.active{
  width:min(420px, 100%);
  margin:0 auto;
}
#gameOptionsMenu .gameOptionsTitle{
  text-align:center;
  color:#fff0bd!important;
  font-family:"MenuMedieval", Georgia, serif!important;
  font-size:clamp(22px,3vw,34px)!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  margin:0 0 6px!important;
}
#gameOptionsMenu .gameOptionBig{
  width:100%!important;
  min-height:52px!important;
  padding:12px 16px!important;
  border-radius:14px!important;
  text-align:center!important;
  justify-content:center!important;
  font-size:15px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#gameOptionsMenu .gameOptionBig.primary{background:linear-gradient(180deg,#37dd77,#0d7c38)!important;border-color:rgba(117,255,164,.48)!important;color:#04130a!important}
#gameOptionsMenu .gameOptionBig.disabled,
#gameOptionsMenu .gameOptionBig:disabled{opacity:.38!important;filter:saturate(.4)!important;cursor:not-allowed!important}
#gameOptionsMenu .danger,
#gameOptionsMenu .dangerText{color:#ffd7d7!important}
#gameOptionsMenu .gameOptionsHeaderRow{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}
#gameOptionsMenu .gameOptionsHeaderRow button{
  width:auto!important;
  min-height:38px!important;
  padding:8px 12px!important;
  text-align:center!important;
}
#gameSettingsScreen.active{
  width:100%;
  max-height:calc(100vh - 104px);
  overflow:hidden;
}
#gameSettingsScreen .settingsTabs{
  width:min(760px,100%);
  margin:0 auto 10px;
}
#gameSettingsScreen .inGameSettingsGrid{
  width:100%;
  max-width:100%;
  max-height:calc(100vh - 255px);
  overflow:auto;
  padding-right:4px;
  overscroll-behavior:contain;
}
#gameSettingsScreen .configRow{
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg,rgba(8,15,33,.76),rgba(3,7,16,.82));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05);
}
#gameSettingsScreen .graphicsControl.inline{width:min(360px,100%);margin-left:auto}
.surrenderConfirmScreen.active{
  width:min(520px,100%);
  margin:0 auto;
  text-align:center;
}
.surrenderConfirmScreen p{
  margin:0;
  color:#dce7ff;
  line-height:1.45;
  font-weight:700;
}
.surrenderConfirmActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:6px;
}
.surrenderConfirmActions button{
  min-height:48px!important;
  text-align:center!important;
  justify-content:center!important;
}
@media(max-width:760px){
  body:not(.menu-open) #gameOptions.open #gameOptionsMenu.gameOptionsModal{width:calc(100vw - 18px)!important;max-height:calc(100vh - 18px)!important;padding:14px!important;border-width:18px!important}
  #gameOptionsMenu .gameOptionsHeaderRow{grid-template-columns:1fr;gap:8px}
  #gameSettingsScreen .inGameSettingsGrid{max-height:calc(100vh - 290px)}
  .surrenderConfirmActions{grid-template-columns:1fr}
}

/* Crowbound — Patch 22: configurações fora do jogo em tela grande, sem scroll do navegador */
body.menu-open.menu-view-settings:not(.auth-locked){
  overflow:hidden!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #mainMenu,
body.menu-open.menu-view-settings:not(.auth-locked) #menuShell.home,
body.menu-open.menu-view-settings:not(.auth-locked) #menuMain{
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings{
  width:min(1360px, calc(100vw - 24px))!important;
  max-width:1360px!important;
  height:calc(100vh - 20px)!important;
  max-height:calc(100vh - 20px)!important;
  overflow:hidden!important;
  padding:14px clamp(14px,2vw,24px) 18px!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .menuTopline{
  margin:0 0 10px!important;
  padding:10px 14px!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabs{
  margin:0 auto 10px!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabbedGrid{
  max-width:1280px!important;
  max-height:calc(100vh - 184px)!important;
  overflow:auto!important;
  padding-right:6px!important;
  overscroll-behavior:contain!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .configRow{
  padding:12px 14px!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsPanelTab.active{
  gap:10px!important;
}


/* Crowbound — Patch 22.4: configurações sem scroll do navegador + botões in-game no estilo do jogo */
body.menu-open.menu-view-settings:not(.auth-locked),
body.menu-open.menu-view-settings:not(.auth-locked) html{
  overflow:hidden!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #mainMenu,
body.menu-open.menu-view-settings:not(.auth-locked) #menuShell.home,
body.menu-open.menu-view-settings:not(.auth-locked) #menuMain{
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  overflow:hidden!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings{
  position:fixed!important;
  inset:10px!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  align-content:stretch!important;
  padding:14px clamp(14px,2vw,26px) 18px!important;
  box-sizing:border-box!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .menuTopline{
  position:relative!important;
  top:auto!important;
  margin:0 0 10px!important;
  padding:10px 14px!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabs{
  margin:0 auto 10px!important;
  flex:none!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabbedGrid{
  width:100%!important;
  max-width:1420px!important;
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  padding-right:0!important;
  display:block!important;
  align-self:stretch!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsPanelTab.active{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  gap:10px!important;
  align-content:start!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .configRow{
  padding:12px 14px!important;
  min-height:0!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .configRow.configRowBlock{
  grid-template-columns:minmax(220px,.75fr) minmax(380px,1.25fr)!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .audioSettingsPanel,
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .graphicsSettingsPanel{
  display:grid!important;
  gap:8px!important;
  padding:10px!important;
}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .small{line-height:1.28!important}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings h2{font-size:clamp(26px,3vw,42px)!important;margin:0!important}
body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .menuTopline .sub{font-size:13px!important}
#gameOptionsMenu .gameOptionBig,
#gameOptionsMenu .surrenderConfirmActions button,
#gameOptionsMenu .gameOptionsHeaderRow button{
  border-radius:0!important;
  border:14px solid transparent!important;
  border-image:var(--window-base-img) 171 fill stretch!important;
  background:linear-gradient(180deg,rgba(31,45,82,.98),rgba(8,14,31,.98))!important;
  color:#ffe8ad!important;
  text-shadow:0 2px 0 rgba(0,0,0,.48),0 0 12px rgba(255,214,128,.18)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#gameOptionsMenu .gameOptionBig:hover,
#gameOptionsMenu .surrenderConfirmActions button:hover,
#gameOptionsMenu .gameOptionsHeaderRow button:hover{
  filter:brightness(1.14) saturate(1.08)!important;
  transform:translateY(-1px)!important;
}
#gameOptionsMenu .gameOptionBig.primary{
  background:linear-gradient(180deg,rgba(62,98,54,.98),rgba(17,58,31,.98))!important;
  color:#fff1be!important;
}
#gameOptionsMenu .danger{
  background:linear-gradient(180deg,rgba(96,39,43,.98),rgba(42,8,14,.98))!important;
  color:#ffd7d7!important;
}
.deckAdjustHint{display:inline-block;margin-top:4px;color:#ffdca8;font-weight:800;line-height:1.35}
@media(max-width:900px){
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings{inset:6px!important;padding:10px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTab{font-size:10px!important;min-height:38px!important;padding:4px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .configRow.configRowBlock{grid-template-columns:1fr!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .audioControl{grid-template-columns:64px minmax(90px,1fr) 36px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .graphicsControl{grid-template-columns:98px minmax(120px,1fr)!important}
}


/* Crowbound Tatics Patch 23 - Lobby casual/rankeado refinado */
.onlineLobbyScreen{
  position:relative;
  min-height:calc(100vh - 26px);
  padding:0!important;
}
.onlineScreenTopbar{
  position:absolute;
  left:22px;
  top:18px;
  right:22px;
  z-index:4;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  pointer-events:auto;
}
.onlineScreenTopbar h2{
  margin:0;
  color:#ffe6a7;
  font-family:var(--title-font);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 3px 0 rgba(0,0,0,.34),0 0 24px rgba(255,209,122,.14);
}
.onlineScreenTopbar .sub{
  max-width:620px;
  color:#bcd0f6;
  font-size:13px;
  margin-top:4px;
}
.onlineBackBtn{
  min-width:132px;
  padding:10px 14px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,219,140,.28)!important;
  background:linear-gradient(180deg,rgba(38,28,15,.78),rgba(14,10,7,.82))!important;
  color:#ffe8ba!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.onlineLobbyStage.onlineBox{
  width:100%;
  max-width:1180px;
  min-height:calc(100vh - 42px);
  margin:0 auto!important;
  padding:88px 24px 24px;
  display:grid;
  grid-template-rows:auto 1fr auto auto auto;
  align-items:center;
  justify-items:center;
  gap:14px;
}
.onlineLobbyStage .onlineStatus{
  order:4;
  width:min(680px,92vw);
  text-align:center;
  border:0;
  background:transparent;
  padding:0;
  color:#bdd1f4;
  font-size:13px;
  opacity:.86;
}
.onlineLobbyStage .onlineLobby{
  width:min(980px,94vw);
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  display:grid;
  align-items:center;
  gap:18px;
}
.onlineLobbyStage .onlineRoomHeader{display:none!important}
.onlineVsPlayers{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);
  gap:clamp(20px,5vw,74px);
  align-items:center;
  justify-content:center;
  margin:0!important;
  transition:gap .28s ease;
}
.onlineLobby.idle .onlineVsPlayers{
  grid-template-columns:minmax(300px,420px);
}
.onlineLobby.idle #onlineGuestSlot{display:none!important}
.onlineLobby.searching .onlineVsPlayers,
.onlineLobby.matchFound .onlineVsPlayers{
  grid-template-columns:minmax(240px,360px) minmax(240px,360px);
}
.onlineLobbyPlayerSlot.onlinePlayerSlot{
  min-height:330px;
  border:1px solid rgba(255,219,140,.18)!important;
  border-radius:24px!important;
  padding:26px 22px!important;
  text-align:center;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:8px!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,222,151,.11),transparent 48%),
    linear-gradient(180deg,rgba(16,24,52,.70),rgba(6,10,24,.72))!important;
  box-shadow:0 26px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
  opacity:1!important;
  filter:none!important;
}
.onlineLobbyPlayerSlot.compact{
  min-height:300px;
}
.onlineLobbyPlayerSlot.ghost{
  opacity:.82!important;
  filter:saturate(.75)!important;
}
.onlineLobbyAvatarWrap{
  width:156px;
  height:156px;
  display:grid;
  place-items:center;
  margin:0 auto 6px;
}
.onlineLobbyAvatarWrap .avatarFrame{
  width:156px!important;
  height:156px!important;
}
.onlineLobbyAvatarWrap .avatarFrame__icon{
  width:64%!important;
  height:64%!important;
}
.onlineLobbyAvatarWrap .avatarFrame__ring{
  width:100%!important;
  height:100%!important;
}
.onlineLobbyAvatarWrap.opponent{
  opacity:.96;
}
.onlineLobbyUnknownImg,
.onlineRawIcon,
.battleAvatarCpuImg{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));
}
.battleAvatarCpuImg{
  width:70px;
  height:70px;
  margin:auto;
}
.onlineUnknownFallback{
  width:132px;
  height:132px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  color:#cbd7ef;
  font-size:68px;
  background:rgba(255,255,255,.06);
}
.onlineLobbyNick{
  color:#fff2cb;
  font-size:clamp(21px,2.2vw,30px);
  font-weight:1000;
  letter-spacing:.04em;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.onlineLobbyLevel{
  color:#9fd4ff;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.onlineLobbyRank{
  min-height:24px;
  color:#ffd781;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.onlineLobbyRank.casual{color:#bfe2ff}
.onlineLobbyRank.opponent{color:#b7c8ea}
.onlineInvite{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  text-align:center;
  color:#d7e6ff;
}
.onlineLobbyStateText{
  display:grid;
  gap:4px;
  justify-items:center;
}
.onlineLobbyStateText b{
  color:#ffe2a4;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:14px;
}
.onlineLobbyStateText span{
  color:#bcd2fb;
  font-weight:800;
}
.onlineLobbyStateText.match b{color:#8dffbc}
.onlineMainActions.onlineActions,
.onlineSecondaryActions.onlineActions{
  justify-content:center;
}
.onlineMainActions.searching{
  display:grid!important;
  justify-items:center;
  gap:12px;
}
.onlineFindBtn{
  min-width:min(420px,82vw);
  min-height:64px;
  border-radius:18px!important;
  font-size:20px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 28px rgba(255,212,115,.10)!important;
}
.onlineDeckBtn{
  min-width:min(260px,70vw);
  border-radius:14px!important;
  padding:11px 18px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  background:rgba(7,13,30,.58)!important;
  border:1px solid rgba(178,207,255,.20)!important;
  color:#dceaff!important;
}
.onlineCancelSearchBtn{
  border:0!important;
  background:transparent!important;
  color:#bcd2fb!important;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:underline;
  text-underline-offset:4px;
  box-shadow:none!important;
}
.onlineSearchPulse{
  width:62px;
  height:62px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#eafff2 0 14%,#67ff9a 15% 34%,rgba(37,205,92,.26) 35% 64%,rgba(37,205,92,0) 65% 100%);
  border:1px solid rgba(126,255,170,.76);
  box-shadow:0 0 24px rgba(90,255,146,.50),0 0 0 0 rgba(90,255,146,.32);
  animation:onlineGreenSearchPulse 1.25s ease-in-out infinite;
}
@keyframes onlineGreenSearchPulse{
  0%{transform:scale(.88);box-shadow:0 0 20px rgba(90,255,146,.46),0 0 0 0 rgba(90,255,146,.34)}
  70%{transform:scale(1.03);box-shadow:0 0 30px rgba(90,255,146,.58),0 0 0 22px rgba(90,255,146,0)}
  100%{transform:scale(.88);box-shadow:0 0 20px rgba(90,255,146,.46),0 0 0 0 rgba(90,255,146,0)}
}
.onlineCountdown{
  border:0!important;
  background:transparent!important;
  color:#8dffbc!important;
  font-size:18px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  text-align:center;
}
.onlineDeckHint{
  width:min(680px,92vw);
  text-align:center;
  color:#9fb4d8;
  font-size:12px;
}
.rankedLeaderboardBlock{
  width:min(900px,94vw);
  max-height:260px;
  overflow:auto;
  margin-top:4px;
}
@media(max-width:820px){
  .onlineScreenTopbar{position:relative;left:auto;right:auto;top:auto;padding:14px 14px 0;display:grid}
  .onlineLobbyStage.onlineBox{min-height:auto;padding:18px 14px 24px}
  .onlineVsPlayers,
  .onlineLobby.searching .onlineVsPlayers,
  .onlineLobby.matchFound .onlineVsPlayers{grid-template-columns:1fr;gap:14px}
  .onlineLobbyPlayerSlot.onlinePlayerSlot{min-height:250px;padding:20px 14px!important}
  .onlineLobbyAvatarWrap,.onlineLobbyAvatarWrap .avatarFrame{width:122px!important;height:122px!important}
}


/* Crowbound Tatics Patch 23.1 - Lobby online clean/fullscreen */
body.online-lobby-open #menuMain,
body.menu-view-online #menuMain,
body.menu-view-online .menuLeftRail,
body.menu-view-online .menuCenterColumn,
body.menu-view-online .menuRightColumn,
body.menu-view-online .friendsSidebar,
body.menu-view-online .patchNotesDock,
body.menu-view-online .epicPlayWrap,
body.menu-view-online .menuActionStack,
body.menu-view-online .epicBottomArea,
body.menu-view-online #playChoiceModal:not(.hidden){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.menu-open.online-lobby-open #menuShell,
body.menu-open.menu-view-online #menuShell{
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.menu-open.online-lobby-open #menuOnline,
body.menu-open.menu-view-online #menuOnline.onlineLobbyScreen{
  position:fixed!important;
  inset:0!important;
  z-index:90!important;
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(255,220,139,.10),transparent 36%),
    linear-gradient(180deg,rgba(5,9,18,.36),rgba(3,5,12,.76));
}
body.menu-open.menu-view-online #menuOnline.hidden{display:none!important}
body.menu-view-online .onlineScreenTopbar{
  position:fixed!important;
  left:28px!important;
  top:22px!important;
  right:28px!important;
  z-index:96!important;
}
body.menu-view-online .onlineScreenTopbar .sub{display:none!important}
body.menu-view-online .onlineBackBtn{
  background:transparent!important;
  border:1px solid rgba(255,232,174,.30)!important;
  box-shadow:none!important;
}
body.menu-view-online .onlineLobbyStage.onlineBox{
  position:fixed!important;
  inset:0!important;
  z-index:92!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:94px 28px 42px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  justify-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.menu-view-online .onlineLobbyStage .onlineStatus,
body.menu-view-online .onlineDeckHint,
body.menu-view-online .onlineRooms,
body.menu-view-online .rankedLeaderboardBlock,
body.menu-view-online .onlineNickRow,
body.menu-view-online .onlineRoomHeader{
  display:none!important;
}
body.menu-view-online .onlineLobbyStage .onlineLobby{
  width:min(1040px,94vw)!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  gap:12px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.menu-view-online .onlineVsPlayers{
  width:100%!important;
  display:grid!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(34px,8vw,110px)!important;
  margin:0!important;
}
body.menu-view-online .onlineLobby.idle .onlineVsPlayers{
  grid-template-columns:minmax(250px,360px)!important;
}
body.menu-view-online .onlineLobby.searching .onlineVsPlayers,
body.menu-view-online .onlineLobby.matchFound .onlineVsPlayers{
  grid-template-columns:minmax(230px,320px) minmax(230px,320px)!important;
}
body.menu-view-online .onlineLobbyPlayerSlot.onlinePlayerSlot{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:8px!important;
}
body.menu-view-online .onlineLobbyAvatarWrap,
body.menu-view-online .onlineLobbyAvatarWrap .avatarFrame{
  width:clamp(140px,16vw,190px)!important;
  height:clamp(140px,16vw,190px)!important;
}
body.menu-view-online .onlineLobby.searching .onlineLobbyAvatarWrap,
body.menu-view-online .onlineLobby.searching .onlineLobbyAvatarWrap .avatarFrame,
body.menu-view-online .onlineLobby.matchFound .onlineLobbyAvatarWrap,
body.menu-view-online .onlineLobby.matchFound .onlineLobbyAvatarWrap .avatarFrame{
  width:clamp(118px,14vw,168px)!important;
  height:clamp(118px,14vw,168px)!important;
}
body.menu-view-online .onlineLobbyNick{
  font-size:clamp(22px,2.3vw,34px)!important;
}
body.menu-view-online .onlineLobbyLevel,
body.menu-view-online .onlineLobbyRank{
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}
body.menu-view-online .onlineInvite{
  margin-top:10px!important;
  min-height:44px!important;
}
body.menu-view-online .onlineLobbyStateText b{
  font-size:16px!important;
}
body.menu-view-online .onlineLobbyStateText span{
  font-size:13px!important;
}
body.menu-view-online .onlineMainActions.onlineActions,
body.menu-view-online .onlineSecondaryActions.onlineActions{
  width:min(430px,86vw)!important;
  display:grid!important;
  justify-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
body.menu-view-online .onlineMainActions.searching{
  gap:14px!important;
}
body.menu-view-online .onlineFindBtn{
  width:min(410px,86vw)!important;
  min-width:0!important;
  min-height:62px!important;
  border-radius:999px!important;
}
body.menu-view-online .onlineDeckBtn{
  width:min(260px,72vw)!important;
  min-width:0!important;
  border-radius:999px!important;
  background:rgba(5,10,24,.18)!important;
  backdrop-filter:blur(3px);
}
body.menu-view-online .onlineSearchPulse{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(130,255,174,.50)!important;
  background:#49f57f!important;
  box-shadow:0 0 18px rgba(73,245,127,.42)!important;
  animation:onlineCleanGreenPulse 1.1s ease-in-out infinite!important;
}
@keyframes onlineCleanGreenPulse{
  0%,100%{transform:scale(.88);opacity:.65;box-shadow:0 0 12px rgba(73,245,127,.28)}
  50%{transform:scale(1);opacity:1;box-shadow:0 0 24px rgba(73,245,127,.56)}
}
body.menu-view-online .onlineCancelSearchBtn{
  min-width:190px!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,108,108,.58)!important;
  background:linear-gradient(180deg,rgba(170,36,46,.96),rgba(82,13,20,.96))!important;
  color:#fff3f3!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30),0 0 18px rgba(255,55,75,.16)!important;
}
body.menu-view-online .onlineCountdown{
  display:none!important;
}
body.menu-view-online .onlineCountdown:not(.hidden){
  display:block!important;
}
@media(max-width:820px){
  body.menu-view-online .onlineScreenTopbar{left:14px!important;right:14px!important;top:14px!important}
  body.menu-view-online .onlineLobbyStage.onlineBox{padding:82px 16px 24px!important;overflow:auto!important}
  body.menu-view-online .onlineLobby.searching .onlineVsPlayers,
  body.menu-view-online .onlineLobby.matchFound .onlineVsPlayers{grid-template-columns:1fr!important;gap:24px!important}
}


/* Crowbound Tatics Patch 23.2 - Lobby realmente limpo com background dedicado */
body.play-choice-open #menuProfileCard,
body.play-choice-open #patchNotesDock,
body.play-choice-open #friendsSidebar,
body.play-choice-open .friendsWidgetToggle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.menu-view-online #menuMain,
body.online-lobby-open #menuMain,
body.menu-view-online #menuProfileCard,
body.menu-view-online #patchNotesDock,
body.menu-view-online #friendsSidebar,
body.menu-view-online .friendsSidebar,
body.menu-view-online .friendsWidgetToggle,
body.menu-view-online .menuLeftRail,
body.menu-view-online .menuCenterColumn,
body.menu-view-online .menuRightColumn,
body.menu-view-online .epicPlayWrap,
body.menu-view-online .menuActionStack,
body.menu-view-online .epicBottomArea,
body.menu-view-online #playChoiceModal{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.menu-open.menu-view-online #mainMenu{
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.menu-open.menu-view-online #menuShell{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  margin:0!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
}
body.menu-open.menu-view-online #menuOnline.onlineLobbyScreen{
  position:fixed!important;
  inset:0!important;
  z-index:95!important;
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  background:
    linear-gradient(180deg,rgba(2,5,14,.30),rgba(2,4,10,.72)),
    url('../Assets/Img/Huds/Menu/Lobby_Brackground.png'),
    url('../Assets/Img/Huds/Menu/Lobby_Brackground.PNG'),
    url('../Assets/Img/Huds/Menu/Lobby_Background.png'),
    url('../Assets/Img/Huds/Menu/Lobby_Background.PNG'),
    radial-gradient(circle at 50% 22%,rgba(255,221,151,.12),transparent 40%),
    linear-gradient(180deg,#061123,#02050c)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.menu-view-online .onlineScreenTopbar{
  position:fixed!important;
  top:26px!important;
  left:32px!important;
  right:32px!important;
  z-index:103!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  pointer-events:none!important;
}
body.menu-view-online .onlineScreenTopbar h2{
  margin:0!important;
  font-family:var(--title-font)!important;
  font-size:clamp(24px,3vw,42px)!important;
  color:#ffe7ae!important;
  text-shadow:0 4px 22px rgba(0,0,0,.55)!important;
}
body.menu-view-online .onlineScreenTopbar .sub{display:none!important}
body.menu-view-online .onlineBackBtn{
  pointer-events:auto!important;
  border-radius:999px!important;
  min-height:42px!important;
  padding:9px 18px!important;
  border:1px solid rgba(255,230,172,.34)!important;
  background:rgba(5,10,20,.18)!important;
  color:#ffedc3!important;
  box-shadow:none!important;
  backdrop-filter:blur(2px)!important;
}
body.menu-view-online .onlineLobbyStage.onlineBox{
  position:fixed!important;
  inset:0!important;
  z-index:99!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:96px 28px 44px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  justify-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.menu-view-online .onlineLobbyStage.onlineBox::before,
body.menu-view-online .onlineLobbyStage.onlineBox::after,
body.menu-view-online .onlineLobby::before,
body.menu-view-online .onlineLobby::after{
  display:none!important;
  content:none!important;
}
body.menu-view-online .onlineLobbyStage .onlineStatus,
body.menu-view-online .onlineDeckHint,
body.menu-view-online .onlineRooms,
body.menu-view-online .rankedLeaderboardBlock,
body.menu-view-online .onlineNickRow,
body.menu-view-online .onlineRoomHeader,
body.menu-view-online #roomCodeInput,
body.menu-view-online #joinRoomBtn,
body.menu-view-online #readyOnlineBtn,
body.menu-view-online #startOnlineBtn{
  display:none!important;
}
body.menu-view-online .onlineLobbyStage .onlineLobby{
  width:min(1040px,94vw)!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  gap:12px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.menu-view-online .onlineVsPlayers{
  width:100%!important;
  display:grid!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(34px,8vw,112px)!important;
  margin:0!important;
}
body.menu-view-online .onlineLobby.idle .onlineVsPlayers{grid-template-columns:minmax(250px,360px)!important}
body.menu-view-online .onlineLobby.searching .onlineVsPlayers,
body.menu-view-online .onlineLobby.matchFound .onlineVsPlayers{grid-template-columns:minmax(230px,320px) minmax(230px,320px)!important}
body.menu-view-online .onlineLobbyPlayerSlot.onlinePlayerSlot{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:8px!important;
}
body.menu-view-online .onlineLobbyAvatarWrap,
body.menu-view-online .onlineLobbyAvatarWrap .avatarFrame{
  width:clamp(140px,16vw,190px)!important;
  height:clamp(140px,16vw,190px)!important;
}
body.menu-view-online .onlineLobby.searching .onlineLobbyAvatarWrap,
body.menu-view-online .onlineLobby.searching .onlineLobbyAvatarWrap .avatarFrame,
body.menu-view-online .onlineLobby.matchFound .onlineLobbyAvatarWrap,
body.menu-view-online .onlineLobby.matchFound .onlineLobbyAvatarWrap .avatarFrame{
  width:clamp(118px,14vw,168px)!important;
  height:clamp(118px,14vw,168px)!important;
}
body.menu-view-online .onlineLobbyNick{font-size:clamp(22px,2.3vw,34px)!important}
body.menu-view-online .onlineLobbyLevel,
body.menu-view-online .onlineLobbyRank{
  text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
body.menu-view-online .onlineInvite{
  margin-top:10px!important;
  min-height:44px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.menu-view-online .onlineLobbyStateText b{font-size:16px!important}
body.menu-view-online .onlineLobbyStateText span{font-size:13px!important}
body.menu-view-online .onlineMainActions.onlineActions,
body.menu-view-online .onlineSecondaryActions.onlineActions{
  width:min(430px,86vw)!important;
  display:grid!important;
  justify-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.menu-view-online .onlineMainActions.searching{gap:14px!important}
body.menu-view-online .onlineFindBtn{
  width:min(410px,86vw)!important;
  min-width:0!important;
  min-height:62px!important;
  border-radius:999px!important;
}
body.menu-view-online .onlineDeckBtn{
  width:min(260px,72vw)!important;
  min-width:0!important;
  border-radius:999px!important;
  background:rgba(5,10,24,.18)!important;
  backdrop-filter:blur(2px)!important;
}
body.menu-view-online .onlineSearchPulse{
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  border:1px solid rgba(148,255,188,.58)!important;
  background:#53f48a!important;
  box-shadow:0 0 14px rgba(83,244,138,.38)!important;
  animation:onlineCleanGreenPulseV2 1.15s ease-in-out infinite!important;
}
@keyframes onlineCleanGreenPulseV2{
  0%,100%{transform:scale(.86);opacity:.58;box-shadow:0 0 8px rgba(83,244,138,.24)}
  50%{transform:scale(1);opacity:1;box-shadow:0 0 18px rgba(83,244,138,.50)}
}
body.menu-view-online .onlineCancelSearchBtn{
  min-width:190px!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,108,108,.62)!important;
  background:linear-gradient(180deg,rgba(178,38,48,.98),rgba(92,14,22,.98))!important;
  color:#fff3f3!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30),0 0 18px rgba(255,55,75,.16)!important;
}
body.menu-view-online .onlineCountdown{display:none!important}
body.menu-view-online .onlineCountdown:not(.hidden){display:block!important}
@media(max-width:820px){
  body.menu-view-online .onlineScreenTopbar{left:14px!important;right:14px!important;top:14px!important}
  body.menu-view-online .onlineLobbyStage.onlineBox{padding:82px 16px 24px!important;overflow:hidden!important}
  body.menu-view-online .onlineLobby.searching .onlineVsPlayers,
  body.menu-view-online .onlineLobby.matchFound .onlineVsPlayers{grid-template-columns:1fr!important;gap:24px!important}
}


/* Patch 23.3 - CPU icon igual aos avatares + lobby escurecido e aura VS */
.battleAvatar .avatarFrame--cpuIcon{
  width:48px!important;
  height:48px!important;
}
.battleAvatar .avatarFrame--cpuIcon .battleAvatarCpuImg,
.battleAvatar .avatarFrame--cpuIcon .avatarFrame__icon.battleAvatarCpuImg{
  position:absolute!important;
  inset:18%!important;
  width:64%!important;
  height:64%!important;
  object-fit:contain!important;
  border-radius:50%!important;
  z-index:1!important;
  margin:0!important;
  filter:none!important;
}
#loadingOverlay .loadingAvatar .avatarFrame--cpuIcon{
  width:100%!important;
  height:100%!important;
}
#loadingOverlay .loadingAvatar .avatarFrame--cpuIcon .battleAvatarCpuImg,
#loadingOverlay .loadingAvatar .avatarFrame--cpuIcon .avatarFrame__icon.battleAvatarCpuImg{
  position:absolute!important;
  inset:18%!important;
  width:64%!important;
  height:64%!important;
  margin:0!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:none!important;
}
#loadingOverlay .loadingAvatar .avatarFrame--cpuIcon .avatarFrame__ring{
  width:100%!important;
  height:100%!important;
}
body.menu-open.menu-view-online #menuOnline.onlineLobbyScreen{
  background:
    linear-gradient(180deg,rgba(0,2,8,.68),rgba(0,1,6,.88)),
    url('../Assets/Img/Huds/Menu/Lobby_Brackground.png'),
    url('../Assets/Img/Huds/Menu/Lobby_Brackground.PNG'),
    url('../Assets/Img/Huds/Menu/Lobby_Background.png'),
    url('../Assets/Img/Huds/Menu/Lobby_Background.PNG'),
    radial-gradient(circle at 50% 22%,rgba(255,221,151,.08),transparent 40%),
    linear-gradient(180deg,#030914,#010309)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.menu-view-online .onlineLobbyAvatarWrap{
  position:relative!important;
  isolation:isolate!important;
}
body.menu-view-online .onlineLobbyAvatarWrap::before{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius:50%;
  z-index:-1;
  background:radial-gradient(circle,rgba(88,255,155,.48) 0%,rgba(88,255,155,.22) 34%,rgba(88,255,155,.06) 58%,transparent 72%);
  filter:blur(8px);
  opacity:.72;
  transform:scale(.96);
  animation:lobbyAvatarGreenAuraPulse 1.85s ease-in-out infinite;
  pointer-events:none;
}
body.menu-view-online .onlineLobbyAvatarWrap.opponent::before{
  background:radial-gradient(circle,rgba(255,80,92,.50) 0%,rgba(255,80,92,.24) 34%,rgba(255,80,92,.07) 58%,transparent 72%);
  animation-name:lobbyAvatarRedAuraPulse;
}
body.menu-view-online .onlineLobby.idle .onlineLobbyAvatarWrap.opponent::before{display:none!important}
@keyframes lobbyAvatarGreenAuraPulse{
  0%,100%{opacity:.52;transform:scale(.94)}
  50%{opacity:.92;transform:scale(1.05)}
}
@keyframes lobbyAvatarRedAuraPulse{
  0%,100%{opacity:.50;transform:scale(.94)}
  50%{opacity:.9;transform:scale(1.05)}
}
body.menu-view-online .onlineSearchPulse{
  width:18px!important;
  height:18px!important;
  box-shadow:0 0 10px rgba(83,244,138,.34)!important;
}


/* Patch 24.1 - Aviso anti-farm visível no menu */
.antiFarmMenuNotice{
  position:fixed;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  z-index:1200;
  width:min(760px,calc(100vw - 32px));
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border:1px solid rgba(255,207,116,.38);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(38,20,8,.95),rgba(16,8,4,.94));
  box-shadow:0 18px 55px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,238,188,.12);
  color:#ffe3a5;
  font-weight:900;
  letter-spacing:.02em;
  pointer-events:auto;
}
.antiFarmMenuNotice.hidden,
.antiFarmMenuNotice.dismissed,
body.auth-locked .antiFarmMenuNotice,
body.online-match .antiFarmMenuNotice,
body:not(.menu-open) .antiFarmMenuNotice{display:none!important}
.antiFarmNoticeIcon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  background:rgba(255,64,64,.16);
  border:1px solid rgba(255,115,90,.5);
  color:#ffdf8e;
  font-family:var(--title-font);
  font-size:20px;
  box-shadow:0 0 18px rgba(255,74,52,.22);
}
.antiFarmNoticeText{flex:1;line-height:1.35;font-size:13px;text-shadow:0 2px 0 rgba(0,0,0,.34)}
.antiFarmNoticeClose{
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(255,235,190,.22);
  background:rgba(0,0,0,.24);
  color:#ffe6b4;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.antiFarmNoticeClose:hover{background:rgba(255,255,255,.10)}

/* Crowbound Tatics Patch 25 - Responsividade mobile e orientação obrigatória */
:root{
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-right: env(safe-area-inset-right, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-safe-left: env(safe-area-inset-left, 0px);
}
.mobileRotateOverlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 25%, rgba(70,255,151,.18), transparent 38%),
    linear-gradient(180deg, rgba(3,6,13,.96), rgba(1,3,8,.99));
  color:#f5e4b5;
  text-align:center;
  pointer-events:auto;
}
.mobileRotateCard{
  width:min(420px, 88vw);
  display:grid;
  justify-items:center;
  gap:12px;
  padding:26px 22px;
  border:1px solid rgba(255,220,143,.28);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(8,16,28,.92), rgba(4,8,16,.94));
  box-shadow:0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
}
.mobileRotateIcon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(100,255,166,.36);
  background:rgba(77,255,151,.10);
  color:#9dffc3;
  font-size:48px;
  line-height:1;
  animation:mobileRotatePulse 1.35s ease-in-out infinite;
}
.mobileRotateCard strong{
  font-family:"MenuMedieval", Georgia, serif;
  font-size:30px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mobileRotateCard span{
  color:#cbd7ef;
  font-weight:800;
  line-height:1.35;
}
@keyframes mobileRotatePulse{
  0%,100%{transform:rotate(-8deg) scale(.96);opacity:.78}
  50%{transform:rotate(8deg) scale(1.04);opacity:1}
}
body.mobile-portrait-lock .mobileRotateOverlay{display:grid!important}
body.mobile-portrait-lock{overflow:hidden!important;touch-action:none!important}
body.mobile-device,
body.mobile-device button,
body.mobile-device input,
body.mobile-device select{
  -webkit-tap-highlight-color:transparent;
}
body.mobile-device{
  overscroll-behavior:none;
  min-height:calc(var(--app-vh, 1vh) * 100);
}
body.mobile-device #game canvas{
  width:100vw!important;
  height:calc(var(--app-vh, 1vh) * 100)!important;
}

@media (pointer:coarse) and (orientation:portrait) and (max-width:980px){
  .mobileRotateOverlay{display:grid!important}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:680px),
       (max-width:1100px) and (max-height:620px){
  html,body{
    width:100vw!important;
    height:calc(var(--app-vh, 1vh) * 100)!important;
    overflow:hidden!important;
  }
  button,input,select{font-size:16px!important}

  /* Login / splash */
  .loginSplashOverlay{min-height:calc(var(--app-vh, 1vh) * 100)!important;padding:8px!important}
  .loginSplashContent{gap:8px!important;transform:none!important;width:min(440px,56vw)!important;max-height:calc((var(--app-vh, 1vh) * 100) - 12px)!important}
  .loginLogoBox{width:min(280px,35vw)!important;max-height:30vh!important}
  .loginLogoBox img{max-height:30vh!important;object-fit:contain!important}
  .loginSplashActions{gap:10px!important}
  .loginSplashPrimary,.loginSplashSecondary{min-height:42px!important;padding:9px 20px!important;font-size:15px!important}
  body.auth-locked #mainMenu{padding:0!important;place-items:center!important;min-height:calc(var(--app-vh, 1vh) * 100)!important;overflow:hidden!important}
  body.auth-locked #menuShell,
  body.auth-locked #menuShell.home{
    width:100vw!important;
    height:calc(var(--app-vh, 1vh) * 100)!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.auth-locked .epicMenuStage,
  body.auth-locked .epicMenuStage.chessMenuStage{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body.auth-locked #accountPanel{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(430px,58vw)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc((var(--app-vh, 1vh) * 100) - 18px)!important;
    overflow:auto!important;
    padding:12px!important;
    z-index:50!important;
  }
  body.auth-locked .accountHeader{margin-bottom:6px!important;font-size:12px!important}
  body.auth-locked .accountTabs{gap:6px!important;margin-bottom:6px!important}
  body.auth-locked .accountTabs button,
  body.auth-locked .accountButtons button{min-height:38px!important;padding:8px 12px!important}
  body.auth-locked #accountPanel input{min-height:38px!important;padding:8px 10px!important;margin:3px 0!important}
  body.auth-locked .accountStatus{font-size:11px!important;line-height:1.25!important}

  /* Menu principal */
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #mainMenu{
    padding:0!important;
    place-items:stretch!important;
    overflow:hidden!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home,
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell{
    width:100vw!important;
    height:calc(var(--app-vh, 1vh) * 100)!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    padding:6px calc(8px + var(--mobile-safe-right)) calc(6px + var(--mobile-safe-bottom)) calc(8px + var(--mobile-safe-left))!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:minmax(158px,22vw) minmax(260px,1fr) minmax(170px,24vw)!important;
    grid-template-rows:1fr!important;
    gap:8px!important;
    padding:6px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .menuLeftRail{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    min-height:0!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .menuCenterColumn{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:100%!important;
    padding:4px 0!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    align-content:center!important;
    justify-items:center!important;
    min-height:0!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .friendsSidebar{
    grid-column:3!important;
    grid-row:1!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:auto!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:9px!important;
    overflow:hidden!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsList{overflow:auto!important;min-height:0!important;gap:5px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{padding:8px!important;min-height:0!important;overflow:visible!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileHero{grid-template-columns:58px 1fr!important;gap:7px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileAvatarBtn,
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .avatarFrame--menu{width:58px!important;height:58px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuPanelTitle{font-size:11px!important;margin-bottom:5px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileTextLine,
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileSection{font-size:11px!important;margin-top:5px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesDock{position:relative!important;top:auto!important;left:auto!important;z-index:1!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesBtn{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesGlyph{font-size:24px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{width:min(360px,47vw)!important;min-height:86px!important;margin-top:2px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{max-height:96px!important;object-fit:contain!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{
    width:min(420px,52vw)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    align-self:center!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{
    min-height:46px!important;
    padding:4px 8px!important;
    gap:7px!important;
    font-size:13px!important;
    border-width:14px!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn .menuActionIcon{width:28px!important;height:28px!important;flex-basis:28px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendItem{grid-template-columns:38px 1fr!important;padding:6px!important;gap:6px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendAvatarWrap{width:38px!important;height:38px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendTop b{font-size:11px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendMeta,.friendActions{font-size:9px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuAddFriendBtn{min-height:38px!important;font-size:13px!important;border-width:12px!important;margin-top:6px!important}

  /* Configurações do menu em tela cheia compacta */
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh, 1vh) * 100)!important;
    max-width:none!important;
    max-height:none!important;
    padding:7px 8px calc(7px + var(--mobile-safe-bottom))!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    gap:6px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(5,10,18,.92),rgba(2,4,10,.94))!important;
  }
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .menuTopline{margin:0!important;padding:6px 8px!important;display:flex!important;align-items:center!important;gap:8px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings h2{font-size:22px!important;line-height:1!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .menuTopline .sub{display:none!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;position:relative!important;top:auto!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTab{min-height:36px!important;font-size:11px!important;padding:4px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsTabbedGrid{height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .settingsPanelTab.active{height:100%!important;min-height:0!important;overflow:auto!important;padding:0 4px 6px!important;gap:7px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .configRow,
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .configRow.configRowBlock{grid-template-columns:1fr minmax(190px,.8fr)!important;gap:8px!important;padding:8px!important;min-height:0!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .audioSettingsPanel,
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .graphicsSettingsPanel{gap:6px!important;padding:8px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .audioControl{grid-template-columns:64px minmax(120px,1fr) 42px!important;gap:6px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .graphicsControl{grid-template-columns:90px minmax(126px,1fr)!important;gap:6px!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings .small{font-size:10px!important;line-height:1.22!important}
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings select,
  body.menu-open.menu-view-settings:not(.auth-locked) #menuSettings button{min-height:34px!important;padding:5px 8px!important}

  /* Decks */
  body.deck-open #mainMenu{padding:0!important;place-items:stretch!important;overflow:hidden!important}
  body.deck-open #menuShell,
  body.deck-open #menuDeck.deckForgeScreen{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh, 1vh) * 100)!important;
    max-width:none!important;
    max-height:none!important;
    padding:6px 8px calc(6px + var(--mobile-safe-bottom))!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    border:0!important;
    background:linear-gradient(180deg,rgba(4,9,16,.92),rgba(2,4,9,.94))!important;
  }
  body.deck-open .deckForgeTopbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;padding:4px 2px 5px!important;margin:0!important}
  body.deck-open .deckForgeTopbar h2{font-size:20px!important;line-height:1!important;letter-spacing:.08em!important}
  body.deck-open .deckForgeTopbar .sub{display:none!important}
  body.deck-open .deckBackGem{width:38px!important;height:38px!important;min-width:38px!important;font-size:26px!important}
  body.deck-open .deckForgeCurrencies{gap:5px!important;font-size:12px!important;display:flex!important}
  body.deck-open .deckForgeCurrencies span{padding:5px 7px!important}
  body.deck-open .deckMainTabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin:0!important}
  body.deck-open .deckMainTabs button{min-height:32px!important;padding:4px!important;font-size:10px!important;letter-spacing:.04em!important}
  body.deck-open .deckSlotTabs{max-height:34px!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:5px!important}
  body.deck-open .deckForgeLayout{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"selected" "collection"!important;
    grid-template-rows:118px minmax(0,1fr)!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body.deck-open .deckForgeSelectedPanel{grid-area:selected!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:6px!important;min-height:0!important;max-height:none!important;height:118px!important;padding:7px!important;overflow:hidden!important}
  body.deck-open .deckCountCard{padding:5px!important;min-height:0!important}
  body.deck-open .deckCountIcon{font-size:22px!important}
  body.deck-open .deckCountCard strong{font-size:11px!important}
  body.deck-open .deckCountCard small{display:none!important}
  body.deck-open .deckTitleNav{gap:5px!important}
  body.deck-open .deckForgeName{height:28px!important;font-size:12px!important;max-width:none!important}
  body.deck-open .deckDeckDots,.deckCarouselHeader,.deckDragHint,.deckCompletenessLine{display:none!important}
  body.deck-open .deckCarouselShell{min-height:0!important}
  body.deck-open .deckCarouselArrow{width:28px!important;min-width:28px!important;height:80px!important}
  body.deck-open .deckForgeStrip{min-height:0!important;height:82px!important;gap:6px!important;overflow-x:auto!important;padding:2px 2px 4px!important}
  body.deck-open .deckForgeStrip .selectedDeckMini{flex:0 0 72px!important;min-width:72px!important;max-width:72px!important;min-height:78px!important;padding:3px!important;gap:1px!important}
  body.deck-open .deckForgeStrip .selectedDeckMini .cardPreview{height:48px!important;min-height:48px!important}
  body.deck-open .deckForgeStrip .selectedDeckMini b{font-size:8px!important;min-height:14px!important;line-height:1!important}
  body.deck-open .deckForgeStrip .selectedDeckMini span{font-size:8px!important}
  body.deck-open .deckForgeCollectionPanel{grid-area:collection!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;overflow:hidden!important;padding:0!important}
  body.deck-open .deckCollectionSide{padding:7px!important;overflow:auto!important}
  body.deck-open .deckCollectionTitle{font-size:15px!important}
  body.deck-open .deckCategoryNav{gap:4px!important}
  body.deck-open .deckCategoryNav button,.deckFilterFakeBtn{min-height:28px!important;padding:4px!important;font-size:9px!important}
  body.deck-open .deckCollectionControls{gap:5px!important;padding:0 0 5px!important}
  body.deck-open #deckSearchInput,body.deck-open #deckSortSelect{min-height:31px!important;font-size:12px!important;padding:5px 8px!important}
  body.deck-open .deckForgeLibrary{height:100%!important;max-height:none!important;overflow:auto!important;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;gap:7px!important;padding:1px 5px 7px 1px!important}
  body.deck-open .deckCollectionCard{min-height:166px!important;padding:5px!important;grid-template-rows:auto auto auto 1fr auto!important}
  body.deck-open .deckCollectionCard .cardPreview{height:76px!important;min-height:76px!important;margin:0 auto 4px!important}
  body.deck-open .deckCollectionCard h3{font-size:10px!important;line-height:1.05!important;min-height:20px!important;margin:2px 0!important}
  body.deck-open .deckCollectionCard .deckMeta{font-size:8px!important;min-height:16px!important;line-height:1.1!important}
  body.deck-open .deckUseBreakdown{display:none!important}
  body.deck-open .deckCollectionCard .counterRow{gap:3px!important;margin-top:3px!important}
  body.deck-open .deckCollectionCard .counterRow button{width:27px!important;height:26px!important;min-height:26px!important;font-size:14px!important}
  body.deck-open .deckCollectionCard .counterRow .qty{font-size:8px!important}
  body.deck-open .deckRightColumn,
  body.deck-open .deckInspector,
  body.deck-open .deckForgeFooter{display:none!important}
  body.deck-open .deckCardPickerPanel,
  body.deck-open .deckCardInfoPanel,
  body.deck-open .deckBoardPanel{width:calc(100vw - 12px)!important;max-height:calc((var(--app-vh, 1vh) * 100) - 12px)!important;overflow:auto!important;padding:9px!important}
  body.deck-open .deckCardPickerList{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:7px!important;max-height:calc((var(--app-vh, 1vh) * 100) - 112px)!important;overflow:auto!important}
  body.deck-open #deckBoardModal .deckBoardPopupBody{grid-template-columns:130px minmax(0,1fr)!important;grid-template-areas:"tip tip" "palette board"!important;gap:7px!important}
  body.deck-open #deckBoardModal .deckBoardPopupBody .setupBoard2d{grid-template-columns:repeat(8,minmax(40px,1fr))!important;grid-template-rows:repeat(2,58px)!important;grid-auto-rows:58px!important;min-height:126px!important;padding:8px!important;gap:4px!important}
  body.deck-open #deckBoardModal .deckBoardPopupBody .setupCell{height:58px!important;max-height:58px!important}
  body.deck-open #deckBoardModal .deckBoardPopupBody .piecePaletteCard{min-height:48px!important;grid-template-columns:38px 1fr!important;padding:4px!important}
  body.deck-open #deckBoardModal .deckBoardPopupBody .piecePaletteCard .cardPreview{height:36px!important}

  /* Encantamento */
  body.enchant-open #cardEnchantScreen,
  #cardEnchantScreen:not(.hidden){
    height:calc(var(--app-vh, 1vh) * 100)!important;
    padding:6px 8px calc(6px + var(--mobile-safe-bottom))!important;
    overflow:hidden!important;
    gap:6px!important;
  }
  .cardEnchantScreen .enchantTopbar{grid-template-columns:auto minmax(0,1fr) auto!important;padding:6px 8px!important;gap:8px!important;border-radius:10px!important}
  .cardEnchantScreen .enchantTopbar h2{font-size:20px!important;line-height:1!important}
  .cardEnchantScreen .enchantTopbar .sub{display:none!important}
  .cardEnchantScreen .enchantBackBtn{min-height:34px!important;padding:5px 10px!important}
  .cardEnchantScreen .enchantCurrency{font-size:13px!important}
  .cardEnchantScreen .enchantStage{grid-template-columns:42px minmax(0,390px) 42px!important;gap:8px!important;align-content:center!important;min-height:0!important}
  .cardEnchantScreen .enchantStage>button{height:44px!important;width:44px!important;min-width:44px!important;font-size:28px!important}
  .cardEnchantScreen .enchantCenter{padding:8px!important;gap:4px!important;border-radius:16px!important}
  #enchantSelectedPreview .cardPreview{width:118px!important;height:154px!important}
  .cardEnchantScreen .enchantCenter h3{font-size:18px!important;line-height:1.05!important}
  .cardEnchantScreen .enchantLevel{font-size:13px!important}
  .cardEnchantScreen .enchantCenter p{font-size:11px!important;line-height:1.25!important;max-height:42px!important;overflow:auto!important;margin:0!important}
  .cardEnchantScreen .enchantGemControls{gap:5px!important}
  .cardEnchantScreen .enchantGemControls button{min-height:32px!important;min-width:40px!important;padding:4px 8px!important}
  .cardEnchantScreen .enchantCarousel{height:86px!important;padding:4px!important;gap:6px!important;overflow-x:auto!important}
  .cardEnchantScreen .enchantCardMini{flex:0 0 74px!important;padding:4px!important;gap:2px!important}
  .cardEnchantScreen .enchantCardMini .cardPreview{width:52px!important;height:56px!important}
  .cardEnchantScreen .enchantCardMini span{font-size:8px!important;line-height:1!important}

  /* Lobby online */
  body.menu-view-online #menuOnline.onlineLobbyScreen,
  body.menu-open.menu-view-online #menuOnline.onlineLobbyScreen{
    height:calc(var(--app-vh, 1vh) * 100)!important;
    min-height:calc(var(--app-vh, 1vh) * 100)!important;
    overflow:hidden!important;
  }
  body.menu-view-online .onlineScreenTopbar{top:calc(8px + var(--mobile-safe-top))!important;left:12px!important;right:12px!important}
  body.menu-view-online .onlineScreenTopbar h2{font-size:20px!important;line-height:1!important}
  body.menu-view-online .onlineBackBtn{min-height:34px!important;padding:5px 10px!important;font-size:12px!important}
  body.menu-view-online .onlineLobbyStage.onlineBox{padding:58px 12px 12px!important;height:calc(var(--app-vh,1vh) * 100)!important;min-height:0!important;gap:7px!important;overflow:hidden!important}
  body.menu-view-online .onlineLobbyStage .onlineLobby{width:min(760px,94vw)!important;gap:7px!important}
  body.menu-view-online .onlineLobby.searching .onlineVsPlayers,
  body.menu-view-online .onlineLobby.matchFound .onlineVsPlayers{grid-template-columns:minmax(130px,190px) minmax(130px,190px)!important;gap:clamp(28px,9vw,86px)!important}
  body.menu-view-online .onlineLobby.idle .onlineVsPlayers{grid-template-columns:minmax(170px,220px)!important}
  body.menu-view-online .onlineLobbyAvatarWrap,
  body.menu-view-online .onlineLobbyAvatarWrap .avatarFrame{width:92px!important;height:92px!important}
  body.menu-view-online .onlineLobby.idle .onlineLobbyAvatarWrap,
  body.menu-view-online .onlineLobby.idle .onlineLobbyAvatarWrap .avatarFrame{width:116px!important;height:116px!important}
  body.menu-view-online .onlineLobbyNick{font-size:18px!important;line-height:1.05!important}
  body.menu-view-online .onlineLobbyLevel,
  body.menu-view-online .onlineLobbyRank{font-size:11px!important;line-height:1.2!important}
  body.menu-view-online .onlineLobbyStateText b{font-size:13px!important}
  body.menu-view-online .onlineLobbyStateText span{font-size:11px!important}
  body.menu-view-online .onlineFindBtn{width:min(330px,76vw)!important;min-height:46px!important;font-size:14px!important}
  body.menu-view-online .onlineDeckBtn{width:min(220px,58vw)!important;min-height:36px!important;font-size:12px!important}
  body.menu-view-online .onlineCancelSearchBtn{min-height:38px!important;min-width:156px!important;font-size:12px!important;padding:7px 13px!important}
  body.menu-view-online .onlineSearchPulse{width:16px!important;height:16px!important}

  /* HUD in-game */
  body:not(.menu-open) #hud{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    display:block!important;
    padding:0!important;
    pointer-events:none!important;
    z-index:40!important;
  }
  body:not(.menu-open) #topbar{
    position:fixed!important;
    left:50%!important;
    top:calc(4px + var(--mobile-safe-top))!important;
    transform:translateX(-50%)!important;
    width:min(720px, calc(100vw - 12px))!important;
    min-height:42px!important;
    height:42px!important;
    padding:3px 7px!important;
    border-width:8px!important;
    z-index:50!important;
    pointer-events:auto!important;
  }
  body:not(.menu-open) .battleTopWrap{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important;gap:5px!important;width:100%!important}
  body:not(.menu-open) .battleSideCard{padding:2px 4px!important;gap:5px!important;border-radius:8px!important;min-width:0!important}
  body:not(.menu-open) .battleAvatar,
  body:not(.menu-open) .battleAvatar .avatarFrame{width:30px!important;height:30px!important}
  body:not(.menu-open) .battlePlayerName{font-size:10px!important;line-height:1!important;max-width:112px!important}
  body:not(.menu-open) .battleLifeBar{height:7px!important}
  body:not(.menu-open) .battleLifeMeta{display:none!important}
  body:not(.menu-open) .battleCenterHud{gap:2px!important}
  body:not(.menu-open) .turnClock{min-width:54px!important;padding:4px 7px!important;border-radius:9px!important;font-size:15px!important}
  body:not(.menu-open) .battleCenterMeta{gap:3px!important;max-width:190px!important}
  body:not(.menu-open) .battleMetaPill{padding:2px 5px!important;font-size:8.5px!important}
  body:not(.menu-open) #freeCameraBtn{display:none!important}
  body:not(.menu-open) #leftPanel{display:none!important}
  body:not(.menu-open) #rightPanel{display:none!important}
  body:not(.menu-open) #bottomPanel{
    position:fixed!important;
    left:50%!important;
    bottom:calc(4px + var(--mobile-safe-bottom))!important;
    transform:translateX(-50%)!important;
    width:min(680px, calc(100vw - 10px))!important;
    max-width:calc(100vw - 10px)!important;
    min-height:0!important;
    height:104px!important;
    padding:4px 6px!important;
    border-width:8px!important;
    z-index:48!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  body:not(.menu-open) #bottomPanel .section-title{display:none!important}
  body:not(.menu-open) #bottomPanel .cards,
  body:not(.menu-open) #bottomPanel .cards.wheelMode{height:72px!important;display:flex!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 2px 3px!important;scroll-snap-type:x proximity!important}
  body:not(.menu-open) #bottomPanel .card,
  body:not(.menu-open) #bottomPanel .cards.wheelMode .card{flex:0 0 92px!important;min-width:92px!important;max-width:92px!important;height:68px!important;min-height:68px!important;padding:3px!important;scroll-snap-align:center!important}
  body:not(.menu-open) #bottomPanel .cardPreview,
  body:not(.menu-open) #bottomPanel .cards.wheelMode .cardPreview{height:38px!important;min-height:38px!important;margin:0!important}
  body:not(.menu-open) #bottomPanel .card h3,
  body:not(.menu-open) #bottomPanel .cards.wheelMode .card h3{font-size:8px!important;line-height:1!important;min-height:14px!important;margin:0!important;padding:0 2px!important}
  body:not(.menu-open) #bottomPanel .card .type,
  body:not(.menu-open) #bottomPanel .card p,
  body:not(.menu-open) #bottomPanel .card .miniStats,
  body:not(.menu-open) #bottomPanel .card .cost{display:none!important}
  body:not(.menu-open) #deckActionBar{height:22px!important;display:flex!important;justify-content:center!important;gap:6px!important;margin-top:2px!important}
  body:not(.menu-open) #drawBtn{width:32px!important;height:22px!important;min-width:32px!important;min-height:22px!important}
  body:not(.menu-open) #endTurnBtn{width:36px!important;height:22px!important;min-width:36px!important;min-height:22px!important;padding:0!important;font-size:13px!important}
  body:not(.menu-open) #gameDeckCountLabel{font-size:9px!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body:not(.menu-open) #fpsMeter{left:6px!important;top:calc(4px + var(--mobile-safe-top))!important;font-size:8px!important;padding:3px 5px!important;opacity:.74!important}
  body:not(.menu-open) #onlineBadge{right:6px!important;top:calc(4px + var(--mobile-safe-top))!important;font-size:8px!important;padding:3px 5px!important}
  body:not(.menu-open) #gameOptionsBtn,
  body:not(.menu-open) .gameOptionsBtn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  body:not(.menu-open) .gameOptionsModal{width:min(560px,92vw)!important;max-height:calc((var(--app-vh,1vh) * 100) - 18px)!important;overflow:auto!important;padding:12px!important}
  body:not(.menu-open) .gameOptionsActions button{min-height:38px!important;font-size:12px!important}
  body:not(.menu-open) .inGameSettingsGrid{max-height:calc((var(--app-vh,1vh) * 100) - 150px)!important;overflow:auto!important}
  body:not(.menu-open) .globalChatWidget{display:none!important}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:440px){
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{display:none!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{grid-template-columns:minmax(150px,23vw) minmax(280px,1fr)!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .menuCenterColumn{grid-column:2!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .heroPlayButton.imageButton{width:min(320px,50vw)!important;min-height:72px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{min-height:40px!important;font-size:11px!important}
  body.auth-locked #accountPanel{width:min(390px,64vw)!important}
  body.deck-open .deckForgeLayout{grid-template-rows:96px minmax(0,1fr)!important}
  body.deck-open .deckForgeSelectedPanel{height:96px!important;grid-template-columns:58px minmax(0,1fr)!important}
  body.deck-open .deckForgeStrip{height:62px!important}
  body.deck-open .deckForgeStrip .selectedDeckMini{flex-basis:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important}
  body.deck-open .deckForgeStrip .selectedDeckMini .cardPreview{height:35px!important;min-height:35px!important}
  body.deck-open .deckForgeLibrary{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))!important}
  body.deck-open .deckCollectionCard{min-height:146px!important}
  body.deck-open .deckCollectionCard .cardPreview{height:62px!important;min-height:62px!important}
  #enchantSelectedPreview .cardPreview{width:100px!important;height:128px!important}
  .cardEnchantScreen .enchantCarousel{height:72px!important}
  body:not(.menu-open) #bottomPanel{height:92px!important}
  body:not(.menu-open) #bottomPanel .cards,
  body:not(.menu-open) #bottomPanel .cards.wheelMode{height:61px!important}
  body:not(.menu-open) #bottomPanel .card,
  body:not(.menu-open) #bottomPanel .cards.wheelMode .card{height:58px!important;min-height:58px!important;flex-basis:82px!important;min-width:82px!important;max-width:82px!important}
  body:not(.menu-open) #bottomPanel .cardPreview{height:31px!important;min-height:31px!important}
}

/* Crowbound Tatics Patch 25.1 - mobile fullscreen, bordas e compactação login/menu */
html,body{
  margin:0!important;
  padding:0!important;
  background:#01040a!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.mobile-device{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  min-width:100vw!important;
  height:calc(var(--app-vh,1vh) * 100)!important;
  min-height:calc(var(--app-vh,1vh) * 100)!important;
  max-height:calc(var(--app-vh,1vh) * 100)!important;
  background:#01040a!important;
  overflow:hidden!important;
}
body.mobile-device #game,
body.mobile-device #mainMenu,
body.mobile-device .loginSplashOverlay,
body.mobile-device #hud,
body.mobile-device #loadingScreen,
body.mobile-device .menuShell{
  box-sizing:border-box!important;
}
body.mobile-device #game,
body.mobile-device #mainMenu{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:calc(var(--app-vh,1vh) * 100)!important;
  min-height:calc(var(--app-vh,1vh) * 100)!important;
  background:#01040a!important;
  overflow:hidden!important;
}
body.mobile-device canvas,
body.mobile-device #game canvas{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:calc(var(--app-vh,1vh) * 100)!important;
  background:#01040a!important;
}
body.mobile-device *{
  scrollbar-width:none;
}
body.mobile-device *::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}
.mobileFullscreenBtn,
.mobileFullscreenFloatBtn{
  border:1px solid rgba(120,255,174,.38);
  background:linear-gradient(180deg,rgba(31,87,56,.92),rgba(9,37,25,.96));
  color:#d8ffe2;
  font-family:"MenuMedieval",Georgia,serif;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12);
}
.mobileFullscreenBtn{
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  margin-top:3px;
}
.mobileFullscreenFloatBtn{
  display:none;
  position:fixed;
  right:calc(8px + var(--mobile-safe-right));
  bottom:calc(8px + var(--mobile-safe-bottom));
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  border-radius:50%;
  z-index:2147482500;
  font-size:17px;
  line-height:1;
  place-items:center;
  opacity:.86;
}
body.mobile-device.mobile-landscape:not(.mobile-fullscreen-active) .mobileFullscreenFloatBtn{display:grid!important}
body.mobile-device.mobile-fullscreen-active .mobileFullscreenFloatBtn,
body.mobile-device.mobile-fullscreen-active .mobileFullscreenBtn{display:none!important}

@media (pointer:coarse) and (orientation:landscape) and (max-height:680px),
       (max-width:1100px) and (max-height:620px){
  html,body{
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    min-height:calc(var(--app-vh,1vh) * 100)!important;
    background:#01040a!important;
  }
  #mainMenu,.menuShell,#game,.loginSplashOverlay{
    background-color:#01040a!important;
  }

  /* Login: não cortar botões em telefone deitado */
  .loginSplashOverlay{
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    min-height:0!important;
    padding:4px!important;
    overflow:hidden!important;
  }
  .loginSplashContent{
    width:min(500px,72vw)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 8px)!important;
    gap:5px!important;
    padding:4px!important;
    overflow:visible!important;
  }
  .loginLogoBox{width:min(250px,32vw)!important;max-height:22vh!important;margin:0 auto!important}
  .loginLogoBox img{max-height:22vh!important;object-fit:contain!important}
  .loginSplashActions{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important}
  .loginSplashPrimary,.loginSplashSecondary{min-height:34px!important;height:34px!important;padding:5px 16px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}

  body.auth-locked #accountPanel{
    width:min(520px,74vw)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 10px)!important;
    padding:8px 10px!important;
    overflow:hidden!important;
    display:block!important;
  }
  body.auth-locked .accountHeader{font-size:10px!important;margin-bottom:4px!important;line-height:1!important}
  body.auth-locked .accountTabs{gap:5px!important;margin-bottom:5px!important}
  body.auth-locked .accountTabs button{min-height:30px!important;height:30px!important;padding:4px 8px!important;font-size:11px!important;line-height:1!important}
  body.auth-locked #accountPanel input{min-height:31px!important;height:31px!important;padding:5px 9px!important;margin:2px 0!important;font-size:16px!important;line-height:1!important}
  body.auth-locked .accountButtons{margin-top:5px!important;gap:5px!important;display:flex!important;justify-content:center!important}
  body.auth-locked .accountButtons button{min-height:32px!important;height:32px!important;padding:5px 14px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}
  body.auth-locked .accountStatus{font-size:9px!important;line-height:1.12!important;margin-top:4px!important;max-height:26px!important;overflow:hidden!important}

  /* Menu: mostrar todas as opções sem amontoar */
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    grid-template-columns:minmax(120px,18vw) minmax(330px,1fr) minmax(120px,18vw)!important;
    gap:6px!important;
    padding:4px 6px!important;
    align-items:stretch!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .menuCenterColumn{
    grid-template-rows:auto auto!important;
    align-content:center!important;
    gap:4px!important;
    overflow:visible!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .epicPlayWrap{margin:0!important;padding:0!important;display:grid!important;place-items:center!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{
    width:min(300px,44vw)!important;
    min-height:64px!important;
    height:64px!important;
    margin:0!important;
    padding:0!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{
    max-height:74px!important;
    width:100%!important;
    object-fit:contain!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{
    width:min(420px,100%)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    align-content:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{
    min-height:36px!important;
    height:36px!important;
    padding:4px 6px!important;
    gap:5px!important;
    justify-content:center!important;
    font-size:10.5px!important;
    letter-spacing:.03em!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn .menuActionIcon{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    font-size:16px!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuLeftRail{gap:5px!important;overflow:hidden!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{padding:6px!important;max-height:none!important;overflow:hidden!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileHero{grid-template-columns:44px minmax(0,1fr)!important;gap:5px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileAvatarBtn,
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .avatarFrame--menu{width:44px!important;height:44px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuPanelTitle{font-size:9px!important;margin-bottom:3px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileTextLine,
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileSection{font-size:9px!important;line-height:1.05!important;margin-top:3px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesBtn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesBtnLabel{display:none!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesGlyph{font-size:19px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{padding:6px!important;overflow:hidden!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsList{max-height:calc((var(--app-vh,1vh) * 100) - 92px)!important;overflow:auto!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuAddFriendBtn{min-height:28px!important;height:28px!important;font-size:9px!important;padding:3px 6px!important;margin-top:4px!important}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:440px){
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    grid-template-columns:minmax(108px,18vw) minmax(340px,1fr)!important;
    gap:6px!important;
  }
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{display:none!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .menuCenterColumn{grid-column:2!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{width:min(280px,48vw)!important;height:58px!important;min-height:58px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{max-height:66px!important}
  body.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{height:33px!important;min-height:33px!important;font-size:9.5px!important;padding:3px 5px!important}
  body.auth-locked #accountPanel{width:min(510px,76vw)!important;max-height:calc((var(--app-vh,1vh) * 100) - 8px)!important;padding:6px 8px!important}
  body.auth-locked .accountTabs button,
  body.auth-locked .accountButtons button{height:28px!important;min-height:28px!important}
  body.auth-locked #accountPanel input{height:29px!important;min-height:29px!important;margin:1px 0!important}
}

/* Crowbound Tatics Patch 25.2 - correção de cortes mobile landscape */
body.mobile-device.mobile-landscape{
  --mobile-ui-pad: 6px;
  --mobile-footer-h: 48px;
}
body.mobile-device.mobile-landscape *{
  box-sizing:border-box!important;
}
body.mobile-device.mobile-landscape button{
  touch-action:manipulation!important;
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:720px),
       (max-width:1180px) and (max-height:680px){
  /* base: nunca deixar conteúdo principal vazar para fora do viewport real */
  body.mobile-device.mobile-landscape #mainMenu,
  body.mobile-device.mobile-landscape #game,
  body.mobile-device.mobile-landscape .menuShell,
  body.mobile-device.mobile-landscape .menuView{
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    max-width:100vw!important;
    max-height:calc(var(--app-vh,1vh) * 100)!important;
    overflow:hidden!important;
  }

  /* Login: se o teclado/barra do iPhone comer altura, os botões continuam alcançáveis */
  body.mobile-device.mobile-landscape .loginSplashOverlay{
    display:grid!important;
    place-items:center!important;
    padding:calc(3px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(3px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape .loginSplashContent{
    width:min(440px,70vw)!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 8px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    display:grid!important;
    align-content:center!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape .loginLogoBox{width:min(210px,28vw)!important;max-height:18vh!important}
  body.mobile-device.mobile-landscape .loginLogoBox img{max-height:18vh!important}
  body.mobile-device.mobile-landscape .loginSplashActions{gap:6px!important;flex-wrap:nowrap!important}
  body.mobile-device.mobile-landscape .loginSplashPrimary,
  body.mobile-device.mobile-landscape .loginSplashSecondary{height:30px!important;min-height:30px!important;padding:4px 12px!important;font-size:11px!important}
  body.mobile-device.mobile-landscape.auth-locked #accountPanel{
    width:min(470px,72vw)!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 8px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    padding:6px 8px!important;
    overflow:auto!important;
  }
  body.mobile-device.mobile-landscape.auth-locked .accountHeader{display:none!important}
  body.mobile-device.mobile-landscape.auth-locked .accountTabs{margin-bottom:4px!important}
  body.mobile-device.mobile-landscape.auth-locked .accountTabs button{height:28px!important;min-height:28px!important;font-size:10px!important;padding:3px 8px!important}
  body.mobile-device.mobile-landscape.auth-locked #accountPanel input{height:28px!important;min-height:28px!important;margin:1px 0!important;padding:4px 8px!important;font-size:16px!important}
  body.mobile-device.mobile-landscape.auth-locked .accountButtons{gap:4px!important;margin-top:4px!important}
  body.mobile-device.mobile-landscape.auth-locked .accountButtons button{height:29px!important;min-height:29px!important;font-size:10.5px!important;padding:3px 10px!important}
  body.mobile-device.mobile-landscape.auth-locked .accountStatus{max-height:22px!important;font-size:8.5px!important;margin-top:2px!important}

  /* Menu principal: layout mais baixo; botão Jogar nunca sai da tela */
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home{
    padding:calc(4px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(4px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    grid-template-columns:minmax(92px,16vw) minmax(260px,1fr) minmax(96px,17vw)!important;
    grid-template-rows:1fr!important;
    gap:5px!important;
    padding:3px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuCenterColumn{
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-rows:minmax(48px,70px) minmax(0,auto)!important;
    align-content:center!important;
    justify-items:center!important;
    gap:4px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .epicPlayWrap{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{
    width:min(250px,42vw)!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{
    max-height:58px!important;
    object-fit:contain!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{
    width:min(380px,100%)!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 76px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{
    height:30px!important;
    min-height:30px!important;
    padding:3px 5px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn .menuActionIcon{width:18px!important;height:18px!important;flex-basis:18px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuLeftRail{gap:4px!important;overflow:hidden!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{padding:4px!important;overflow:hidden!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileHero{grid-template-columns:36px minmax(0,1fr)!important;gap:4px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileAvatarBtn,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .avatarFrame--menu{width:36px!important;height:36px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuPanelTitle,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileTextLine,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileSection{font-size:8px!important;line-height:1!important;margin-top:2px!important;margin-bottom:2px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesBtn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{padding:4px!important;overflow:hidden!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsList{max-height:calc((var(--app-vh,1vh) * 100) - 70px)!important;overflow:auto!important}

  /* Seleção de modo: deixa de ser painel gigante; vira tela cheia compacta e clicável */
  body.mobile-device.mobile-landscape #playChoiceModal:not(.hidden){
    position:fixed!important;
    inset:0!important;
    z-index:2147481000!important;
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    display:grid!important;
    place-items:stretch!important;
    padding:calc(5px + var(--mobile-safe-top)) calc(7px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(7px + var(--mobile-safe-left))!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape .playChoiceBackdrop{background:rgba(1,4,10,.86)!important;backdrop-filter:blur(2px)!important}
  body.mobile-device.mobile-landscape .playChoicePanel{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    padding:7px!important;
    border:0!important;
    border-image:none!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape .playChoiceHeader{
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.mobile-device.mobile-landscape .playChoiceHeader h2{font-size:18px!important;line-height:1!important;margin:0!important}
  body.mobile-device.mobile-landscape .playChoiceHeader .sub{display:none!important}
  body.mobile-device.mobile-landscape #closePlayChoiceBtn{height:32px!important;min-height:32px!important;padding:4px 10px!important;font-size:10px!important}
  body.mobile-device.mobile-landscape .playChoiceGrid{
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape .playChoiceCard{
    min-height:0!important;
    height:100%!important;
    padding:8px!important;
    gap:4px!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    border-radius:12px!important;
  }
  body.mobile-device.mobile-landscape .playChoiceCard .choiceTag{font-size:8px!important;letter-spacing:.08em!important}
  body.mobile-device.mobile-landscape .playChoiceCard strong{font-size:16px!important;line-height:1!important;text-align:center!important}
  body.mobile-device.mobile-landscape .playChoiceCard small{font-size:9px!important;line-height:1.12!important;text-align:center!important;max-width:95%!important}

  /* Seleção de deck para jogar: footer/botão sempre visível */
  body.mobile-device.mobile-landscape #menuPlay{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    padding:calc(5px + var(--mobile-safe-top)) calc(7px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(7px + var(--mobile-safe-left))!important;
    display:grid!important;
    grid-template-rows:34px minmax(0,1fr) 42px!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape #menuPlay.hidden{display:none!important}
  body.mobile-device.mobile-landscape #menuPlay .menuTopline{
    min-height:0!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    background:transparent!important;
    border:0!important;
  }
  body.mobile-device.mobile-landscape #menuPlay .menuTopline h2{font-size:16px!important;line-height:1!important;margin:0!important}
  body.mobile-device.mobile-landscape #menuPlay .menuTopline .sub{display:none!important}
  body.mobile-device.mobile-landscape #menuPlay .backToMainBtn{height:30px!important;min-height:30px!important;padding:3px 10px!important;font-size:10px!important}
  body.mobile-device.mobile-landscape #menuPlay #playDeckSlots.slotGrid{
    min-height:0!important;
    height:100%!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
  }
  body.mobile-device.mobile-landscape #menuPlay .slotCard{
    min-height:0!important;
    padding:7px!important;
    border-width:10px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape #menuPlay .slotCard h3{font-size:12px!important;margin-bottom:3px!important}
  body.mobile-device.mobile-landscape #menuPlay .slotCard .small,
  body.mobile-device.mobile-landscape #menuPlay .slotCard p{font-size:9px!important;line-height:1.12!important;margin:2px 0!important}
  body.mobile-device.mobile-landscape #menuPlay .slotActions{margin-top:5px!important;gap:4px!important}
  body.mobile-device.mobile-landscape #menuPlay .slotActions button{height:28px!important;min-height:28px!important;padding:3px 6px!important;font-size:9px!important}
  body.mobile-device.mobile-landscape #menuPlay .menuFooter{
    min-height:0!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    background:rgba(0,0,0,.32)!important;
    border-radius:10px!important;
    border:1px solid rgba(255,220,140,.12)!important;
  }
  body.mobile-device.mobile-landscape #menuPlay #playStatus{font-size:9px!important;line-height:1.1!important;max-height:32px!important;overflow:hidden!important;padding-left:8px!important}
  body.mobile-device.mobile-landscape #menuPlay #confirmPlayBtn{height:34px!important;min-height:34px!important;min-width:150px!important;padding:4px 10px!important;font-size:10px!important;margin-right:4px!important}

  /* Tela de decks completa: botão jogar fixo e área central sem cortar */
  body.mobile-device.mobile-landscape.deck-open #menuDeck.deckForgeScreen{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    padding:calc(4px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(52px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;
    overflow:hidden!important;
    gap:4px!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck.hidden{display:none!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeTopbar{height:34px!important;min-height:34px!important;padding:0!important;gap:5px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeTopbar h2{font-size:15px!important;line-height:1!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeTopbar .sub{display:none!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckBackGem{width:30px!important;height:30px!important;min-width:30px!important;font-size:20px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeCurrencies span{font-size:9px!important;padding:3px 5px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckMainTabs{height:28px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin:0!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckMainTabs button{height:28px!important;min-height:28px!important;font-size:8.5px!important;padding:2px 4px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeLayout{
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-rows:88px minmax(0,1fr)!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeSelectedPanel{
    grid-column:1!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    padding:5px!important;
    display:block!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckTitleNav{height:28px!important;grid-template-columns:32px minmax(0,1fr) 32px!important;gap:4px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckSelectArrow{height:28px!important;width:32px!important;font-size:22px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeName{height:28px!important;font-size:12px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck #deckDeckDots,
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckDragHint,
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCompletenessLine{display:none!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCarouselShell{grid-template-columns:28px minmax(0,1fr) 28px!important;gap:4px!important;height:54px!important;margin:2px 0 0!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCarouselArrow{height:52px!important;width:28px!important;min-width:28px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck #deckSummary.deckForgeStrip{
    display:flex!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    overflow-x:auto!important;
    gap:4px!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig,
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeStrip .selectedDeckMini{
    flex:0 0 56px!important;
    min-width:56px!important;
    max-width:56px!important;
    min-height:52px!important;
    height:52px!important;
    padding:2px!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .selectedDeckMini.deckSlotCardBig .cardPreview,
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeStrip .selectedDeckMini .cardPreview{height:32px!important;min-height:32px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .selectedDeckMini b,
  body.mobile-device.mobile-landscape.deck-open #menuDeck .selectedDeckMini span{font-size:7px!important;line-height:1!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeCollectionPanel{
    grid-column:1!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionSide{padding:5px!important;overflow:auto!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionTitle{font-size:11px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCategoryNav button{height:24px!important;min-height:24px!important;font-size:8px!important;padding:2px 5px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionControls{height:32px!important;gap:4px!important;margin:0!important;padding:3px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionControls input,
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionControls select{height:26px!important;min-height:26px!important;font-size:10px!important;padding:2px 6px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeLibrary,
  body.mobile-device.mobile-landscape.deck-open #menuDeck #deckCardList{
    height:calc(100% - 34px)!important;
    max-height:none!important;
    overflow:auto!important;
    grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;
    gap:5px!important;
    padding:4px!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionCard{min-height:112px!important;padding:4px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckCollectionCard .cardPreview{height:48px!important;min-height:48px!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckRightColumn{display:none!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckForgeFooter{
    position:fixed!important;
    left:calc(6px + var(--mobile-safe-left))!important;
    right:calc(6px + var(--mobile-safe-right))!important;
    bottom:calc(4px + var(--mobile-safe-bottom))!important;
    height:42px!important;
    min-height:42px!important;
    z-index:2147481200!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    place-items:center!important;
    padding:3px!important;
    margin:0!important;
    background:rgba(1,5,12,.88)!important;
    border:1px solid rgba(255,225,150,.14)!important;
    border-radius:12px!important;
  }
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckFooterActions{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;width:100%!important;overflow:hidden!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck .deckFooterActions button{height:32px!important;min-height:32px!important;min-width:0!important;padding:3px 7px!important;font-size:8.5px!important;white-space:nowrap!important}
  body.mobile-device.mobile-landscape.deck-open #menuDeck #startFromDeckBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:132px!important;
    height:34px!important;
    min-height:34px!important;
    font-size:9.5px!important;
    padding:3px 10px!important;
    flex:0 0 auto!important;
  }

  /* Menu in-game: todos os botões aparecem e, se faltar altura, o menu rola internamente */
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptions.open{
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    place-items:center!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptions.open #gameOptionsMenu.gameOptionsModal{
    width:min(460px, calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 10px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    padding:8px!important;
    border-width:10px!important;
    overflow:auto!important;
  }
  body.mobile-device.mobile-landscape #gameOptionsHome.active{width:100%!important;gap:5px!important}
  body.mobile-device.mobile-landscape #gameOptionsMenu .gameOptionsTitle{font-size:17px!important;margin:0 0 3px!important;line-height:1!important}
  body.mobile-device.mobile-landscape #gameOptionsMenu .gameOptionBig{
    height:34px!important;
    min-height:34px!important;
    padding:4px 10px!important;
    font-size:9.5px!important;
    line-height:1!important;
    border-radius:10px!important;
  }
  body.mobile-device.mobile-landscape #gameOptionsMenu .gameOptionsHeaderRow{grid-template-columns:auto 1fr auto!important;gap:5px!important;margin:0!important}
  body.mobile-device.mobile-landscape #gameOptionsMenu .gameOptionsHeaderRow button{height:28px!important;min-height:28px!important;padding:3px 8px!important;font-size:9px!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen.active{max-height:none!important;overflow:hidden!important;gap:5px!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .settingsTabs{height:30px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin:0!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .settingsTab{height:28px!important;min-height:28px!important;font-size:8.5px!important;padding:2px 4px!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .inGameSettingsGrid{max-height:calc((var(--app-vh,1vh) * 100) - 98px)!important;overflow:auto!important;padding:0!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .configRow{padding:6px!important;gap:5px!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .audioControl,
  body.mobile-device.mobile-landscape #gameSettingsScreen .graphicsControl{grid-template-columns:1fr minmax(120px,1.4fr) 32px!important;gap:5px!important;font-size:9px!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen select,
  body.mobile-device.mobile-landscape #gameSettingsScreen input,
  body.mobile-device.mobile-landscape #gameSettingsScreen button{min-height:28px!important;height:28px!important;font-size:9px!important}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:390px),
       (max-width:940px) and (max-height:430px){
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    grid-template-columns:minmax(82px,15vw) minmax(250px,1fr)!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{display:none!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuCenterColumn{grid-column:2!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{width:min(230px,42vw)!important;height:46px!important;min-height:46px!important;max-height:46px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{max-height:52px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{height:27px!important;min-height:27px!important;font-size:8px!important}
  body.mobile-device.mobile-landscape #menuPlay{grid-template-rows:30px minmax(0,1fr) 36px!important;gap:4px!important}
  body.mobile-device.mobile-landscape #menuPlay #confirmPlayBtn{height:30px!important;min-height:30px!important;font-size:9px!important}
  body.mobile-device.mobile-landscape .playChoiceHeader{height:32px!important;min-height:32px!important}
  body.mobile-device.mobile-landscape .playChoiceCard{padding:5px!important}
  body.mobile-device.mobile-landscape .playChoiceCard strong{font-size:14px!important}
  body.mobile-device.mobile-landscape .playChoiceCard small{font-size:8px!important;line-height:1.05!important}
}


/* Crowbound Tatics Patch 25.3 - mobile HUD polish + loading + 3D visibility */
@media (pointer:coarse) and (orientation:landscape) and (max-height:760px),
       (pointer:coarse) and (orientation:landscape) and (max-width:1180px){
  body.mobile-device.mobile-landscape{
    --mobile-menu-side: min(176px, 22vw);
    --mobile-center: minmax(220px, 1fr);
  }

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    grid-template-columns:var(--mobile-menu-side) var(--mobile-center) var(--mobile-menu-side)!important;
    gap:6px!important;
    align-items:stretch!important;
    height:calc((var(--app-vh,1vh) * 100) - 8px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuLeftRail,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
  }

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{
    padding:3px 4px!important;
    min-height:0!important;
    height:auto!important;
    max-height:96px!important;
    flex:0 0 auto!important;
    border-width:8px!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard .menuPanelTitle{
    font-size:8px!important;
    line-height:1!important;
    margin:0 0 2px!important;
    letter-spacing:.08em!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileHero{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:4px!important;
    align-items:center!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileAvatarBtn,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .avatarFrame--menu{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileTextLine,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileSection,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileRankName,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .goldLine{
    font-size:7.5px!important;
    line-height:.95!important;
    margin:1px 0!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileLevelBar{
    height:4px!important;
    margin-top:2px!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuRankIcon,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuProfileGoldIconSlot{
    transform:scale(.72)!important;
    transform-origin:center!important;
  }

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesDock{flex:0 0 auto!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesBtn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-width:7px!important;
    padding:0!important;
  }

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    padding:3px 4px!important;
    border-width:8px!important;
    max-height:100%!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar.hidden{
    display:flex!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar .menuPanelTitle{
    font-size:8px!important;
    line-height:1!important;
    margin:0 0 2px!important;
    gap:3px!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsHeaderActions button{
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:9px!important;padding:0!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsList{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    font-size:8px!important;
    padding:2px!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuAddFriendBtn,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #friendQueryInput{
    height:22px!important;
    min-height:22px!important;
    font-size:7.5px!important;
    padding:2px 5px!important;
    margin-top:2px!important;
  }

  body.mobile-device.mobile-landscape .globalChatWidget{
    left:calc(6px + var(--mobile-safe-left))!important;
    bottom:calc(6px + var(--mobile-safe-bottom))!important;
    width:auto!important;
    z-index:999920!important;
  }
  body.mobile-device.mobile-landscape .globalChatToggle{
    width:148px!important;
    max-width:148px!important;
    min-height:30px!important;
    border-width:7px!important;
    padding:2px 5px!important;
    gap:4px!important;
    font-size:8.5px!important;
  }
  body.mobile-device.mobile-landscape .globalChatToggle span{gap:3px!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  body.mobile-device.mobile-landscape .globalChatToggle span::before{width:18px!important;height:18px!important;font-size:10px!important;flex-basis:18px!important}
  body.mobile-device.mobile-landscape .globalChatToggle::after{width:18px!important;height:18px!important;font-size:10px!important;border-radius:6px!important}
  body.mobile-device.mobile-landscape .globalChatToggle small{display:none!important}
  body.mobile-device.mobile-landscape .globalChatPanel{
    width:min(270px, 44vw)!important;
    height:min(210px, calc((var(--app-vh,1vh) * 100) - 18px))!important;
    min-width:0!important;
    min-height:0!important;
    max-width:44vw!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 18px)!important;
    border-width:9px!important;
    resize:none!important;
  }
  body.mobile-device.mobile-landscape .globalChatTitle b{font-size:10px!important}
  body.mobile-device.mobile-landscape .globalChatTitle span{font-size:7px!important}
  body.mobile-device.mobile-landscape .globalChatMinBtn{height:20px!important;min-height:20px!important;font-size:7px!important;padding:1px 5px!important}
  body.mobile-device.mobile-landscape .globalChatMessages{padding:4px!important;font-size:8px!important}
  body.mobile-device.mobile-landscape .globalChatForm{gap:3px!important;padding:4px!important}
  body.mobile-device.mobile-landscape .globalChatForm input,
  body.mobile-device.mobile-landscape .globalChatForm button{height:22px!important;min-height:22px!important;font-size:8px!important;padding:2px 5px!important}

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuCenterColumn{
    height:100%!important;
    max-height:100%!important;
    display:grid!important;
    grid-template-rows:minmax(44px, .42fr) minmax(120px, 1fr)!important;
    gap:4px!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .epicPlayWrap{align-self:end!important;min-height:0!important;display:grid!important;place-items:center!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{
    width:min(210px,34vw)!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    animation:none!important;
    transform:none!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.36))!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton::before,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton::after{
    animation:none!important;
    opacity:.20!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{
    max-height:48px!important;
    animation:none!important;
    transform:none!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    grid-auto-rows:28px!important;
    gap:4px!important;
    max-height:none!important;
    overflow:hidden!important;
    align-self:start!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{
    height:28px!important;
    min-height:28px!important;
    padding:1px 5px!important;
    border-width:7px!important;
    font-size:7.5px!important;
    letter-spacing:.04em!important;
    gap:3px!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn .menuActionIcon{width:15px!important;height:15px!important;flex-basis:15px!important;font-size:12px!important}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:760px),
       (pointer:coarse) and (orientation:landscape) and (max-width:1180px){
  body.mobile-device.mobile-landscape #loadingOverlay .loadingPanel{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    min-height:calc(var(--app-vh,1vh) * 100)!important;
    max-height:calc(var(--app-vh,1vh) * 100)!important;
    padding:calc(6px + var(--mobile-safe-top)) calc(8px + var(--mobile-safe-right)) calc(6px + var(--mobile-safe-bottom)) calc(8px + var(--mobile-safe-left))!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingTitle{
    font-size:clamp(16px,3.2vw,28px)!important;
    line-height:1!important;
    margin:0 0 3px!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingLabel{
    font-size:9px!important;
    margin:0 0 5px!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingVersus{
    width:min(560px,calc(100vw - 24px))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    margin:4px auto 6px!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingFighter{
    min-width:0!important;
    width:100%!important;
    padding:5px 6px!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingAvatar,
  body.mobile-device.mobile-landscape #loadingOverlay .avatarFrame{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingVS{
    font-size:22px!important;
    line-height:1!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingFighterRole{font-size:7px!important;line-height:1!important}
  body.mobile-device.mobile-landscape #loadingOverlay .loadingFighterName{font-size:10px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.mobile-device.mobile-landscape #loadingOverlay .loadingBar{
    width:min(520px,calc(100vw - 40px))!important;
    height:10px!important;
    margin:2px auto!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingDetail{
    font-size:9px!important;
    line-height:1.05!important;
    margin-top:5px!important;
  }
  body.mobile-device.mobile-landscape #loadingOverlay .loadingTrail{
    width:min(520px,calc(100vw - 40px))!important;
    max-height:28px!important;
    overflow:hidden!important;
    margin-top:4px!important;
    font-size:7px!important;
  }
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:390px){
  body.mobile-device.mobile-landscape{
    --mobile-menu-side:min(150px,21vw);
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{max-height:82px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileSection{display:none!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{grid-auto-rows:25px!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{height:25px!important;min-height:25px!important;font-size:7px!important}
  body.mobile-device.mobile-landscape .globalChatPanel{height:min(180px, calc((var(--app-vh,1vh) * 100) - 12px))!important}
}

/* Crowbound Tatics Patch 25.4 - mobile in-game options + compact card roulette */
@media (pointer:coarse) and (orientation:landscape),
       (max-width:1024px) and (max-height:560px){
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptions{
    top:calc(5px + var(--mobile-safe-top))!important;
    right:calc(5px + var(--mobile-safe-right))!important;
    align-items:flex-end!important;
    z-index:2147482500!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptionsBtn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    font-size:16px!important;
    border-radius:999px!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptions.open{
    inset:0!important;
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    padding:calc(5px + var(--mobile-safe-top)) calc(7px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(7px + var(--mobile-safe-left))!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(0,0,0,.58)!important;
    backdrop-filter:blur(2px)!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptions.open #gameOptionsBtn{
    position:fixed!important;
    top:calc(5px + var(--mobile-safe-top))!important;
    right:calc(5px + var(--mobile-safe-right))!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #gameOptions.open #gameOptionsMenu.gameOptionsModal{
    width:min(520px, calc(100vw - 18px - var(--mobile-safe-left) - var(--mobile-safe-right)))!important;
    max-width:calc(100vw - 18px - var(--mobile-safe-left) - var(--mobile-safe-right))!important;
    height:auto!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 14px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    padding:8px!important;
    border-width:8px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  body.mobile-device.mobile-landscape #gameOptionsHome.active{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  body.mobile-device.mobile-landscape #gameOptionsHome .gameOptionsTitle{
    grid-column:1 / -1!important;
    font-size:15px!important;
    line-height:1!important;
    margin:0 0 1px!important;
    letter-spacing:.08em!important;
    text-align:center!important;
  }
  body.mobile-device.mobile-landscape #gameOptionsHome .gameOptionBig{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:4px 8px!important;
    font-size:9.5px!important;
    line-height:1!important;
    border-radius:10px!important;
    text-align:center!important;
    justify-content:center!important;
    white-space:normal!important;
  }
  body.mobile-device.mobile-landscape #gameOptionsHome #backToGameBtn,
  body.mobile-device.mobile-landscape #gameOptionsHome #surrenderBtn{
    grid-column:1 / -1!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen.active,
  body.mobile-device.mobile-landscape #surrenderConfirmScreen.active{
    display:grid!important;
    width:100%!important;
    min-height:0!important;
    max-height:calc((var(--app-vh,1vh) * 100) - 38px - var(--mobile-safe-top) - var(--mobile-safe-bottom))!important;
    overflow:hidden!important;
    gap:5px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .gameOptionsHeaderRow{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 64px!important;
    gap:5px!important;
    align-items:center!important;
    margin:0!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .gameOptionsHeaderRow .gameOptionsTitle{
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .gameOptionsHeaderRow button{
    height:27px!important;
    min-height:27px!important;
    padding:2px 5px!important;
    font-size:8px!important;
    border-radius:8px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .settingsTabs{
    height:27px!important;
    min-height:27px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    margin:0!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .settingsTab{
    height:27px!important;
    min-height:27px!important;
    padding:2px 3px!important;
    font-size:8px!important;
    border-radius:8px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .inGameSettingsGrid{
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    padding:0 2px 2px!important;
    display:block!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .settingsPanelTab.active{
    display:grid!important;
    gap:5px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .configRow{
    display:grid!important;
    grid-template-columns:minmax(88px,.8fr) minmax(0,1.35fr)!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px!important;
    border-radius:10px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .configRow.configRowBlock{
    grid-template-columns:minmax(80px,.72fr) minmax(0,1.45fr)!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .configRow strong{font-size:9px!important;line-height:1.05!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .configRow .small{font-size:7.5px!important;line-height:1.1!important;margin-top:2px!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .audioSettingsPanel,
  body.mobile-device.mobile-landscape #gameSettingsScreen .graphicsSettingsPanel{
    padding:5px!important;
    gap:4px!important;
    max-height:none!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen .audioTitle,
  body.mobile-device.mobile-landscape #gameSettingsScreen .graphicsTitle{display:none!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen .audioControl,
  body.mobile-device.mobile-landscape #gameSettingsScreen .graphicsControl{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 28px!important;
    gap:4px!important;
    align-items:center!important;
    min-height:22px!important;
    font-size:8px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen input[type="range"]{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
  }
  body.mobile-device.mobile-landscape #gameSettingsScreen output,
  body.mobile-device.mobile-landscape #gameSettingsScreen small,
  body.mobile-device.mobile-landscape #gameSettingsScreen .settingsStatusPill{font-size:7.5px!important;line-height:1!important}
  body.mobile-device.mobile-landscape #gameSettingsScreen select,
  body.mobile-device.mobile-landscape #gameSettingsScreen button,
  body.mobile-device.mobile-landscape #gameSettingsScreen input:not([type="range"]){
    min-height:24px!important;
    height:24px!important;
    font-size:8px!important;
    padding:2px 5px!important;
    border-radius:7px!important;
  }
  body.mobile-device.mobile-landscape #surrenderConfirmScreen.active{
    width:min(420px,100%)!important;
    text-align:center!important;
    gap:8px!important;
    place-items:center!important;
  }
  body.mobile-device.mobile-landscape #surrenderConfirmScreen p{font-size:10px!important;line-height:1.25!important;max-width:360px!important}
  body.mobile-device.mobile-landscape .surrenderConfirmActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  body.mobile-device.mobile-landscape .surrenderConfirmActions button{height:34px!important;min-height:34px!important;font-size:9px!important;padding:4px 7px!important;border-radius:10px!important}

  /* Roleta de cartas mobile: baixa, reta e clicável, sem cortar o tabuleiro */
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(2px + var(--mobile-safe-bottom))!important;
    transform:translateX(-50%)!important;
    width:min(560px, calc(100vw - 92px - var(--mobile-safe-left) - var(--mobile-safe-right)))!important;
    max-width:calc(100vw - 92px - var(--mobile-safe-left) - var(--mobile-safe-right))!important;
    height:118px!important;
    max-height:118px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    z-index:62!important;
    pointer-events:none!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode{
    height:86px!important;
    max-height:86px!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode .card{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    min-height:78px!important;
    height:78px!important;
    padding:4px!important;
    border-radius:8px!important;
    pointer-events:auto!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode .card.active{
    transform:translateX(-50%) rotate(var(--slot-r,0deg)) scale(calc(var(--slot-s,1) * 1.04)) translateY(-7px)!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cardPreview{
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    border-radius:6px!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card h3{
    font-size:7.8px!important;
    line-height:1!important;
    margin:2px 0 0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card .type,
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card p,
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cardInfoBtn{display:none!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #deckActionBar{
    height:30px!important;
    min-height:30px!important;
    margin:-1px auto 0!important;
    gap:5px!important;
    pointer-events:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #drawBtn.drawBtnSkinned,
  body.mobile-device.mobile-landscape:not(.menu-open) #deckActionBar #drawBtn.drawBtnSkinned{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    background-size:contain!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #gameDeckCountLabel,
  body.mobile-device.mobile-landscape:not(.menu-open) #deckCountLabel{
    display:inline-flex!important;
    height:24px!important;
    align-items:center!important;
    padding:2px 6px!important;
    font-size:8px!important;
    line-height:1!important;
    max-width:108px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #endTurnBtn{
    width:36px!important;
    min-width:36px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    font-size:14px!important;
    border-radius:9px!important;
  }
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:390px),
       (max-width:940px) and (max-height:430px){
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel{
    width:min(500px, calc(100vw - 82px - var(--mobile-safe-left) - var(--mobile-safe-right)))!important;
    height:96px!important;
    max-height:96px!important;
  }
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode{height:68px!important;max-height:68px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode .card{width:72px!important;min-width:72px!important;max-width:72px!important;height:60px!important;min-height:60px!important;padding:3px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cardPreview{height:38px!important;min-height:38px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card h3{font-size:7px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #deckActionBar{height:27px!important;min-height:27px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #drawBtn.drawBtnSkinned,
  body.mobile-device.mobile-landscape:not(.menu-open) #deckActionBar #drawBtn.drawBtnSkinned{width:82px!important;min-width:82px!important;height:26px!important;min-height:26px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #gameDeckCountLabel{font-size:7px!important;max-width:92px!important}
  body.mobile-device.mobile-landscape:not(.menu-open) #endTurnBtn{width:32px!important;min-width:32px!important;height:26px!important;min-height:26px!important;font-size:12px!important}
}


/* Crowbound Tatics Patch 27 - Mega correção mobile geral
   Revisão por tela: menu, decks, encantamento, configurações, loja, in-game, roleta e resumo final. */
@media (pointer:coarse) and (orientation:landscape),
       (max-width:1180px) and (max-height:760px){
  body.mobile-device.mobile-landscape,
  body.mobile-device.mobile-landscape #mainMenu,
  body.mobile-device.mobile-landscape #game{
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    max-width:100vw!important;
    max-height:calc(var(--app-vh,1vh) * 100)!important;
    overflow:hidden!important;
    transform:none!important;
  }

  /* MENU PRINCIPAL - centro correto, perfil legível, chat pequeno, amigos visíveis */
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell{
    width:100vw!important;
    height:calc(var(--app-vh,1vh) * 100)!important;
    padding:calc(5px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:stretch!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:clamp(138px,18vw,172px) minmax(300px,1fr) clamp(138px,18vw,172px)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:6px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuLeftRail,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuLeftRail{grid-column:1!important;grid-row:1!important}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuCenterColumn{grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(84px,.55fr) minmax(114px,.9fr)!important;align-content:center!important;justify-items:center!important;gap:8px!important;overflow:hidden!important;padding:2px 4px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{grid-column:3!important;grid-row:1!important;display:flex!important;padding:5px!important;border-width:8px!important;border-radius:12px!important;background:rgba(5,10,26,.78)!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar.hidden{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{
    flex:0 0 auto!important;
    height:auto!important;
    max-height:128px!important;
    min-height:0!important;
    padding:5px!important;
    border-width:8px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:rgba(5,10,26,.78)!important;
  }
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard .menuPanelTitle{font-size:8.5px!important;line-height:1!important;margin:0 0 3px!important;letter-spacing:.08em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileHero{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:5px!important;align-items:center!important;min-height:42px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileAvatarBtn,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .avatarFrame--menu{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileTextLine,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileSection,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileRankName,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .goldLine{font-size:8.5px!important;line-height:1.08!important;margin:2px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileLevelBar{height:5px!important;margin:3px 0!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuRankIcon,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuProfileGoldIconSlot{width:14px!important;height:14px!important;min-width:14px!important;}

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesDock{position:relative!important;inset:auto!important;flex:0 0 auto!important;display:flex!important;justify-content:flex-start!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesBtn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-width:7px!important;padding:0!important;border-radius:10px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .patchNotesGlyph{font-size:16px!important;}

  body.mobile-device.mobile-landscape .globalChatWidget{left:calc(5px + var(--mobile-safe-left))!important;bottom:calc(5px + var(--mobile-safe-bottom))!important;width:auto!important;max-width:188px!important;z-index:88!important;}
  body.mobile-device.mobile-landscape .globalChatToggle{width:136px!important;max-width:136px!important;min-height:28px!important;height:28px!important;border-width:6px!important;padding:1px 5px!important;font-size:8px!important;border-radius:9px!important;}
  body.mobile-device.mobile-landscape .globalChatToggle small{display:none!important;}
  body.mobile-device.mobile-landscape .globalChatPanel{width:250px!important;max-width:36vw!important;height:178px!important;max-height:calc((var(--app-vh,1vh) * 100) - 14px)!important;border-width:8px!important;border-radius:12px!important;resize:none!important;}

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsTitle,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar .menuPanelTitle{font-size:8.5px!important;line-height:1!important;margin:0 0 4px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsHeaderActions button{height:21px!important;min-height:21px!important;font-size:7px!important;padding:1px 5px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsAdd{gap:3px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsAdd input,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsAdd button,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #friendQueryInput,
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuAddFriendBtn{height:24px!important;min-height:24px!important;font-size:8px!important;padding:2px 5px!important;border-radius:7px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsList{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;gap:4px!important;padding-right:2px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendItem{padding:5px!important;border-radius:8px!important;gap:2px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendTop b{font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendMeta{font-size:7px!important;gap:3px!important;}

  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .epicPlayWrap{width:100%!important;align-self:end!important;display:grid!important;place-items:center!important;min-height:0!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{width:min(320px,46vw)!important;height:64px!important;min-height:64px!important;max-height:64px!important;margin:0!important;animation:none!important;transform:none!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{max-height:70px!important;animation:none!important;object-fit:contain!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{width:min(380px,52vw)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:32px!important;gap:6px!important;align-self:start!important;justify-self:center!important;overflow:hidden!important;margin:0!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{height:32px!important;min-height:32px!important;padding:2px 7px!important;border-width:7px!important;border-radius:9px!important;font-size:8.8px!important;letter-spacing:.04em!important;gap:4px!important;justify-content:center!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn .menuActionIcon{width:16px!important;height:16px!important;flex:0 0 16px!important;font-size:12px!important;}

  /* Seleção de modo de jogo compacta e clicável */
  body.mobile-device.mobile-landscape .playChoiceModal:not(.hidden){display:grid!important;place-items:center!important;inset:0!important;padding:calc(6px + var(--mobile-safe-top)) calc(8px + var(--mobile-safe-right)) calc(6px + var(--mobile-safe-bottom)) calc(8px + var(--mobile-safe-left))!important;}
  body.mobile-device.mobile-landscape .playChoicePanel{width:min(620px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;height:auto!important;max-height:calc((var(--app-vh,1vh) * 100) - 12px)!important;padding:8px!important;border-width:10px!important;border-radius:14px!important;overflow:auto!important;}
  body.mobile-device.mobile-landscape .playChoiceHeader{height:34px!important;min-height:34px!important;margin:0 0 6px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;}
  body.mobile-device.mobile-landscape .playChoiceHeader h2{font-size:16px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape .playChoiceHeader .sub{display:none!important;}
  body.mobile-device.mobile-landscape .playChoiceGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.mobile-device.mobile-landscape .playChoiceCard{min-height:66px!important;padding:7px!important;border-radius:10px!important;}
  body.mobile-device.mobile-landscape .playChoiceCard strong{font-size:15px!important;line-height:1!important;}
  body.mobile-device.mobile-landscape .playChoiceCard small{font-size:8.5px!important;line-height:1.15!important;}

  /* DECKS MOBILE - usa lógica do PC: montagem sempre aberta, 5 cartas grandes no centro, estojo por popup */
  body.mobile-device.mobile-landscape.deck-open #menuShell,
  body.mobile-device.mobile-landscape.deck-open #menuShell.wide{width:100vw!important;height:calc(var(--app-vh,1vh) * 100)!important;padding:calc(4px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(4px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;overflow:hidden!important;background:rgba(3,5,7,.92)!important;}
  body.mobile-device.mobile-landscape.deck-open #menuDeck.deckForgeScreen{width:100%!important;height:100%!important;display:grid!important;grid-template-rows:36px 30px minmax(0,1fr) 38px!important;gap:5px!important;overflow:hidden!important;padding:0!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeTopbar{height:36px!important;min-height:36px!important;padding:2px 4px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important;}
  body.mobile-device.mobile-landscape.deck-open .deckBackGem{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;font-size:18px!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeTopbar h2{font-size:17px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeTopbar .sub{display:none!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeCurrencies{gap:4px!important;font-size:9px!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeCurrencies span{height:24px!important;min-height:24px!important;padding:2px 6px!important;}
  body.mobile-device.mobile-landscape.deck-open .deckMainTabs{height:30px!important;min-height:30px!important;display:flex!important;justify-content:center!important;gap:5px!important;overflow:hidden!important;margin:0!important;padding:0!important;}
  body.mobile-device.mobile-landscape.deck-open .deckMainTabs button{height:28px!important;min-height:28px!important;padding:2px 8px!important;font-size:8.5px!important;border-radius:8px!important;white-space:nowrap!important;}
  body.mobile-device.mobile-landscape.deck-open .deckMainTabs button[data-deck-main-tab="collection"],
  body.mobile-device.mobile-landscape.deck-open .deckMainTabs button[data-deck-main-tab="broken"]{display:none!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeLayout{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"selected"!important;gap:0!important;overflow:hidden!important;align-items:center!important;justify-items:center!important;}
  body.mobile-device.mobile-landscape.deck-open #menuDeck:not(.collection-mode):not(.broken-mode) .deckForgeCollectionPanel,
  body.mobile-device.mobile-landscape.deck-open #menuDeck:not(.collection-mode):not(.broken-mode) .deckRightColumn{display:none!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeSelectedPanel{grid-area:selected!important;width:min(720px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;gap:4px!important;align-items:center!important;justify-items:center!important;padding:4px!important;border-width:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.deck-open .deckCountCard,
  body.mobile-device.mobile-landscape.deck-open .deckInspector{display:none!important;}
  body.mobile-device.mobile-landscape.deck-open .deckSelectedWrap{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:30px 18px 18px minmax(0,1fr) 16px 18px!important;gap:3px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.deck-open .deckTitleNav{width:min(390px,62vw)!important;height:30px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;gap:4px!important;}
  body.mobile-device.mobile-landscape.deck-open .deckSelectArrow{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:18px!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeName{height:30px!important;min-height:30px!important;font-size:12px!important;text-align:center!important;}
  body.mobile-device.mobile-landscape.deck-open .deckDeckDots{height:16px!important;margin:0!important;}
  body.mobile-device.mobile-landscape.deck-open .deckCarouselHeader{height:16px!important;font-size:9px!important;line-height:1!important;width:min(600px,82vw)!important;}
  body.mobile-device.mobile-landscape.deck-open .deckCarouselShell{width:min(660px,86vw)!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:5px!important;align-items:center!important;}
  body.mobile-device.mobile-landscape.deck-open .deckCarouselArrow{width:32px!important;height:64px!important;min-height:64px!important;padding:0!important;font-size:22px!important;}
  body.mobile-device.mobile-landscape.deck-open .selectedDeckStrip{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(84px,1fr))!important;gap:8px!important;padding:5px!important;overflow:hidden!important;align-items:center!important;background:rgba(0,0,0,.24)!important;border-radius:14px!important;}
  body.mobile-device.mobile-landscape.deck-open .selectedDeckMini.deckSlotCardBig{width:100%!important;min-width:0!important;height:min(156px,calc((var(--app-vh,1vh) * 100) - 170px))!important;min-height:104px!important;max-height:168px!important;padding:5px!important;border-radius:10px!important;display:grid!important;grid-template-rows:minmax(72px,1fr) 18px 13px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.deck-open .selectedDeckMini.deckSlotCardBig .cardPreview{height:100%!important;min-height:72px!important;width:100%!important;margin:0!important;}
  body.mobile-device.mobile-landscape.deck-open .selectedDeckMini.deckSlotCardBig b{font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.mobile-device.mobile-landscape.deck-open .selectedDeckMini.deckSlotCardBig span{font-size:7.5px!important;line-height:1!important;}
  body.mobile-device.mobile-landscape.deck-open .deckDragHint{display:block!important;height:14px!important;font-size:8px!important;line-height:1!important;text-align:center!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.deck-open .deckCompletenessLine{height:16px!important;font-size:9px!important;line-height:1!important;text-align:center!important;}
  body.mobile-device.mobile-landscape.deck-open .deckForgeFooter{height:38px!important;min-height:38px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important;padding:2px 4px!important;margin:0!important;overflow:hidden!important;background:rgba(0,0,0,.45)!important;border-radius:10px!important;}
  body.mobile-device.mobile-landscape.deck-open .deckStatus{font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape.deck-open .deckFooterActions{display:flex!important;gap:4px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.deck-open .deckFooterActions button{height:30px!important;min-height:30px!important;padding:2px 7px!important;font-size:7.5px!important;border-radius:8px!important;white-space:nowrap!important;min-width:0!important;}
  body.mobile-device.mobile-landscape.deck-open .deckFooterActions #startFromDeckBtn{min-width:112px!important;font-size:8px!important;}
  body.mobile-device.mobile-landscape .deckCardPickerPanel,
  body.mobile-device.mobile-landscape .setupPiecePickerPanel,
  body.mobile-device.mobile-landscape .deckCardInfoPanel{width:min(680px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;height:calc((var(--app-vh,1vh) * 100) - 14px)!important;max-height:calc((var(--app-vh,1vh) * 100) - 14px)!important;padding:8px!important;border-width:10px!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape .deckCardPickerHeader,
  body.mobile-device.mobile-landscape .setupPiecePickerHeader,
  body.mobile-device.mobile-landscape .deckCardInfoHeader{min-height:34px!important;margin:0 0 5px!important;align-items:center!important;}
  body.mobile-device.mobile-landscape .deckCardPickerHeader h2,
  body.mobile-device.mobile-landscape .setupPiecePickerHeader h3,
  body.mobile-device.mobile-landscape .deckCardInfoHeader h2{font-size:15px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape .deckCardPickerHeader .sub,
  body.mobile-device.mobile-landscape .setupPiecePickerHeader .sub,
  body.mobile-device.mobile-landscape .deckCardInfoHeader .sub{display:none!important;}
  body.mobile-device.mobile-landscape .deckCardPickerActions button,
  body.mobile-device.mobile-landscape .setupPiecePickerHeader button,
  body.mobile-device.mobile-landscape .deckCardInfoHeader button{height:28px!important;min-height:28px!important;font-size:8px!important;padding:2px 7px!important;}
  body.mobile-device.mobile-landscape .deckCardPickerControls{height:30px!important;min-height:30px!important;margin:0 0 5px!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape .deckPickerFilterBar{display:flex!important;gap:4px!important;overflow-x:auto!important;}
  body.mobile-device.mobile-landscape .deckPickerFilterBar button{height:26px!important;min-height:26px!important;font-size:8px!important;padding:2px 7px!important;white-space:nowrap!important;}
  body.mobile-device.mobile-landscape .deckCardPickerList{min-height:0!important;overflow:auto!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:6px!important;padding:2px 3px 8px!important;}
  body.mobile-device.mobile-landscape .deckPickerCard{min-height:118px!important;padding:5px!important;border-radius:9px!important;display:grid!important;grid-template-rows:74px 24px!important;}
  body.mobile-device.mobile-landscape .deckPickerCard .cardPreview{height:72px!important;min-height:72px!important;}
  body.mobile-device.mobile-landscape .deckPickerCard b{font-size:8px!important;line-height:1.05!important;}

  /* Encantamento mobile: proporção corrigida, sem texto em cima dos cards */
  body.mobile-device.mobile-landscape.enchant-open #menuShell{padding:calc(4px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(4px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.enchant-open #cardEnchantScreen{width:100%!important;height:100%!important;max-height:100%!important;display:grid!important;grid-template-rows:36px minmax(0,1fr)!important;gap:5px!important;overflow:hidden!important;padding:0!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantTopbar{height:36px!important;min-height:36px!important;grid-template-columns:34px minmax(0,1fr) auto!important;padding:2px 5px!important;gap:5px!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantTopbar h2{font-size:16px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantTopbar .sub{display:none!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantBackBtn{height:30px!important;min-height:30px!important;padding:2px 7px!important;font-size:8px!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantCurrency{height:26px!important;font-size:9px!important;gap:4px!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantStage{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(250px,.92fr) minmax(300px,1.08fr)!important;gap:6px!important;overflow:hidden!important;align-items:stretch!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantCardPanel{min-height:0!important;padding:6px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:5px!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantCardPreviewWrap{min-height:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantCardPreviewWrap .cardPreview,
  body.mobile-device.mobile-landscape.enchant-open .enchantMainCard .cardPreview{height:min(168px,calc((var(--app-vh,1vh) * 100) - 142px))!important;min-height:100px!important;width:min(136px,34vw)!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantInfoPanel{min-height:0!important;padding:6px!important;overflow:auto!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantInfoPanel h3,
  body.mobile-device.mobile-landscape.enchant-open .enchantInfoPanel h2{font-size:14px!important;line-height:1!important;margin:2px 0 5px!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantInfoPanel p,
  body.mobile-device.mobile-landscape.enchant-open .enchantInfoPanel .small,
  body.mobile-device.mobile-landscape.enchant-open .enchantInfoPanel span{font-size:8.5px!important;line-height:1.15!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantUpgradeActions button,
  body.mobile-device.mobile-landscape.enchant-open .enchantActions button{height:30px!important;min-height:30px!important;font-size:8.5px!important;padding:2px 8px!important;}
  body.mobile-device.mobile-landscape.enchant-open .enchantList,
  body.mobile-device.mobile-landscape.enchant-open .enchantCardList{min-height:0!important;overflow:auto!important;grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;gap:5px!important;}

  /* Configurações do menu: mesmo conceito do in-game, compacta e com scroll interno */
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuShell,
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings{width:100vw!important;height:calc(var(--app-vh,1vh) * 100)!important;max-height:calc(var(--app-vh,1vh) * 100)!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuShell{padding:calc(5px + var(--mobile-safe-top)) calc(7px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(7px + var(--mobile-safe-left))!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings{display:grid!important;grid-template-rows:36px 30px minmax(0,1fr)!important;gap:5px!important;padding:0!important;background:rgba(3,6,14,.92)!important;border:0!important;box-shadow:none!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .menuTopline{height:36px!important;min-height:36px!important;padding:2px 5px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .menuTopline h2{font-size:16px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .menuTopline .sub{display:none!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .backToMainBtn{height:28px!important;min-height:28px!important;font-size:8px!important;padding:2px 8px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .settingsTabs{height:30px!important;min-height:30px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .settingsTab{height:28px!important;min-height:28px!important;font-size:8.5px!important;padding:2px 5px!important;border-radius:8px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .configGrid.settingsTabbedGrid{min-height:0!important;max-height:none!important;overflow:auto!important;padding:0 3px 8px!important;display:block!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .settingsPanelTab.active{display:grid!important;gap:5px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .configRow{display:grid!important;grid-template-columns:minmax(110px,.85fr) minmax(0,1.2fr)!important;gap:6px!important;padding:6px!important;border-radius:10px!important;align-items:center!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .configRow strong{font-size:9px!important;line-height:1.1!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .configRow .small{font-size:7.5px!important;line-height:1.12!important;margin-top:2px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings button,
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings select,
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings input:not([type="range"]){height:28px!important;min-height:28px!important;font-size:8.5px!important;padding:2px 6px!important;border-radius:8px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .audioSettingsPanel,
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .graphicsSettingsPanel{padding:5px!important;gap:4px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .audioTitle,
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .graphicsTitle{display:none!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .audioControl,
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings .graphicsControl{display:grid!important;grid-template-columns:55px minmax(0,1fr) 32px!important;gap:4px!important;align-items:center!important;min-height:24px!important;font-size:8px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-settings #menuSettings input[type="range"]{height:18px!important;min-height:18px!important;}

  /* LOJA: rolagem interna e cards compráveis sempre acessíveis */
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShell,
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop{width:100vw!important;height:calc(var(--app-vh,1vh) * 100)!important;max-height:calc(var(--app-vh,1vh) * 100)!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShell{padding:calc(5px + var(--mobile-safe-top)) calc(7px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(7px + var(--mobile-safe-left))!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop{display:grid!important;grid-template-rows:34px 28px minmax(0,1fr)!important;gap:5px!important;padding:0!important;background:rgba(3,6,14,.92)!important;border:0!important;box-shadow:none!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .menuTopline{height:34px!important;min-height:34px!important;padding:2px 5px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .menuTopline h2{font-size:16px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .menuTopline .sub{display:none!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .backToMainBtn{height:28px!important;min-height:28px!important;font-size:8px!important;padding:2px 8px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopCurrency{height:28px!important;min-height:28px!important;display:flex!important;gap:5px!important;overflow:hidden!important;align-items:center!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopCurrency .pill{height:24px!important;min-height:24px!important;font-size:8.5px!important;padding:2px 6px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopLayout{min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:6px!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .menuPanel{min-height:0!important;padding:6px!important;border-width:8px!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopCategories{height:calc(100% - 18px)!important;min-height:0!important;overflow:auto!important;display:grid!important;gap:4px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopCategories button{height:27px!important;min-height:27px!important;font-size:8px!important;padding:2px 5px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopList{height:calc(100% - 18px)!important;min-height:0!important;max-height:none!important;overflow:auto!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:6px!important;padding:1px 4px 10px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem{min-height:172px!important;padding:6px!important;border-radius:10px!important;display:grid!important;grid-template-rows:78px 18px 24px 36px auto!important;gap:3px!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem .cardPreview{height:76px!important;min-height:76px!important;margin:0!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem h3{font-size:9px!important;line-height:1!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem .owned,
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem .deckMeta{font-size:7.5px!important;line-height:1.05!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem p{font-size:7.5px!important;line-height:1.12!important;margin:0!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem .prices{margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:3px!important;}
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem .prices button,
  body.mobile-device.mobile-landscape.menu-open.menu-view-shop #menuShop .shopItem button{height:25px!important;min-height:25px!important;font-size:7.5px!important;padding:1px 5px!important;}

  /* IN-GAME mobile: proporção sem esticar, HUD fora do resumo, roleta maior e sem corte */
  body.mobile-device.mobile-landscape:not(.menu-open) #game canvas{width:100vw!important;height:calc(var(--app-vh,1vh) * 100)!important;object-fit:cover!important;display:block!important;background:#03070c!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #hud{inset:0!important;width:100vw!important;height:calc(var(--app-vh,1vh) * 100)!important;pointer-events:none!important;overflow:visible!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #topbar{top:calc(4px + var(--mobile-safe-top))!important;left:50%!important;transform:translateX(-50%)!important;width:min(620px,calc(100vw - 82px - var(--mobile-safe-left) - var(--mobile-safe-right)))!important;height:42px!important;min-height:42px!important;padding:3px!important;border-width:8px!important;border-radius:12px!important;z-index:64!important;pointer-events:auto!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleTopWrap{height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr)!important;gap:4px!important;align-items:center!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleSideCard{height:32px!important;min-height:32px!important;padding:2px 4px!important;border-radius:9px!important;gap:4px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleAvatar,
  body.mobile-device.mobile-landscape:not(.menu-open) .battleAvatar .avatarFrame{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battlePlayerName{font-size:8.5px!important;line-height:1!important;max-width:82px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleLifeBar{height:5px!important;margin:1px 0!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleLifeMeta{font-size:7px!important;line-height:1!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleLifeMeta span{display:none!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .turnClock{font-size:16px!important;line-height:1!important;padding:1px 6px!important;min-height:22px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleCenterMeta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .battleMetaPill{height:14px!important;min-height:14px!important;padding:1px 4px!important;font-size:6.5px!important;line-height:1!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .globalClockPill{display:none!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #leftPanel{left:calc(4px + var(--mobile-safe-left))!important;top:calc(52px + var(--mobile-safe-top))!important;width:120px!important;max-width:120px!important;max-height:calc((var(--app-vh,1vh) * 100) - 136px)!important;overflow:hidden!important;padding:5px!important;border-width:8px!important;z-index:59!important;pointer-events:auto!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #leftPanel .box:not(:first-child),
  body.mobile-device.mobile-landscape:not(.menu-open) #sideObjectiveInfo{display:none!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #leftPanel .section-title,
  body.mobile-device.mobile-landscape:not(.menu-open) .towerCard h3{font-size:7.5px!important;line-height:1!important;margin:0 0 3px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .towerRow{display:grid!important;gap:4px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .towerCard{padding:4px!important;border-radius:8px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .towerCard .bar{height:5px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) .towerCard .small{font-size:6.5px!important;line-height:1.05!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #rightPanel{display:none!important;}

  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(4px + var(--mobile-safe-bottom))!important;transform:translateX(-50%)!important;width:min(650px,calc(100vw - 86px - var(--mobile-safe-left) - var(--mobile-safe-right)))!important;max-width:calc(100vw - 86px - var(--mobile-safe-left) - var(--mobile-safe-right))!important;height:144px!important;max-height:144px!important;padding:2px 3px!important;border-width:8px!important;border-radius:13px!important;overflow:visible!important;z-index:70!important;pointer-events:none!important;background:rgba(3,8,18,.72)!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .section-title{display:none!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards,
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode{height:104px!important;max-height:104px!important;min-height:104px!important;overflow:visible!important;pointer-events:auto!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode .card,
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card{width:104px!important;min-width:104px!important;max-width:104px!important;height:94px!important;min-height:94px!important;max-height:94px!important;padding:5px!important;border-radius:10px!important;pointer-events:auto!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cardPreview{height:62px!important;min-height:62px!important;max-height:62px!important;width:100%!important;margin:0!important;border-radius:7px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card h3{font-size:8.8px!important;line-height:1.02!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card.active{transform:translateX(-50%) rotate(var(--slot-r,0deg)) scale(calc(var(--slot-s,1) * 1.08)) translateY(-9px)!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #deckActionBar{height:34px!important;min-height:34px!important;margin:0 auto!important;gap:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #drawBtn.drawBtnSkinned,
  body.mobile-device.mobile-landscape:not(.menu-open) #deckActionBar #drawBtn.drawBtnSkinned{width:112px!important;min-width:112px!important;height:32px!important;min-height:32px!important;background-size:contain!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #gameDeckCountLabel{height:26px!important;min-height:26px!important;max-width:132px!important;font-size:8.5px!important;padding:2px 7px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #endTurnBtn{width:42px!important;min-width:42px!important;height:32px!important;min-height:32px!important;font-size:15px!important;padding:0!important;}

  /* Resultado da partida: ocupa a tela, esconde roleta/HUD e mostra XP/PDL */
  body.mobile-device.mobile-landscape #rewardOverlay:not(.hidden){display:grid!important;place-items:center!important;inset:0!important;padding:calc(5px + var(--mobile-safe-top)) calc(6px + var(--mobile-safe-right)) calc(5px + var(--mobile-safe-bottom)) calc(6px + var(--mobile-safe-left))!important;z-index:2147482600!important;overflow:hidden!important;}
  body.mobile-device.mobile-landscape #rewardOverlay:not(.hidden) ~ #hud #bottomPanel,
  body.mobile-device.mobile-landscape #rewardOverlay:not(.hidden) ~ #hud #topbar,
  body.mobile-device.mobile-landscape #rewardOverlay:not(.hidden) ~ #hud #leftPanel,
  body.mobile-device.mobile-landscape #rewardOverlay:not(.hidden) ~ #hud #rightPanel{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardCard{width:min(620px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;height:calc((var(--app-vh,1vh) * 100) - 12px)!important;max-height:calc((var(--app-vh,1vh) * 100) - 12px)!important;padding:8px!important;border-width:10px!important;border-radius:14px!important;display:grid!important;grid-template-rows:auto auto 28px auto auto minmax(0,1fr) auto!important;gap:5px!important;overflow:auto!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardTitle{font-size:20px!important;line-height:1!important;margin:0!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardSub{font-size:9px!important;line-height:1.1!important;margin:0!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardTabs{height:28px!important;min-height:28px!important;gap:5px!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardTabs button{height:26px!important;min-height:26px!important;font-size:8px!important;padding:2px 8px!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardStat{padding:6px!important;border-radius:9px!important;min-height:42px!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardStat span{font-size:7.5px!important;line-height:1!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardStat strong{font-size:15px!important;line-height:1.05!important;white-space:nowrap!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardAccountXpCard,
  body.mobile-device.mobile-landscape #rewardOverlay .rankProgressCard{padding:6px!important;border-radius:10px!important;margin:0!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardRankMain{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardRankChange,
  body.mobile-device.mobile-landscape #rewardOverlay .rewardRankInfo{font-size:8.5px!important;line-height:1.1!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardList{min-height:0!important;overflow:auto!important;margin:0!important;gap:4px!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardLine{font-size:8.5px!important;line-height:1.05!important;padding:4px 0!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardActions{height:34px!important;min-height:34px!important;margin:0!important;display:flex!important;justify-content:center!important;gap:6px!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardActions button{height:32px!important;min-height:32px!important;font-size:9px!important;padding:3px 10px!important;}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:410px),
       (max-width:940px) and (max-height:430px){
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) #menuShell.home .epicMenuStage.chessMenuStage{grid-template-columns:136px minmax(280px,1fr) 136px!important;gap:5px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .friendsSidebar{display:flex!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuProfileCard{max-height:112px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton{height:58px!important;min-height:58px!important;max-height:58px!important;width:min(300px,46vw)!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .heroPlayButton.imageButton img{max-height:64px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionStack{grid-auto-rows:30px!important;gap:5px!important;}
  body.mobile-device.mobile-landscape.menu-open:not(.auth-locked):not(.menu-view-online):not(.deck-open):not(.enchant-open) .menuActionBtn{height:30px!important;min-height:30px!important;font-size:8px!important;}
  body.mobile-device.mobile-landscape.deck-open #menuDeck.deckForgeScreen{grid-template-rows:34px 28px minmax(0,1fr) 36px!important;gap:4px!important;}
  body.mobile-device.mobile-landscape.deck-open .selectedDeckMini.deckSlotCardBig{height:min(136px,calc((var(--app-vh,1vh) * 100) - 158px))!important;min-height:94px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #topbar{height:38px!important;min-height:38px!important;width:min(590px,calc(100vw - 78px))!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel{height:130px!important;max-height:130px!important;width:min(610px,calc(100vw - 82px))!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards,
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode{height:94px!important;max-height:94px!important;min-height:94px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cards.wheelMode .card,
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .card{width:94px!important;min-width:94px!important;max-width:94px!important;height:84px!important;min-height:84px!important;}
  body.mobile-device.mobile-landscape:not(.menu-open) #bottomPanel .cardPreview{height:54px!important;min-height:54px!important;}
  body.mobile-device.mobile-landscape #rewardOverlay .rewardCard{grid-template-rows:auto auto 26px auto auto minmax(0,1fr) 32px!important;gap:4px!important;}
}

/* Patch 28 - UX gameplay, gaveta do estojo e punição limpa */
.eyeHudBtn{
  border-color:rgba(126,205,255,.26)!important;
  background:linear-gradient(180deg,rgba(26,48,62,.82),rgba(8,18,24,.92))!important;
  color:#dff4ff!important;
}
.eyeHudBtn.active{
  border-color:rgba(86,255,151,.38)!important;
  box-shadow:0 0 16px rgba(62,255,143,.12)!important;
}
body.cards-hud-hidden #bottomPanel{
  pointer-events:none!important;
  opacity:.02!important;
  transform:translateX(-50%) translateY(calc(100% - 22px)) scale(.96)!important;
  transition:opacity .22s ease, transform .28s cubic-bezier(.22,.85,.18,1)!important;
}
body.cards-hud-hidden #bottomPanel #deckActionBar,
body.cards-hud-hidden #bottomPanel .cards,
body.cards-hud-hidden #bottomPanel .section-title{visibility:hidden!important}
body.match-ended #bottomPanel,
body.match-ended #leftPanel,
body.match-ended #rightPanel{display:none!important}
body.match-ended #topbar{opacity:.32!important;pointer-events:none!important}

.deckCardPickerModal:not(.hidden),
.deckCardInfoModal:not(.hidden){
  display:block!important;
}
.deckCardPickerModal .deckCardPickerBackdrop,
.deckCardInfoModal .deckCardInfoBackdrop{
  opacity:0;
  transition:opacity .22s ease;
}
.deckCardPickerModal.drawerOpen .deckCardPickerBackdrop,
.deckCardInfoModal.drawerOpen .deckCardInfoBackdrop{
  opacity:1;
}
.deckCardPickerPanel,
.deckCardInfoPanel{
  transform:translateX(106%);
  opacity:.92;
  transition:transform .26s cubic-bezier(.22,.85,.18,1), opacity .20s ease;
  will-change:transform,opacity;
}
.deckCardPickerModal.drawerOpen .deckCardPickerPanel,
.deckCardInfoModal.drawerOpen .deckCardInfoPanel{
  transform:translateX(0);
  opacity:1;
}
.deckCardPickerModal.drawerClosing .deckCardPickerPanel,
.deckCardInfoModal.drawerClosing .deckCardInfoPanel{
  transform:translateX(106%);
  opacity:.2;
}
.deckCardInfoText section:first-child h3::after{content:' da carta'}
.deckCardInfoMeta span{
  min-width:88px;
  justify-content:center;
}
@media(max-width:900px){
  .deckCardPickerPanel,
  .deckCardInfoPanel{
    transform:translateY(110%);
    width:min(96vw,760px)!important;
    max-height:86dvh!important;
  }
  .deckCardPickerModal.drawerOpen .deckCardPickerPanel,
  .deckCardInfoModal.drawerOpen .deckCardInfoPanel{transform:translateY(0)}
  .deckCardPickerModal.drawerClosing .deckCardPickerPanel,
  .deckCardInfoModal.drawerClosing .deckCardInfoPanel{transform:translateY(110%)}
  body.cards-hud-hidden #bottomPanel{transform:translateX(-50%) translateY(calc(100% - 18px)) scale(.94)!important}
}

/* PATCH 29.2 - Firebase Auth UI */
.firebaseGoogleBtn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,#fff,#e9e4dc);
  color:#1b1a18;
  font-weight:1000;
  letter-spacing:.02em;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  cursor:pointer;
}
.firebaseGoogleBtn:hover{filter:brightness(1.04)}
.firebaseGoogleBtn.hidden{display:none!important}
.googleGlyph{
  width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  font-weight:1000;
  color:#2768d8;background:#fff;
  border:1px solid rgba(0,0,0,.15);
  font-family:Arial, sans-serif;
}
.firebaseAuthDivider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:8px 0;color:#d9c396;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.firebaseAuthDivider span{height:1px;background:linear-gradient(90deg,transparent,rgba(255,216,130,.35),transparent)}
.firebaseAuthDivider.hidden{display:none!important}
#authResendVerificationBtn{font-size:11px;padding:8px 10px;border-radius:10px;color:#f0ddb5;background:rgba(0,0,0,.25);border:1px solid rgba(255,216,130,.22)}
.accountTabs button.hidden{display:none!important}
body.auth-locked #accountPanel .firebaseGoogleBtn{max-width:340px;margin:0 auto 6px}
body.auth-locked #accountPanel .firebaseAuthDivider{max-width:340px;margin-left:auto;margin-right:auto}
@media(max-width:900px) and (orientation:landscape){
  body.auth-locked #accountPanel .firebaseGoogleBtn{min-height:34px;border-radius:9px;font-size:12px;max-width:300px}
  body.auth-locked #accountPanel .firebaseAuthDivider{font-size:9px;margin:4px auto;max-width:300px}
  body.auth-locked #accountPanel #authResendVerificationBtn{font-size:9px;padding:6px 8px}
}

/* Patch 29.2.6 - Firebase cadastro completo */
.authExtraFields{display:grid;gap:6px;width:100%;max-width:420px;margin:4px auto 2px}.authExtraFields.hidden{display:none!important}.authInlineFields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.authAgeHint{display:flex;align-items:center;min-height:32px;padding:0 9px;border:1px solid rgba(215,168,64,.28);border-radius:8px;background:rgba(0,0,0,.18);color:#d7c28a;font-size:10px;line-height:1.15;font-weight:800;text-align:left}.authTermsRow{display:flex;align-items:flex-start;gap:7px;margin:2px 0 0;color:#ead9ac;font-size:11px;line-height:1.2;font-weight:800}.authTermsRow.hidden{display:none!important}.authTermsRow input{width:auto!important;min-width:14px!important;height:14px!important;margin:0!important;accent-color:#d7a840}body.auth-locked #accountPanel .authExtraFields input{margin:0!important}body.auth-locked #accountPanel #authResendVerificationBtn.hidden{display:none!important}@media(max-width:980px){.authExtraFields{max-width:360px;gap:4px}.authInlineFields{gap:4px}.authAgeHint{font-size:8.8px;min-height:25px;padding:0 7px}.authTermsRow{font-size:9px}.authTermsRow input{min-width:13px!important;height:13px!important}}@media(max-width:760px) and (orientation:landscape){.authExtraFields{grid-template-columns:1fr 1fr;max-width:560px;gap:4px}.authExtraFields #authFullNameInput,.authExtraFields .authTermsRow{grid-column:1/-1}.authTermsRow{font-size:8.5px}.authInlineFields{gap:4px}body.auth-locked #accountPanel .authExtraFields input{height:25px!important;min-height:25px!important;font-size:14px!important}}


/* Patch 30.1 - Badge de punição também no card de perfil e popup */
.menuPenaltyBadge{
  width:max-content;
  max-width:100%;
  margin:2px 0 0 0;
  padding:3px 8px;
  font-size:9px;
}
.profilePenaltyBadge{
  display:inline-flex;
  margin:4px 0 2px 0;
  font-size:10px;
}
.friendProfileIdentity .profilePenaltyBadge.hidden{display:none!important}
.menuProfileIdentity .menuPenaltyBadge.hidden{display:none!important}
@media(max-width:760px){
  .menuPenaltyBadge{font-size:7.8px;padding:2px 5px;line-height:1.15}
  .profilePenaltyBadge{font-size:8.4px;padding:2px 6px;white-space:normal;text-align:center}
}

/* Patch 31 - Tutoriais guiados de Decks, Encantamento e Ranked */
.guidedTutorialOverlay{
  position:fixed;
  inset:0;
  z-index:12000;
  pointer-events:auto;
}
.guidedTutorialOverlay.hidden{display:none!important}
.guidedTutorialBackdrop{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 35%, rgba(33,51,76,.34), rgba(4,8,15,.78) 55%, rgba(0,0,0,.88));
  backdrop-filter:blur(3px);
}
.guidedTutorialSpotlight{
  position:fixed;
  z-index:12001;
  border:2px solid rgba(108,255,170,.9);
  border-radius:18px;
  box-shadow:0 0 0 9999px rgba(0,0,0,.48), 0 0 28px rgba(94,255,160,.5), inset 0 0 24px rgba(94,255,160,.22);
  pointer-events:none;
  transition:left .25s ease, top .25s ease, width .25s ease, height .25s ease;
}
.guidedTutorialSpotlight.hidden{display:none!important}
.guidedTutorialPanel{
  position:fixed;
  z-index:12002;
  width:min(420px, calc(100vw - 24px));
  padding:22px 22px 18px;
  border-radius:20px;
  background:linear-gradient(145deg, rgba(15,24,42,.96), rgba(7,10,18,.96));
  border:1px solid rgba(215,179,95,.52);
  box-shadow:0 24px 70px rgba(0,0,0,.62), 0 0 28px rgba(215,179,95,.18);
  color:#f7edd3;
  animation:guidedDrawerIn .28s ease both;
}
.guidedTutorialKicker{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#75ffb0;
  margin-bottom:8px;
}
.guidedTutorialPanel h2{
  margin:0 0 10px;
  font-family:var(--font-title, inherit);
  font-size:24px;
  color:#f6d78d;
  text-shadow:0 0 14px rgba(246,215,141,.25);
}
.guidedTutorialPanel p{
  margin:0;
  line-height:1.48;
  color:#e7dcc3;
  font-size:14px;
}
.guidedTutorialProgress{
  display:flex;
  gap:6px;
  margin:16px 0 14px;
}
.guidedTutorialProgress span{
  width:24px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
.guidedTutorialProgress span.active{
  background:linear-gradient(90deg,#6dffad,#f6d78d);
  box-shadow:0 0 12px rgba(109,255,173,.45);
}
.guidedTutorialActions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.guidedTutorialActions button{
  min-width:96px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(215,179,95,.38);
  background:rgba(255,255,255,.06);
  color:#f7edd3;
  cursor:pointer;
}
.guidedTutorialActions button.primary{
  background:linear-gradient(135deg,#b88931,#f5d47a);
  color:#211304;
  font-weight:900;
  box-shadow:0 0 18px rgba(245,212,122,.24);
}
.guided-tutorial-open .deckForgeScreen,
.guided-tutorial-open #cardEnchantScreen{
  pointer-events:auto;
}
@keyframes guidedDrawerIn{
  from{opacity:0;transform:translateY(14px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width: 900px){
  .guidedTutorialPanel{
    left:50%!important;
    top:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    width:min(520px, calc(100vw - 18px));
    padding:13px 14px 12px;
    border-radius:16px;
  }
  .guidedTutorialPanel h2{font-size:18px;margin-bottom:6px}
  .guidedTutorialPanel p{font-size:12.5px;line-height:1.35}
  .guidedTutorialKicker{font-size:9.5px;margin-bottom:4px}
  .guidedTutorialProgress{margin:9px 0 10px}
  .guidedTutorialActions button{padding:8px 10px;min-width:84px;font-size:12px}
  .guidedTutorialSpotlight{border-radius:12px}
}

/* Patch 31.1 - tutorial spotlight sem desfoque global + proteção do Encantamento */
.guidedTutorialOverlay.has-spotlight .guidedTutorialBackdrop{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.guidedTutorialOverlay:not(.has-spotlight) .guidedTutorialBackdrop{
  background:radial-gradient(circle at 50% 42%, rgba(24,36,56,.38), rgba(3,7,14,.82) 58%, rgba(0,0,0,.90))!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.guidedTutorialSpotlight{
  background:rgba(255,255,255,.018)!important;
  box-shadow:0 0 0 9999px rgba(0,0,0,.58), 0 0 34px rgba(94,255,160,.58), inset 0 0 22px rgba(94,255,160,.18)!important;
}
.guided-tutorial-open.enchant-open #cardEnchantScreen{
  transform:none!important;
  translate:none!important;
  inset:0!important;
  box-sizing:border-box!important;
}
body.mobile-device.mobile-landscape.guided-tutorial-open.enchant-open #menuShell{
  padding:0!important;
  overflow:hidden!important;
}
body.mobile-device.mobile-landscape.guided-tutorial-open.enchant-open #cardEnchantScreen{
  width:100vw!important;
  height:calc(var(--app-vh, 1vh) * 100)!important;
  max-height:calc(var(--app-vh, 1vh) * 100)!important;
  padding:calc(4px + var(--mobile-safe-top,0px)) calc(6px + var(--mobile-safe-right,0px)) calc(4px + var(--mobile-safe-bottom,0px)) calc(6px + var(--mobile-safe-left,0px))!important;
  display:grid!important;
  grid-template-rows:42px minmax(0,1fr)!important;
  gap:5px!important;
  overflow:hidden!important;
}
body.mobile-device.mobile-landscape.guided-tutorial-open.enchant-open .enchantTopbar{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:3px 6px!important;
  box-sizing:border-box!important;
  align-self:start!important;
}
body.mobile-device.mobile-landscape.guided-tutorial-open.enchant-open .enchantStage{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  align-self:stretch!important;
}
body.mobile-device.mobile-landscape.guided-tutorial-open.enchant-open .enchantCardPreviewWrap .cardPreview,
body.mobile-device.mobile-landscape.guided-tutorial-open.enchant-open .enchantMainCard .cardPreview{
  height:min(150px, calc((var(--app-vh, 1vh) * 100) - 166px))!important;
  min-height:92px!important;
}