/* FutHub - login, ranqueada, ranking e resultado (tema preto e dourado) */
:root{
  --ac-gold:linear-gradient(var(--ac1),var(--ac2) 60%,var(--ac3));
  --ac-item:linear-gradient(#2a2620,#14120e);
  --ac-edge:var(--ac-edge);
  --ac-ink:#050506;
  --ac-txt:#fff;
  --ac-dim:var(--ac-muted);
}

/* ---------- tiers ---------- */
.tierBadge{display:inline-flex;align-items:center;gap:5px;padding:1px 9px 1px 4px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid currentColor;font-size:12px;font-weight:800;line-height:1.5;white-space:nowrap}
.tbImg{width:20px;height:20px;object-fit:contain;flex:none}
.fam0{color:#cfd6de}.fam1{color:#ffe08a}.fam2{color:var(--ac2)}
.rankIco,.rmRank,.srCardRank,.rrRank,.ptBig,.ptMini,.ptCellImg,.srRk,#homeRankImg{-webkit-user-drag:none;user-select:none;pointer-events:none}

/* ---------- login ---------- */
#authScreen.screen.lobby{position:absolute;flex-direction:column;align-items:center;overflow-y:auto;padding:clamp(10px,3vmin,28px)!important;box-sizing:border-box;
  background:linear-gradient(180deg,#060607 0,color-mix(in srgb,var(--ac2) 8%,#0f0f12) 36%)!important;color:var(--ac-txt);font-family:'Poppins',Arial,sans-serif}
#authScreen .nbBrand{flex:none;margin:clamp(4px,1.5vh,14px) 0}
.authCard{margin:auto;width:min(400px,100%);box-sizing:border-box;padding:clamp(16px,3.4vmin,26px);border:3px solid var(--ac-edge);border-radius:18px;
  background:rgba(10,10,12,.88);box-shadow:0 6px 0 var(--ac-ink),0 22px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:12px}
.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.authTabs button{height:42px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item);color:var(--ac-dim);font:inherit;font-weight:800;cursor:pointer}
.authTabs button.on{background:var(--ac-gold);color:#1a1200;border-color:var(--ac-ink);box-shadow:0 3px 0 var(--ac-ink)}
.authField{display:flex;flex-direction:column;gap:5px}
.authField[hidden]{display:none}
.authField label{font-size:13px;font-weight:700;color:var(--ac1)}
.authField input{height:46px;padding:0 12px;border:2px solid var(--ac-edge);border-radius:10px;background:#050506;color:#fff;font:inherit;font-size:16px}
.authField input:focus{outline:0;border-color:var(--ac2);box-shadow:0 0 0 3px rgba(var(--ac2-rgb),.25)}
.authMsg{min-height:18px;margin:0;font-size:13px;font-weight:700;color:#ff8a7a}
#authSubmit{min-height:48px}
.authDivider{display:flex;align-items:center;gap:10px;color:var(--ac-dim);font-size:12px}
.authDivider::before,.authDivider::after{content:"";flex:1;height:1px;background:var(--ac-edge)}
.authGuest{height:44px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.authGuest:hover{border-color:var(--ac2)}
.authNote{margin:0;text-align:center;font-size:12px;color:var(--ac-dim)}

.accountBox{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}
.accName{margin:0 0 8px;font-size:13px;color:var(--ac-muted)}
.accBtn{padding:9px 16px;border:2px solid var(--ac-edge);border-radius:10px;background:var(--ac-item);color:var(--ac1);font:inherit;font-weight:800;cursor:pointer}

/* ---------- home: botão ranqueada ---------- */
.homeRanked{position:relative;height:clamp(44px,8.4vmin,60px);border:3px solid var(--ac-ink);border-radius:12px;background:linear-gradient(#3a2d08,#1d1604);color:var(--ac1);
  display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:clamp(14px,2.8vmin,20px);text-transform:uppercase;
  box-shadow:0 4px 0 var(--ac-ink),inset 0 0 0 2px var(--ac2);cursor:pointer;padding:0 14px}
.homeRanked i{font-style:normal}
.homeRanked small{font-size:clamp(10px,1.8vmin,12px);font-weight:800;color:#fff;opacity:.85;text-transform:none}
.homeRanked small:empty{display:none}
.homeRanked:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ac-ink),inset 0 0 0 2px var(--ac2)}

/* ---------- modais ---------- */
.fhModal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:rgba(0,0,0,.66);font-family:'Poppins',Arial,sans-serif;color:#fff}
.fhModal[hidden]{display:none}
.fhCard{width:min(560px,100%);max-height:100%;overflow-y:auto;box-sizing:border-box;padding:16px;border:3px solid var(--ac-edge);border-radius:18px;background:#0a0a0c;box-shadow:0 6px 0 var(--ac-ink),0 24px 60px rgba(0,0,0,.6)}
.fhCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:3px solid var(--ac2)}
.fhCardHead h2{margin:0;font-size:20px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--ac2)}
.rkIconBtn{width:42px;height:42px;border:3px solid var(--ac-ink);border-radius:12px;background:var(--ac-gold);color:#1a1200;font-size:26px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 3px 0 var(--ac-ink)}
.rmIntro{margin:12px 0 4px;font-size:13px;color:var(--ac-dim)}
.rmLogin{margin:14px 0;font-size:14px}
.rmGroup{margin:14px 2px 8px;font-size:13px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--ac2)}
.rmGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.rmTile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 9px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item);color:#fff;font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--ac-ink)}
.rmTile b{font-size:22px;font-weight:900;color:#fff}
.rmRank{width:52px;height:52px;object-fit:contain}
.rmName{font-size:12px;font-weight:800}
.rmTile .rmPts{font-size:14px;font-weight:800}
.rmTile small{font-size:11px;color:var(--ac-dim)}
.rmTile:hover,.rmTile:focus-visible{border-color:var(--ac2);outline:0}
.rmTile:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ac-ink)}
.rmTile:disabled{opacity:.55;cursor:wait}
.rmFoot{margin-top:14px;text-align:center}
.rmLink{padding:10px 16px;border:2px solid var(--ac-edge);border-radius:10px;background:var(--ac-item);color:var(--ac1);font:inherit;font-weight:800;cursor:pointer}

/* resultado */
.rrCard{width:min(380px,100%);text-align:center}
.rrTitle{margin:6px 0 0;font-size:30px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.rr-win .rrTitle{color:#5fe07a}.rr-loss .rrTitle{color:#ff7a6a}.rr-draw .rrTitle{color:var(--ac1)}
.rrScore{margin:2px 0;font-size:44px;font-weight:900}
.rrSub{margin:4px 0;font-size:13px;color:var(--ac-dim)}
.rrWait{margin:30px 0}
.rrDelta{display:inline-block;margin:8px 0;padding:6px 18px;border-radius:12px;border:2px solid var(--ac-ink);font-size:26px;font-weight:900}
.rrDelta.up{background:#1f6b36;color:#d6ffe0}.rrDelta.down{background:#7a2a22;color:#ffd9d3}
.rrTier{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800}
.rrRank{width:56px;height:56px;object-fit:contain}
.rrPromo{margin:10px 0 0;font-weight:900;color:var(--ac1)}
.rrBtns{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.rrBtns .btn{min-height:46px}
.rrSec{height:42px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item);color:#fff;font:inherit;font-weight:700;cursor:pointer}

/* ---------- ranking ---------- */
#rankingScreen.screen.lobby{position:absolute;flex-direction:column;align-items:center;overflow:hidden;padding:clamp(8px,2vmin,20px)!important;box-sizing:border-box;
  background:linear-gradient(180deg,#060607 0,color-mix(in srgb,var(--ac2) 8%,#0f0f12) 36%)!important;color:#fff;font-family:'Poppins',Arial,sans-serif}
.rkWrap{width:min(720px,100%);height:100%;display:flex;flex-direction:column;gap:10px;min-height:0}
.rkHead{display:flex;align-items:center;gap:10px;flex:none}
.rkHead h2{flex:1;margin:0;font-size:22px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--ac2)}
.rkPlay{padding:0 14px;height:42px;border:3px solid var(--ac-ink);border-radius:12px;background:var(--ac-gold);color:#1a1200;font:inherit;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 3px 0 var(--ac-ink)}
.rkModes{display:flex;gap:8px;overflow-x:auto;flex:none;padding-bottom:4px;scrollbar-width:none}
.rkModes::-webkit-scrollbar{display:none}
.rkChip{flex:none;padding:8px 14px;border:2px solid var(--ac-edge);border-radius:999px;background:var(--ac-item);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.rkChip.on{background:var(--ac-gold);color:#1a1200;border-color:var(--ac-ink)}
.rkMe{flex:none;display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid var(--ac2);border-radius:12px;background:rgba(var(--ac2-rgb),.1)}
.rkMe:empty{display:none}
.rkMePos{min-width:52px;font-size:24px;font-weight:900;color:var(--ac2);text-align:center}
.rkMeInfo{flex:1;min-width:0;display:flex;flex-direction:column}
.rkMeInfo b,.rkName b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkMeInfo small,.rkName small{font-size:11px;color:var(--ac-dim)}
.rkMeRight{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.rkList{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}
.rkRow{display:grid;grid-template-columns:40px 38px minmax(0,1fr) auto 56px 52px;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item)}
.rkRow.me{border-color:var(--ac2);background:linear-gradient(#3a2d08,#1d1604)}
.rkRow.top1{box-shadow:inset 0 0 0 1px var(--ac2)}
.rkPos{text-align:center;font-weight:900;font-size:16px}
.rkAv{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--ac2);background:#050506;font-size:12px;font-weight:900}
.rkName{display:flex;flex-direction:column;min-width:0}
.rkPts{text-align:right;font-weight:900;color:var(--ac1)}
.rkWl{text-align:right;font-size:12px;color:var(--ac-dim)}
.rkEmpty{margin:24px 8px;text-align:center;color:var(--ac-dim);font-size:14px}
@media (max-width:560px){.rkRow{grid-template-columns:30px 32px minmax(0,1fr) auto 46px;gap:6px}.rkWl{display:none}.rkRow .tierBadge{font-size:11px;padding:1px 7px 1px 5px}}

/* ---------- aviso e partida ranqueada ---------- */
.fhToast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:400;max-width:min(92vw,420px);padding:10px 16px;border:2px solid var(--ac-edge);border-radius:12px;
  background:rgba(10,10,12,.96);color:var(--ac1);font:700 13px 'Poppins',Arial,sans-serif;text-align:center;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}
.fhToast.on{opacity:1;transform:translate(-50%,0)}
#game.rankedMatch #exit,#game.rankedMatch #pause{display:none!important}

/* botões principais no tema dourado */
#authSubmit,.fhModal .btn{background:var(--ac-gold)!important;color:#1a1200!important;border:3px solid var(--ac-ink)!important;border-radius:12px!important;font-weight:900!important;box-shadow:0 4px 0 var(--ac-ink);cursor:pointer}
#authSubmit:active,.fhModal .btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ac-ink)}
#authScreen.screen.lobby{justify-content:flex-start!important}
@media (max-height:480px){
  .authCard{gap:7px;padding:12px 16px}
  .authField input{height:38px}
  .authTabs button{height:36px}
  .authMsg{min-height:0}
  #authScreen .nbBrand{display:none}
  .authNote{display:none}
}
@media (max-height:480px){
  .rrTitle{font-size:24px}.rrScore{font-size:34px;margin:0}.rrDelta{margin:4px 0;font-size:22px}
  .rrBtns{flex-direction:row;margin-top:10px}.rrBtns .btn{flex:1.5;min-height:42px;font-size:13px}.rrBtns .rrSec{flex:1;height:auto;font-size:13px}
}
.rkMe .rkEmpty{margin:0;text-align:left}

/* ---------- procurando jogador ---------- */
.searchModal{z-index:350;background:radial-gradient(900px 500px at 50% 0,rgba(var(--ac2-rgb),.14),transparent 60%),#07070a}
.searchBody{width:min(460px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:8px}
.srMode{padding:4px 14px;border:2px solid var(--ac-edge);border-radius:999px;background:var(--ac-item);color:var(--ac1);font-size:13px;font-weight:800}
.srTitle{margin:0;font-size:clamp(22px,5vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--ac2)}
.srSub{margin:0;font-size:14px;color:#fff;font-variant-numeric:tabular-nums}
.srRadar{position:relative;width:clamp(96px,22vmin,150px);height:clamp(96px,22vmin,150px);flex:none;margin:4px 0}
.srRadar i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--ac2);opacity:0;animation:srPulse 2.4s ease-out infinite}
.srRadar i:nth-child(2){animation-delay:.8s}.srRadar i:nth-child(3){animation-delay:1.6s}
.srBall{position:absolute;inset:22%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ac-gold);border:3px solid var(--ac-ink);font-size:clamp(22px,6vmin,36px);box-shadow:0 4px 0 var(--ac-ink)}
@keyframes srPulse{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){.srRadar i{animation:none;opacity:.35}.srRadar i:nth-child(n+2){display:none}}
.srLadder{display:grid;grid-template-columns:repeat(9,auto);justify-content:center;gap:6px 7px;width:100%}
.srRk{width:clamp(22px,6.2vmin,32px);height:clamp(22px,6.2vmin,32px);object-fit:contain;opacity:.28;filter:grayscale(.6);transition:.25s}
.srRk.in{opacity:1;filter:none}
.srRk.me{filter:drop-shadow(0 0 5px var(--ac2)) drop-shadow(0 0 2px #fff);transform:scale(1.25)}
.srRange{margin:2px 0;font-size:14px;font-weight:800;color:var(--ac1)}
.srStats{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--ac-dim)}
.srHint{margin:2px 0;font-size:12px;line-height:1.4;color:var(--ac-dim)}
.srCancel{margin-top:6px;min-width:160px;height:44px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.srCancel:hover{border-color:var(--ac2)}
.srVs{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.srVsMark{font-size:26px;font-weight:900;color:var(--ac2)}
.srCard{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border:2px solid var(--ac-edge);border-radius:14px;background:var(--ac-item)}
.srCardRank{width:44px;height:44px;object-fit:contain}
.srAv{width:44px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--ac2);background:#050506;color:#fff;font-size:18px;font-weight:900}
.srCard b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.srCard small{color:var(--ac1);font-weight:800}
.srTag{font-style:normal;font-size:10px;font-weight:800;padding:1px 8px;border-radius:6px;background:#050506;color:var(--ac-dim)}
.srCount{margin:4px 0 0;font-size:20px;font-weight:900;color:#fff}
@media (max-height:480px){.srRadar{display:none}.srCardRank{width:32px;height:32px}.rrRank{width:40px;height:40px}.searchBody{gap:6px}.srAv{width:40px;height:40px;font-size:14px}.srCard{padding:8px 4px}.srHint{display:none}}
@media (max-height:480px){.srMode{display:none}.srTitle{font-size:22px}.srCount{font-size:16px;margin:0}.srCancel{height:38px;margin-top:2px}}

/* ---------- home: botão de patente ---------- */
.homeRankRow{display:flex;gap:clamp(6px,1.2vmin,10px);align-items:stretch}
.homeRankRow .homeRanked{flex:1}
.homeRankBadge{width:clamp(44px,8.4vmin,60px);flex:none;padding:3px;border:3px solid var(--ac-ink);border-radius:12px;background:linear-gradient(#2a2620,#14120e);box-shadow:0 4px 0 var(--ac-ink),inset 0 0 0 2px var(--ac-edge);cursor:pointer;display:flex;align-items:center;justify-content:center}
.homeRankBadge[hidden]{display:none}
.homeRankBadge img{width:100%;height:100%;object-fit:contain}
.homeRankBadge:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ac-ink),inset 0 0 0 2px var(--ac-edge)}

/* ---------- página de patente ---------- */
#patentScreen.screen.lobby{position:absolute;flex-direction:column;align-items:center;overflow:hidden;padding:clamp(8px,2vmin,20px)!important;box-sizing:border-box;
  background:linear-gradient(180deg,#060607 0,color-mix(in srgb,var(--ac2) 8%,#0f0f12) 36%)!important;color:#fff;font-family:'Poppins',Arial,sans-serif}
.ptBody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 2px 12px}
.ptHero{display:flex;align-items:center;gap:clamp(12px,3vw,26px);padding:clamp(12px,2.4vmin,20px);border:3px solid var(--ac-edge);border-radius:18px;
  background:radial-gradient(400px 220px at 20% 0,rgba(var(--ac2-rgb),.16),transparent 70%),rgba(10,10,12,.9);box-shadow:0 5px 0 var(--ac-ink)}
.ptBig{width:clamp(96px,26vmin,170px);height:clamp(96px,26vmin,170px);object-fit:contain;flex:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.ptInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ptInfo small{font-size:12px;font-weight:800;color:var(--ac-dim);text-transform:uppercase;letter-spacing:.5px}
.ptName{margin:0;font-size:clamp(24px,6vmin,38px);font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--ac2);line-height:1.1}
.ptPts{margin:0 0 6px;font-size:clamp(15px,3.4vmin,20px);font-weight:800}
.ptBarRow{display:flex;align-items:center;gap:8px}
.ptMini{width:34px;height:34px;object-fit:contain;flex:none}
.ptMini.next{opacity:.55;filter:grayscale(.5)}
.ptBar{position:relative;flex:1;height:20px;border:2px solid var(--ac-ink);border-radius:999px;background:#050506;box-shadow:inset 0 0 0 1px var(--ac-edge);overflow:hidden}
.ptBar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--ac-gold);transition:width .6s ease}
.ptBar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000}
.ptNeed{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--ac1)}
.ptNeed.max{font-size:15px;font-weight:900}
.ptStats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ptStat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item)}
.ptStat b{font-size:clamp(16px,3.6vmin,22px);font-weight:900}
.ptStat span{font-size:11px;color:var(--ac-dim);font-weight:700}
.ptPlay{min-height:48px;margin-top:4px;background:var(--ac-gold)!important;color:#1a1200!important;border:3px solid var(--ac-ink)!important;border-radius:12px!important;font-weight:900!important;box-shadow:0 4px 0 var(--ac-ink);cursor:pointer}
@media (max-width:560px){.ptHero{flex-direction:column;text-align:center}.ptInfo{align-items:center;width:100%}.ptBarRow{width:100%}.ptStats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px) and (orientation:portrait){.ptBig{width:130px;height:130px}}

/* lista de todas as patentes */
.ptAllCard{width:min(640px,100%)}
.ptAllGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}
.ptCell{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border:2px solid var(--ac-edge);border-radius:12px;background:var(--ac-item);text-align:center}
.ptCellImg{width:clamp(40px,9vmin,60px);height:clamp(40px,9vmin,60px);object-fit:contain}
.ptCell b{font-size:11px;font-weight:800;line-height:1.15;color:#fff}
.ptCell small{font-size:10px;color:var(--ac-dim);font-weight:700}
.ptCell.lock{opacity:.42}.ptCell.lock .ptCellImg{filter:grayscale(.7)}
.ptCell.cur{border-color:var(--ac2);background:linear-gradient(#3a2d08,#1d1604);box-shadow:0 0 0 2px rgba(var(--ac2-rgb),.4)}
.ptCell em{position:absolute;top:-8px;padding:0 7px;border-radius:6px;background:var(--ac2);color:#1a1200;font-size:9px;font-weight:900;font-style:normal}
@media (max-width:560px){.ptAllGrid{grid-template-columns:repeat(3,1fr)}}

/* sem seleção azul / menu ao tocar e segurar */
html,body,.screen,.screen *,.fhModal,.fhModal *,canvas,img,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea{-webkit-user-select:text!important;user-select:text!important}
canvas,img{-webkit-user-drag:none}
::selection{background:transparent}
input::selection,textarea::selection{background:rgba(var(--ac2-rgb),.4)}
