/* =========================================================
   CHAVEAMENTO
   ========================================================= */
.fmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.fmt-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(180deg,var(--c1),var(--c0));color:var(--text);text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}
.fmt-card:hover:not(.off){border-color:rgba(212,175,55,.5);transform:translateY(-2px)}
.fmt-card.active{border-color:var(--gold);background:radial-gradient(300px 140px at 0% 0%,rgba(212,175,55,.2),transparent 70%),var(--gold-deep);box-shadow:0 0 30px -12px rgba(212,175,55,.8)}
.fmt-card.active::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:14px;right:14px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#140f03;font-size:11px}
.fmt-card.off{opacity:.4;cursor:not-allowed}
.fmt-ico{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle at 30% 20%,var(--crest-a),var(--c0));border:1px solid var(--border-gold);color:var(--gold);font-size:17px;flex-shrink:0}
.fmt-ico.sm{width:38px;height:38px;font-size:15px}
.fmt-name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.fmt-desc{font-size:12.5px;color:var(--text-muted);line-height:1.45}
.fmt-min{font-size:11px;font-weight:600;color:var(--danger-text)}
.bk-setup{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.bk-setup-side .field{margin-bottom:14px}
.seg{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--bg2);border:1px solid var(--line2)}
.seg button{flex:1;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}
.seg button:hover{color:var(--text)}
.seg button.active{background:linear-gradient(180deg,#F5DE8A,var(--gold) 55%,#A8862A);color:#1a1206}
.bk-seed-list{display:flex;flex-direction:column;gap:6px}
.bk-seed{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:var(--surface2);border:1px solid var(--line)}
.bk-seed-n{width:20px;text-align:center;font-family:var(--font-display);font-weight:700;color:var(--gold)}
.bk-seed-f{margin-left:auto;font-size:11px;color:var(--text-muted)}
.bk-seed .bk-name{flex:1}

.bk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:14px 18px;border-radius:var(--radius);background:linear-gradient(180deg,var(--c1),var(--c0));border:1px solid rgba(212,175,55,.13)}
.bk-head-info{display:flex;align-items:center;gap:12px}
.bk-head-name{font-family:var(--font-display);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--gold-light)}
.bk-head-sub{font-size:12px;color:var(--text-muted)}
.bk-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}


.bk-section{margin-bottom:22px}
.bk-section-title{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;color:var(--text)}
.bk-section-title i{color:var(--gold);font-size:14px}
.bk-scroll{position:relative;overflow-x:auto;padding:4px 2px 14px 32px}
.bk-rounds{position:relative;display:flex;gap:56px;min-width:max-content;align-items:stretch}
.bk-round{display:flex;flex-direction:column;width:250px;flex-shrink:0;animation:tfIn .5s var(--d,0ms) both}
.bk-round-title{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;text-align:center}
.bk-round-matches{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:14px}
.bk-lines{position:absolute;left:32px;top:4px;pointer-events:none;overflow:visible}
.bk-lines path{fill:none;stroke:rgba(212,175,55,.22);stroke-width:2}
.bk-lines path.lit{stroke:rgba(245,222,138,.75);filter:drop-shadow(0 0 4px rgba(212,175,55,.6))}
.bk-match{position:relative;z-index:1;border-radius:12px;background:linear-gradient(180deg,var(--c1),var(--c0));border:1px solid var(--line2);overflow:hidden;transition:all .2s ease}
.bk-match[role=button]{cursor:pointer}
.bk-match[role=button]:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 28px -12px rgba(0,0,0,.9),0 0 0 3px rgba(212,175,55,.12)}
.bk-match.st-live{border-color:rgba(212,175,55,.55);box-shadow:0 0 24px -10px rgba(212,175,55,.8)}
.bk-match.st-ready{border-color:rgba(212,175,55,.3)}
.bk-match.st-bye,.bk-match.st-wait{opacity:.6}
.bk-match.bk-ghost{visibility:hidden;height:92px}
.bk-team{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid var(--line);min-height:40px}
.bk-team.win{background:linear-gradient(90deg,rgba(212,175,55,.18),transparent)}
.bk-team.win .bk-name{color:var(--gold-light);font-weight:700}
.bk-team.win .bk-score{background:var(--gold);color:#140f03}
.bk-team.lose{opacity:.45}
.bk-crest{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--crest-a),var(--crest-b));color:var(--gold-light);font-family:var(--font-display);font-size:10px;font-weight:700}
.bk-crest.tbd{background:var(--surface3);color:var(--text-dim)}
.bk-name{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-name.tbd{color:var(--text-dim);font-style:italic;font-weight:500}
.bk-score{min-width:24px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--surface3);font-family:var(--font-display);font-size:15px;font-weight:700}
.bk-score:empty{background:transparent}
.bk-num{position:absolute;left:-28px;top:6px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-dim)}
.bk-match{overflow:visible}
.bk-num+.bk-team{border-radius:12px 12px 0 0}
.bk-meta{border-radius:0 0 12px 12px}
.st-imp{display:grid;grid-template-columns:30px 54px;align-items:center;gap:6px}
.st-imp b{font-family:var(--font-display);font-size:16px}
.st-imp-bar{height:5px;border-radius:5px;background:var(--tint2);overflow:hidden}
.st-imp-bar div{height:100%;background:linear-gradient(90deg,#5DCAA5,#F5DE8A)}
.st-mvp{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.4);color:var(--gold-light);font-size:11px;font-weight:700;white-space:nowrap}
.rv-lane{padding:5px 22px 5px 8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;border-radius:6px;background-position:right 6px center}
.bk-meta{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;font-size:10.5px;color:var(--text-muted);background:var(--sunk)}
.bk-meta span:first-child{font-weight:700;color:var(--gold);letter-spacing:.06em}
.bk-st{display:flex;align-items:center;gap:6px}
.bk-st .live-dot{width:6px;height:6px}
.st-done .bk-st{color:var(--accent)}
.bk-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;margin-bottom:22px}
.bk-groups.single{grid-template-columns:1fr}
.bk-group{padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,var(--c1),var(--c0));border:1px solid rgba(212,175,55,.13);animation:tfIn .5s var(--d,0ms) both}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.bk-table th{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:center;padding:6px 8px;border-bottom:1px solid var(--line)}
.bk-table th:nth-child(2){text-align:left}
.bk-table td{padding:8px;text-align:center;border-bottom:1px solid var(--line)}
.bk-table tr.adv td{background:linear-gradient(90deg,rgba(212,175,55,.10),transparent)}
.bk-table tr.adv td:first-child{color:var(--gold);font-weight:700;box-shadow:inset 3px 0 0 var(--gold)}
.bk-tt{display:flex;align-items:center;gap:9px;text-align:left}
.bk-group-rounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.bk-gr-list{display:flex;flex-direction:column;gap:8px}
.bk-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;margin-bottom:22px;border-radius:var(--radius);border:1px solid var(--gold);background:radial-gradient(400px 120px at 0% 0%,rgba(212,175,55,.18),transparent 70%),var(--gold-deep)}
.bk-cta b{display:block;font-family:var(--font-display);font-size:20px;text-transform:uppercase;color:var(--gold-light)}
.bk-cta span{font-size:13px;color:var(--text-muted)}
.bk-cta.muted{justify-content:flex-start;border-color:var(--line2);background:var(--surface);font-size:13px;color:var(--text-muted)}
.bk-cta.muted i{color:var(--gold)}
.bk-champion{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:24px 28px;margin-bottom:22px;border-radius:18px;border:1px solid var(--gold);background:radial-gradient(600px 200px at 0% 0%,rgba(212,175,55,.3),transparent 70%),var(--gold-deep);box-shadow:0 0 60px -20px rgba(212,175,55,.9);animation:champIn .8s cubic-bezier(.22,1,.36,1)}
@keyframes champIn{from{opacity:0;transform:scale(.96)}}
.bk-champ-rays{position:absolute;left:60px;top:50%;width:600px;height:600px;margin:-300px 0 0 -300px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(245,222,138,.10) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 65%);mask:radial-gradient(circle,#000 0,transparent 65%);animation:spin 30s linear infinite;pointer-events:none}
.bk-champ-crest{position:relative;width:96px;height:96px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#F8E28A,#D4AF37 55%,#7A5C17);color:#140f03;font-family:var(--font-display);font-size:36px;font-weight:700}
.bk-champ-info{position:relative;flex:1;min-width:220px}
.bk-champ-eyebrow{font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.bk-champ-name{font-family:var(--font-display);font-size:clamp(38px,5vw,62px);font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(212,175,55,.4))}
.bk-champ-roster{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;font-weight:600}
.bk-champ-roster span{display:flex;align-items:center;gap:6px}
.bk-champion .btn{position:relative}

/* modal da partida */
.mm-box{max-width:640px;position:relative;overflow-y:auto}
.mm-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:14px}
.mm-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.mm-team{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);text-align:center;min-width:0}
.mm-team.win{border-color:var(--gold);background:radial-gradient(200px 100px at 50% 0%,rgba(212,175,55,.22),transparent 70%),var(--gold-deep)}
.mm-team.lose{opacity:.5}
.mm-crest{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--crest-a),var(--crest-b));color:var(--gold-light);font-family:var(--font-display);font-size:20px;font-weight:700;flex-shrink:0}
.mm-name{font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-wins{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1;color:var(--gold-light)}
.mm-x{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-dim)}
.mm-result{margin-top:14px;text-align:center;font-weight:700;color:var(--gold-light)}
.mm-result i{color:var(--gold)}
.mm-games{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.mm-game{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line);font-size:13px}
.mm-gn{font-family:var(--font-display);font-weight:700;color:var(--gold);min-width:52px}
.mm-gw{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.mm-gs{font-size:11.5px;color:var(--text-muted)}
.mm-empty{padding:14px;text-align:center;font-size:13px;color:var(--text-dim)}
.mm-upload{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px;border-radius:14px;border:1.5px dashed rgba(212,175,55,.45);background:rgba(212,175,55,.05);transition:all .2s}
.mm-upload.over{border-color:var(--gold-light);background:rgba(212,175,55,.14);transform:scale(1.01)}
.mm-upload>i{font-size:28px;color:var(--gold)}
.mm-upload b{display:block;font-size:14px}
.mm-upload span{font-size:12px;color:var(--text-muted)}
.mm-upload>div{flex:1}
/* draft da partida (drafter.lol) */
.mm-draft{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--tint)}
.mm-draft.has{border-color:rgba(212,175,55,.5);background:linear-gradient(90deg,rgba(212,175,55,.12),transparent 70%)}
.mm-draft-ico{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:rgba(212,175,55,.14);color:var(--gold-light);font-size:17px}
.mm-draft-txt{flex:1;min-width:200px}
.mm-draft-txt>b{display:block;font-size:14px}
.mm-draft-txt>span{display:block;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}
.mm-draft-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mm-draft-form input{flex:1;min-width:180px;padding:8px 12px;font-size:13px}
.bk-draft{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:20px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.45);color:var(--gold-light);font-size:10.5px;font-weight:700;text-decoration:none}
.bk-draft:hover{background:rgba(212,175,55,.3)}
.mm-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--text-muted)}
.ocr-status{display:flex;align-items:center;gap:14px;width:100%}
.ocr-status>div:last-child{flex:1}
.ocr-spin{width:30px;height:30px;border-radius:50%;border:3px solid rgba(212,175,55,.2);border-top-color:var(--gold);animation:spin .8s linear infinite;flex-shrink:0}
.ocr-bar{height:6px;margin-top:8px;border-radius:6px;background:var(--sunk);overflow:hidden}
.ocr-bar div{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transition:width .3s}

/* revisão do jogo */
.rv-box{max-width:1100px;position:relative;overflow-y:auto}
.rv-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:18px;align-items:start}
.rv-layout.no-img{grid-template-columns:1fr}
.rv-img{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line2);position:sticky;top:0}
.rv-img img{display:block;width:100%;height:auto}
.rv-wins{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rv-win{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--surface2);color:var(--text);font-weight:700;font-size:14px;cursor:pointer;transition:all .15s;font-family:inherit;text-align:left}
.rv-win .mm-crest{width:34px;height:34px;font-size:13px}
.rv-win span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-win i{color:var(--text-dim)}
.rv-win.active{border-color:var(--gold);background:radial-gradient(200px 80px at 0% 0%,rgba(212,175,55,.25),transparent 70%),var(--gold-deep);box-shadow:0 0 20px -8px rgba(212,175,55,.8)}
.rv-win.active i{color:var(--gold)}
.rv-team{margin-top:14px;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.rv-team-head{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--tint);border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:16px;font-weight:700;text-transform:uppercase}
.rv-cols{margin-left:auto;display:grid;grid-template-columns:164px 44px 44px 44px 52px;gap:6px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-dim);text-align:center}
.rv-champ-wrap{display:flex;align-items:center;gap:6px;min-width:0}
.rv-champ-ico{width:26px;height:26px;flex-shrink:0;border-radius:6px;background:var(--surface3)}
.rv-champ.unsure{border-color:#E2A23D}
.rv-row{display:grid;grid-template-columns:66px minmax(96px,1fr) 164px 44px 44px 44px 52px;gap:6px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--line)}
.rv-row:last-child{border-bottom:none}
.rv-row .lane-badge{justify-content:center}
.rv-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rv-ok{color:var(--green);font-size:11px}
.rv-miss{color:#E2A23D;font-size:11px}
.rv-row input{padding:6px 8px;font-size:13px}
.rv-n{text-align:center;-moz-appearance:textfield}
.rv-n::-webkit-outer-spin-button,.rv-n::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}