/* Fontes: carregadas pelo <head> de cada página (preload + media=print → all), sem bloquear o primeiro paint. */

:root {
  --bg: #090a0f;
  --panel: #11131a;
  --panel2: #171a22;
  --panel3: #1c202a;
  --line: #2a2f3a;
  --text: #f5f7fb;
  --muted: #969daa;
  --red: #ff355d;
  --red2: #d8143b;
  --cyan: #50e7ff;
  --yellow: #f4dc58;
  --green: #54e69c;
  --orange: #ff9c4b;
  --radius: 18px;
  --display: 'Barlow Condensed', Impact, sans-serif;
  --body: Inter, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin: 0; min-height: 100vh; background-color: var(--bg); background-image: linear-gradient(rgba(9,10,15,.58),rgba(9,10,15,.58)), url("/assets/beyx-gear-pattern.png"), radial-gradient(circle at 10% 0%, #191624 0, transparent 30%), radial-gradient(circle at 90% 10%, #151a25 0, transparent 28%); background-repeat: repeat, repeat, no-repeat, no-repeat; background-position: center top, center top, center, center; background-size: auto, 960px auto, auto, auto; background-attachment: fixed, fixed, fixed, fixed; color: var(--text); font-family: var(--body); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .05; z-index: 999; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }

.topbar { height: 76px; border-bottom: 1px solid var(--line); background: rgba(9,10,15,.88); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 100; display: grid; grid-template-columns: 260px 1fr 220px; align-items: center; padding: 0 28px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { width: 42px; height: 42px; border: 2px solid var(--red); transform: skew(-10deg); display: grid; place-items: center; box-shadow: 7px 7px 0 rgba(255,53,93,.12); }
.brand-mark span { font: 800 29px/1 var(--display); transform: skew(10deg); color: var(--red); }
.brand strong { font: 800 22px/1 var(--display); letter-spacing: .06em; display: block; }
.brand small { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .13em; }
.tabs { display: flex; justify-content: center; gap: 6px; }
.tab { border: 0; background: transparent; color: var(--muted); padding: 11px 15px; border-radius: 10px; font-weight: 700; font-size: 13px; }
.tab:hover { color: white; background: #171922; }
.tab.active { color: white; background: #1e2029; box-shadow: inset 0 -2px 0 var(--red); }
.header-status { display: flex; justify-content: flex-end; color: var(--muted); font-size: 12px; }
.header-status strong { color: white; }

main { max-width: 1500px; margin: 0 auto; padding: 34px 34px 70px; }
.view { display: none; animation: fade .22s ease; }
.view.active { display: block; }
@keyframes fade { from { opacity: 0; transform: translateY(4px); } }
.hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 30px; }
.hero h1 { margin: 2px 0 8px; font: 800 clamp(38px, 5vw, 64px)/.92 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.hero h1 em { color: var(--red); font-style: italic; }
.hero p:not(.eyebrow) { color: var(--muted); max-width: 750px; margin: 0; line-height: 1.6; }
.hero.compact h1 { font-size: clamp(36px, 4.3vw, 56px); }
.eyebrow { margin: 0 0 6px; color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.hero-actions { display: flex; gap: 10px; }
.btn { border: 0; border-radius: 10px; padding: 11px 16px; font-weight: 800; font-size: 13px; transition: .15s ease; }
.btn.primary { background: #e01d45; color: white; box-shadow: 0 8px 20px rgba(255,53,93,.16); }
.btn.primary:hover { transform: translateY(-1px); background: var(--red); }
.btn.secondary { background: #1b1e27; border: 1px solid var(--line); color: white; }
.btn.secondary:hover { border-color: #454c5b; }
.btn.ghost { background: transparent; border: 1px solid var(--line); color: var(--muted); padding: 8px 10px; }

.builder-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; align-items: start; }
.deck-area { min-width: 0; }
.deck-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 14px; }
.deck-name-wrap { width: min(420px, 100%); }
.deck-name-wrap label { display:block; color: var(--muted); font-size: 11px; text-transform: uppercase; font-weight: 800; letter-spacing: .12em; margin-bottom: 6px; }
input, textarea, select { color: white; background: #0e1016; border: 1px solid var(--line); border-radius: 9px; outline: none; }
input:focus, textarea:focus, select:focus { border-color: #565e70; box-shadow: 0 0 0 3px rgba(80,231,255,.06); }
input { height: 42px; padding: 0 12px; width: 100%; }
select { height: 42px; padding: 0 10px; width: 100%; }
.legality { font: 800 15px var(--display); text-transform: uppercase; letter-spacing: .06em; }
.legality.good { color: var(--green); }
.legality.bad { color: var(--red); }
.legality.neutral { color: var(--muted); }
.deck-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.bey-card { min-width:0; position: relative; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, #151820 0, #0e1016 62%); overflow: hidden; }
.bey-card::after { content:""; position:absolute; width:130px; height:130px; right:-58px; top:-65px; border: 20px solid rgba(255,255,255,.025); border-radius: 50%; }
.bey-card.invalid { border-color: rgba(255,53,93,.65); box-shadow: 0 0 0 1px rgba(255,53,93,.08) inset; }
.bey-head { height: 60px; padding: 0 15px; display: flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background: rgba(255,255,255,.015); }
.slot-number { display:flex; align-items:center; gap:10px; font:800 16px var(--display); text-transform:uppercase; }
.slot-number b { width:28px; height:28px; display:grid; place-items:center; background:var(--red); transform:skew(-9deg); font-size:18px; }
.slot-number b i { transform:skew(9deg); font-style:normal; }
.clear-slot { border:0; background:transparent; color:#676e7a; font-size:18px; padding:5px; }
.clear-slot:hover { color:white; }
.bey-visual { height: 185px; display:grid; place-items:center; position:relative; overflow:hidden; }
.bey-visual .rings { position:absolute; inset:25px; border:1px solid rgba(80,231,255,.09); border-radius:50%; transform:scaleX(1.55) rotate(-8deg); }
.bey-visual .rings::before, .bey-visual .rings::after { content:""; position:absolute; inset:17px; border:1px solid rgba(255,53,93,.08); border-radius:50%; }
.bey-visual .rings::after { inset:38px; border-color:rgba(255,255,255,.06); }
.part-art.big { width: 118px; height: 118px; z-index:2; }
.part-art { position: relative; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background: radial-gradient(circle, #2c3140, #171a22 64%, #0d0f15 65%); border: 1px solid #343947; overflow:hidden; }
.part-art img { width:100%; height:100%; object-fit:contain; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); }
.part-art .fallback { font: 800 20px var(--display); color:#6f7787; letter-spacing:.02em; text-align:center; padding:6px; }
.part-art.loading .fallback::after { content:""; width:15px; height:15px; display:block; margin:7px auto 0; border-radius:50%; border:2px solid #444a58; border-top-color:var(--cyan); animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.bey-form { padding: 14px; display:flex; flex-direction:column; gap:11px; }
.field label { display:flex; justify-content:space-between; gap:8px; color:var(--muted); text-transform:uppercase; font-size:10px; font-weight:800; letter-spacing:.1em; margin-bottom:5px; }
.field label span { color:#626976; text-transform:none; letter-spacing:0; font-weight:600; }
.field select:disabled { opacity:.45; cursor:not-allowed; }
.cx-box { border:1px solid #2c3140; background:#0b0d12; border-radius:11px; padding:10px; display:flex; flex-direction:column; gap:9px; }
.cx-title { font: 800 12px var(--display); letter-spacing:.08em; text-transform:uppercase; color:var(--cyan); display:flex; justify-content:space-between; }
.bey-summary { border-top:1px solid var(--line); padding:11px 14px 14px; min-height:66px; }
.bey-summary strong { font:800 18px var(--display); display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bey-summary small { color:var(--muted); }
.badge { display:inline-flex; align-items:center; gap:5px; border:1px solid #353b48; background:#1a1d25; border-radius:999px; padding:4px 7px; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.badge.banned { color:#ff718e; border-color:rgba(255,53,93,.35); background:rgba(255,53,93,.08); }
.badge.ok { color:#74eeb0; border-color:rgba(84,230,156,.3); background:rgba(84,230,156,.07); }
.badge.cx { color:#80edff; }
.badge.owned { color:#f5de69; }

.side-panel .sticky { position:sticky; top:97px; }
.panel-card { background:linear-gradient(160deg,#14171e,#0e1015); border:1px solid var(--line); border-radius:var(--radius); padding:18px; }
.panel-title { display:flex; align-items:center; gap:9px; font-size:13px; }
.status-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(84,230,156,.6); }
.validation-list { display:flex; flex-direction:column; gap:9px; margin:16px 0; }
.validation-item { display:grid; grid-template-columns:18px 1fr; gap:7px; font-size:12px; color:var(--muted); line-height:1.35; }
.validation-item i { width:17px; height:17px; display:grid; place-items:center; border-radius:50%; background:rgba(84,230,156,.09); color:var(--green); font-style:normal; font-size:10px; }
.validation-item.err i { background:rgba(255,53,93,.1); color:var(--red); }
.panel-card hr { border:0; border-top:1px solid var(--line); margin:17px 0; }
.mini-rule { display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:center; margin:12px 0; }
.mini-rule > span { width:36px; height:36px; border:1px solid #343a47; border-radius:9px; display:grid; place-items:center; font:800 16px var(--display); color:var(--cyan); }
.mini-rule p { margin:0; color:var(--muted); font-size:11px; line-height:1.35; }
.mini-rule strong { color:white; }
.mini-rule.danger > span { color:var(--red); border-color:rgba(255,53,93,.35); }
.saved-panel { margin-top:24px; }
.section-title-row { display:flex; justify-content:space-between; gap:20px; align-items:end; }
.section-title-row h2 { margin:0; font:800 27px var(--display); text-transform:uppercase; }
.section-title-row small { color:var(--muted); }
.saved-decks { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.saved-deck { border:1px solid var(--line); border-radius:12px; padding:12px; background:#101219; display:grid; grid-template-columns:1fr auto; gap:10px; }
.saved-deck h3 { margin:0 0 6px; font:800 17px var(--display); }
.saved-deck p { margin:2px 0; color:var(--muted); font-size:11px; }
.saved-deck-actions { display:flex; gap:4px; align-items:start; }
.icon-btn { border:1px solid var(--line); background:#171a21; color:#a9afba; border-radius:8px; width:31px; height:31px; display:grid; place-items:center; }
.icon-btn:hover { color:white; border-color:#4a5160; }
.empty-state { border:1px dashed #313642; border-radius:12px; padding:18px; color:var(--muted); font-size:12px; text-align:center; grid-column:1/-1; }

.collection-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); gap:16px; }
.import-card textarea { width:100%; min-height:330px; resize:vertical; padding:14px; margin-top:15px; line-height:1.65; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; }
.import-note { color:var(--muted); font-size:11px; margin-top:8px; line-height:1.5; }
.collection-count { border:1px solid var(--line); border-radius:13px; padding:12px 18px; min-width:150px; }
.collection-count strong { display:block; font:800 31px/1 var(--display); }
.collection-count small { color:var(--muted); }
.manual-form { display:grid; grid-template-columns:1fr 1fr 70px; gap:9px; margin-top:15px; }
.manual-form .btn { grid-column:1/-1; }
.form-help { color:var(--muted); font-size:11px; line-height:1.5; margin:10px 0 0; }
.collection-pieces { margin-top:22px; display:flex; flex-direction:column; gap:22px; }
.part-group-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }
.part-group-title h2 { margin:0; font:800 23px var(--display); text-transform:uppercase; }
.part-group-title span { color:var(--muted); font-size:11px; }
.parts-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.part-card { min-width:0; border:1px solid var(--line); background:#11141b; border-radius:12px; padding:10px; display:grid; grid-template-columns:54px minmax(0,1fr); gap:9px; align-items:center; }
.part-card.banned { border-color:rgba(255,53,93,.45); }
.part-card .part-art { width:54px; height:54px; }
.part-meta { min-width:0; }
.part-meta strong { display:block; font:800 15px var(--display); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.part-meta small { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; margin-bottom:5px; }
.qty-row { display:flex; align-items:center; gap:5px; }
.qty-btn { width:24px; height:24px; border-radius:6px; border:1px solid var(--line); background:#191c24; color:white; }
.qty { min-width:22px; text-align:center; font:800 14px var(--display); }

.freshness { border:1px solid #2c323d; padding:9px 12px; border-radius:999px; color:var(--muted); font-size:11px; white-space:nowrap; }
.freshness span { width:7px; height:7px; border-radius:50%; display:inline-block; margin-right:6px; background:var(--green); }
.popular-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.meta-deck { border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(155deg,#151820,#0e1016); overflow:hidden; }
.meta-head { padding:15px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; }
.meta-head h2 { margin:0 0 3px; font:800 22px var(--display); text-transform:uppercase; }
.meta-head p { margin:0; color:var(--muted); font-size:10px; line-height:1.45; }
.place { min-width:43px; height:43px; display:grid; place-items:center; font:800 17px var(--display); border-radius:10px; background:#20232c; color:var(--yellow); border:1px solid #363b47; }
.meta-combos { padding:10px 15px; }
.meta-combo { padding:10px 0; border-bottom:1px solid #252a34; display:flex; gap:10px; align-items:center; }
.meta-combo:last-child { border-bottom:0; }
.combo-num { width:22px; height:22px; flex:0 0 auto; display:grid; place-items:center; border:1px solid #343a46; border-radius:50%; color:#747c8b; font:800 11px var(--display); }
.combo-text { min-width:0; }
.combo-text strong { font:800 16px var(--display); display:block; }
.combo-text small { color:var(--muted); }
.meta-foot { padding:12px 15px; background:#0c0e13; display:flex; justify-content:space-between; gap:10px; align-items:center; }
.owned-meter { flex:1; }
.owned-meter div { height:4px; background:#252a34; border-radius:99px; overflow:hidden; margin-top:5px; }
.owned-meter i { display:block; height:100%; background:linear-gradient(90deg,var(--cyan),var(--green)); border-radius:99px; }
.owned-meter small { color:var(--muted); font-size:9px; }
.meta-link { color:var(--cyan); font-size:10px; font-weight:700; text-decoration:none; }
.source-banner { margin-top:17px; border-left:3px solid var(--cyan); background:#11141a; padding:13px 15px; display:flex; gap:8px; color:var(--muted); font-size:11px; line-height:1.5; }
.source-banner strong { color:white; white-space:nowrap; }

.rules-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.rule-card { border:1px solid var(--line); border-radius:var(--radius); padding:20px; background:#11141a; min-height:190px; position:relative; overflow:hidden; }
.rule-card > span { font:800 50px/.8 var(--display); color:#222731; position:absolute; right:14px; top:16px; }
.rule-card h2 { margin:35px 0 8px; font:800 24px var(--display); text-transform:uppercase; }
.rule-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.rule-card.banned { border-color:rgba(255,53,93,.4); }
.rule-card.banned h2 { color:#ff6684; }
.links-card { margin-top:15px; border:1px solid var(--line); background:#0f1117; border-radius:var(--radius); padding:18px; display:flex; gap:11px; align-items:center; flex-wrap:wrap; }
.links-card h2 { font:800 20px var(--display); margin:0 10px 0 0; text-transform:uppercase; }
.links-card a { text-decoration:none; padding:8px 10px; border:1px solid #303642; border-radius:8px; color:#b9c0cc; font-size:11px; }
.links-card a:hover { color:white; border-color:#515968; }

.toast { position:fixed; right:22px; bottom:22px; z-index:1000; transform:translateY(30px); opacity:0; pointer-events:none; background:#1a1e26; border:1px solid #3a414e; color:white; border-radius:11px; padding:11px 14px; font-size:12px; box-shadow:0 15px 35px rgba(0,0,0,.35); transition:.2s ease; }
.toast.show { opacity:1; transform:translateY(0); }

@media (max-width: 1180px) {
  .topbar { grid-template-columns:230px 1fr; }
  .header-status { display:none; }
  .builder-layout { grid-template-columns:1fr; }
  .side-panel .sticky { position:static; }
  .deck-grid { grid-template-columns:repeat(3,minmax(270px,1fr)); overflow-x:auto; padding-bottom:6px; }
  .parts-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .popular-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .topbar { height:auto; min-height:76px; grid-template-columns:1fr; gap:10px; padding:12px 18px; }
  .brand { justify-content:center; }
  .tabs { overflow-x:auto; justify-content:flex-start; width:100%; }
  main { padding:24px 16px 60px; }
  .hero { align-items:flex-start; flex-direction:column; }
  .deck-grid { grid-template-columns:1fr; overflow:visible; }
  .collection-layout { grid-template-columns:1fr; }
  .parts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .popular-grid, .rules-grid { grid-template-columns:1fr; }
  .saved-decks { grid-template-columns:1fr; }
  .source-banner { flex-direction:column; }
}
@media (max-width: 520px) {
  .parts-grid { grid-template-columns:1fr; }
  .manual-form { grid-template-columns:1fr 80px; }
  .manual-form select { grid-column:1/-1; }
  .hero-actions { width:100%; }
  .hero-actions .btn { flex:1; }
}

/* v2 — visualização completa das peças + analisadores */
.clear-slot { position:relative; z-index:8; width:34px; height:34px; border-radius:8px; display:grid; place-items:center; }
.clear-slot:hover { background:#222630; }
.bey-head { position:relative; z-index:6; }
.bey-card::after { pointer-events:none; }

.bey-visual { height:238px; overflow:hidden; }
.main-piece { position:absolute; z-index:3; left:50%; top:27px; transform:translateX(-50%); text-align:center; }
.main-piece > span, .visual-piece > span { display:block; margin-top:4px; color:#697181; font:800 8px var(--display); text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }
.part-art.big { width:122px; height:122px; }
.part-art.mini { width:54px; height:54px; background:radial-gradient(circle,#282e3b,#141820 64%,#0d0f15 65%); }
.part-art.mini .fallback { font-size:13px; }
.visual-piece { position:absolute; z-index:4; text-align:center; min-width:58px; }
.ratchet-pos { left:calc(50% - 70px); bottom:14px; }
.bit-pos { right:calc(50% - 70px); bottom:14px; }
.chip-pos { left:16px; top:22px; }
.assist-pos { right:16px; top:22px; }
.over-pos { left:16px; bottom:15px; }
.bey-visual .rings { inset:37px 34px 52px; }

.bit-inline-note { border:1px solid #2a303b; background:#0b0e13; border-radius:9px; padding:9px 10px; display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:start; }
.bit-inline-note b { color:var(--yellow); font:800 12px var(--display); }
.bit-inline-note span { color:#8c94a2; font-size:10px; line-height:1.45; }

.bey-analysis { border-top:1px solid var(--line); padding:13px 14px 15px; background:rgba(5,7,11,.34); }
.bey-analysis.empty { min-height:82px; }
.bey-analysis.empty > span { color:var(--cyan); font:800 10px var(--display); text-transform:uppercase; letter-spacing:.1em; }
.bey-analysis.empty p { margin:5px 0 0; color:#767e8c; font-size:10px; line-height:1.45; }
.analysis-mini-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; }
.analysis-mini-head span { color:var(--cyan); font:800 10px var(--display); text-transform:uppercase; letter-spacing:.1em; }
.analysis-mini-head b { border:1px solid #3a414d; border-radius:999px; padding:3px 7px; color:white; font:800 10px var(--display); text-transform:uppercase; }
.bey-analysis > p { margin:0 0 10px; color:#a6adb9; font-size:10px; line-height:1.55; }
.score-list { display:flex; flex-direction:column; gap:5px; }
.score-row { display:grid; grid-template-columns:48px minmax(0,1fr) 26px; gap:7px; align-items:center; }
.score-row > span { color:#7e8694; font:800 9px var(--display); text-transform:uppercase; }
.score-row > div { height:5px; border-radius:999px; overflow:hidden; background:#272c36; }
.score-row > div i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--cyan),var(--red)); }
.score-row > b { color:#b9c0ca; font:700 9px var(--body); text-align:right; }
.bey-analysis details { margin-top:9px; border-top:1px dashed #2b3039; padding-top:8px; }
.bey-analysis summary { cursor:pointer; color:#8f97a5; font-size:10px; font-weight:700; }
.bey-analysis details p { margin:7px 0 0; color:#7f8795; font-size:9px; line-height:1.5; }
.bey-analysis details strong { color:#b9c0cc; }

.analysis-card { margin-top:16px; border:1px solid var(--line); border-radius:var(--radius); padding:18px; background:linear-gradient(145deg,#141820,#0d1015); }
.analysis-card.good { border-color:rgba(84,230,156,.28); }
.analysis-card.warn { border-color:rgba(255,156,75,.38); }
.deck-analysis-head { display:flex; justify-content:space-between; align-items:end; gap:16px; }
.deck-analysis-head h2 { margin:0; font:800 27px var(--display); text-transform:uppercase; }
.deck-analysis-head > span { color:#8d95a2; border:1px solid #303641; border-radius:999px; padding:5px 9px; font-size:10px; white-space:nowrap; }
.deck-analysis-text { color:#a2aab6; font-size:12px; line-height:1.6; margin:10px 0 14px; }
.deck-score-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.deck-score-grid .score-row { grid-template-columns:55px minmax(0,1fr) 27px; }
.analysis-warnings { margin-top:13px; border-top:1px solid #282e37; padding-top:9px; }
.analysis-warnings p { margin:5px 0; color:#dda974; font-size:10px; line-height:1.5; }
.heuristic-note { display:block; margin-top:12px; color:#616977; font-size:9px; line-height:1.5; }

.part-card.with-note { grid-template-columns:54px minmax(0,1fr); align-items:start; min-height:135px; }
.part-note { margin:8px 0 0; color:#7f8795; font-size:9px; line-height:1.45; }
.badge.attack { color:#ff8098; border-color:rgba(255,53,93,.26); }
.badge.stamina { color:#f4dc58; border-color:rgba(244,220,88,.26); }
.badge.defense { color:#80edff; border-color:rgba(80,231,255,.26); }
.badge.balance { color:#b99cff; border-color:rgba(185,156,255,.26); }

@media (max-width: 1180px) {
  .bey-visual { height:226px; }
}
@media (max-width: 820px) {
  .deck-score-grid { grid-template-columns:1fr; gap:7px; }
  .bey-visual { height:240px; }
}


/* v3 — meta BBX Weekly, geração aleatória e RIB */
.hero-actions { flex-wrap:wrap; justify-content:flex-end; }
.btn.viable { border-color:rgba(84,230,156,.35); color:#aaf3cf; background:rgba(84,230,156,.07); }
.btn.viable:hover { border-color:rgba(84,230,156,.65); background:rgba(84,230,156,.11); }
.rib-pos { left:50%; bottom:12px; transform:translateX(-50%); }
.rib-pos .part-art.mini { width:62px; height:62px; }
.meta-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.meta-actions .btn { font-size:9px; padding:7px 9px; white-space:nowrap; }
.weekly-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:15px; }
.weekly-summary > div { border:1px solid var(--line); border-radius:12px; background:#11141a; padding:14px 16px; display:flex; align-items:baseline; gap:9px; }
.weekly-summary b { font:800 27px var(--display); color:white; }
.weekly-summary span { color:var(--muted); font-size:10px; }
.weekly-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.weekly-card { border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(155deg,#151820,#0e1016); overflow:hidden; }
.weekly-head { display:flex; justify-content:space-between; align-items:end; gap:10px; padding:15px 16px; border-bottom:1px solid var(--line); }
.weekly-head h2 { margin:0; font:800 22px var(--display); text-transform:uppercase; }
.weekly-head small { color:var(--muted); font-size:9px; }
.rank-list { padding:7px 14px 12px; }
.rank-row { display:grid; grid-template-columns:30px minmax(120px,1fr) minmax(70px,1fr) 30px; gap:8px; align-items:center; padding:7px 0; border-bottom:1px solid #252a34; }
.rank-row:last-child { border-bottom:0; }
.rank-row > b { color:#6f7784; font:800 10px var(--display); }
.rank-row > span { color:#c4cad3; font-size:11px; font-weight:700; min-width:0; }
.rank-row > span em { display:block; color:var(--green); font-size:8px; font-style:normal; font-weight:700; margin-top:1px; }
.rank-row > div { height:5px; background:#252a34; border-radius:999px; overflow:hidden; }
.rank-row > div i { display:block; height:100%; background:linear-gradient(90deg,var(--cyan),var(--red)); border-radius:999px; }
.rank-row > strong { text-align:right; color:#969eaa; font:800 10px var(--body); }
.rank-row.owned { background:linear-gradient(90deg,rgba(84,230,156,.045),transparent); }
@media (max-width: 820px) { .weekly-grid { grid-template-columns:1fr; } .weekly-summary { grid-template-columns:1fr; } .meta-foot { align-items:flex-start; flex-direction:column; } .meta-actions { width:100%; justify-content:space-between; } }

/* v4 — cópia parcial, reordenação, sessão física e torneios */
.btn.danger-outline { background:transparent; border:1px solid rgba(255,53,93,.35); color:#ff8da3; }
.btn.danger-outline:hover { border-color:rgba(255,53,93,.7); background:rgba(255,53,93,.07); }
.bey-head-actions { display:flex; gap:5px; align-items:center; }
.move-slot, .drag-handle { width:29px; height:29px; border-radius:7px; border:1px solid #2d333e; background:#151920; color:#88919f; display:grid; place-items:center; font-weight:800; }
.move-slot:hover:not(:disabled), .drag-handle:hover { color:white; border-color:#4a5362; background:#1d222b; }
.move-slot:disabled { opacity:.25; cursor:not-allowed; }
.drag-handle { cursor:grab; letter-spacing:-3px; padding-right:7px; }
.drag-handle:active { cursor:grabbing; }
.bey-card.drag-over { outline:2px dashed var(--cyan); outline-offset:-4px; transform:translateY(-2px); }
.mini-copy { margin-left:auto; flex:0 0 auto; border:1px solid #303743; background:#151921; color:#9ea6b3; border-radius:7px; padding:6px 8px; font-size:9px; font-weight:800; }
.mini-copy:hover { color:white; border-color:#586273; }
.saved-deck-main { min-width:0; flex:1; }
.saved-bey-row { display:flex; align-items:center; gap:8px; padding:4px 0; }
.saved-bey-row span { min-width:0; flex:1; color:#8f98a5; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rank-row { grid-template-columns:30px minmax(120px,1fr) minmax(70px,1fr) 30px 28px; }
.rank-copy { width:25px; height:25px; border:1px solid #343b47; border-radius:7px; background:#141820; color:var(--cyan); font-size:17px; display:grid; place-items:center; line-height:1; }
.rank-copy:hover { border-color:var(--cyan); background:rgba(80,231,255,.08); }

.slot-picker-backdrop { position:fixed; inset:0; z-index:1300; background:rgba(3,5,8,.77); backdrop-filter:blur(5px); display:grid; place-items:center; padding:20px; }
.slot-picker-backdrop[hidden] { display:none; }
.slot-picker { width:min(520px,100%); border:1px solid #343b47; background:linear-gradient(150deg,#171b23,#0d1015); border-radius:16px; box-shadow:0 25px 70px rgba(0,0,0,.55); padding:22px; position:relative; }
.slot-picker h2 { margin:2px 0 5px; font:800 28px var(--display); text-transform:uppercase; }
.slot-picker > p:not(.eyebrow) { color:var(--muted); margin:0 35px 16px 0; font-size:11px; }
.slot-picker-close { position:absolute; right:14px; top:14px; width:31px; height:31px; border:1px solid #333a46; border-radius:8px; background:#11151b; color:#89929f; }
.slot-picker-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.slot-choice { min-height:92px; text-align:left; border:1px solid #2f3641; border-radius:11px; padding:12px; background:#10141a; color:white; }
.slot-choice:hover { border-color:var(--cyan); background:rgba(80,231,255,.045); }
.slot-choice b { display:block; color:var(--cyan); font:800 13px var(--display); text-transform:uppercase; margin-bottom:7px; }
.slot-choice span { color:#929ba8; font-size:10px; line-height:1.45; display:block; }

.session-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:15px; }
.session-summary > div { border:1px solid var(--line); border-radius:12px; background:#11141a; padding:14px 16px; display:flex; align-items:baseline; gap:9px; }
.session-summary b { font:800 27px var(--display); }
.session-summary span { color:var(--muted); font-size:10px; }
.session-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:15px; align-items:start; }
.session-draft-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.session-bey-card { border:1px solid var(--line); background:linear-gradient(150deg,#151922,#0e1117); border-radius:var(--radius); overflow:hidden; min-width:0; }
.session-bey-card .bey-head { padding:10px 12px; }
.session-bey-card .bey-visual { height:205px; }
.session-bey-card .bey-form { padding:10px 12px; }
.session-clear-slot { width:29px; height:29px; border:1px solid #2e3540; background:#13171d; color:#8c95a2; border-radius:7px; }
.compact-form .field { margin-bottom:8px; }
.session-stock-panel { position:sticky; top:92px; max-height:calc(100vh - 115px); overflow:auto; }
.session-stock-panel h2 { margin:2px 0 12px; font:800 24px var(--display); text-transform:uppercase; }
.session-stock-list { display:flex; flex-direction:column; gap:12px; }
.session-stock-group { display:flex; flex-direction:column; gap:5px; border-top:1px solid #282e38; padding-top:9px; }
.session-stock-group:first-child { border-top:0; padding-top:0; }
.session-stock-group > b { color:#727b89; font:800 9px var(--display); text-transform:uppercase; letter-spacing:.08em; }
.session-stock-group span { display:flex; justify-content:space-between; gap:7px; color:#aab1bc; font-size:10px; }
.session-stock-group em { color:var(--green); font-style:normal; font-weight:800; }
.physical-title { margin-top:25px; }
.physical-decks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.physical-deck { border:1px solid var(--line); border-radius:12px; background:#11151b; padding:14px; }
.physical-deck-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; border-bottom:1px solid #282e37; padding-bottom:9px; margin-bottom:7px; }
.physical-deck-head small { color:var(--cyan); font:800 9px var(--display); }
.physical-deck-head h3 { margin:2px 0 0; font:800 19px var(--display); text-transform:uppercase; }
.physical-bey { display:grid; grid-template-columns:24px 1fr; gap:8px; align-items:center; padding:7px 0; border-bottom:1px dashed #272d36; }
.physical-bey b { width:21px; height:21px; border-radius:50%; border:1px solid #343b47; display:grid; place-items:center; color:#7d8694; font:800 9px var(--display); }
.physical-bey span { font-size:10px; color:#b4bbc5; }
.physical-deck > small { display:block; color:#66707e; margin-top:9px; font-size:9px; }

.tournament-setup { display:grid; grid-template-columns:300px minmax(0,1fr); gap:14px; margin-bottom:22px; }
.tournament-config, .registration-card { min-height:190px; }
.config-field { display:flex; flex-direction:column; gap:7px; color:#89929f; font-size:10px; }
.config-field input { width:100%; }
.registration-form { display:grid; grid-template-columns:115px 1fr; gap:14px; }
.photo-input-wrap { display:flex; flex-direction:column; gap:8px; }
.player-photo-preview { width:105px; height:105px; border:1px dashed #424a57; border-radius:14px; background:#0d1116; display:grid; place-items:center; overflow:hidden; color:#5f6875; font-size:28px; }
.player-photo-preview img { width:100%; height:100%; object-fit:cover; }
.file-btn { position:relative; text-align:center; overflow:hidden; }
.file-btn input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.registration-fields { display:flex; flex-direction:column; gap:8px; }
.registration-fields textarea { resize:vertical; min-height:73px; }
.inline-actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.tournament-content { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:18px; align-items:start; }
.player-list { display:grid; gap:8px; }
.player-card { display:grid; grid-template-columns:54px minmax(0,1fr) 32px; gap:10px; align-items:center; border:1px solid var(--line); border-radius:11px; background:#11151b; padding:10px; }
.player-card h3 { margin:1px 0 3px; font:800 16px var(--display); text-transform:uppercase; }
.player-card small { color:var(--cyan); font-size:8px; }
.player-card p { margin:0; color:#7f8895; font-size:9px; line-height:1.4; }
.player-avatar { width:44px; height:44px; border-radius:50%; object-fit:cover; border:1px solid #39414d; background:#1b2028; }
.player-avatar.placeholder { display:grid; place-items:center; color:#aeb6c0; font:800 17px var(--display); }
.player-avatar.tiny { width:25px; height:25px; flex:0 0 auto; font-size:10px; }
.standings-wrap { border:1px solid var(--line); border-radius:11px; overflow:auto; }
.standings { width:100%; border-collapse:collapse; min-width:660px; }
.standings th, .standings td { padding:9px 10px; border-bottom:1px solid #262c35; text-align:center; font-size:10px; }
.standings th { background:#151920; color:#707987; font:800 9px var(--display); text-transform:uppercase; }
.standings td:nth-child(2), .standings th:nth-child(2) { text-align:left; }
.standing-player { display:flex; align-items:center; gap:7px; font-weight:700; }
.standing-deck{min-width:122px}.standing-deck .deck-mini{justify-content:flex-start;gap:1px}.standing-deck small{display:block;color:var(--muted);font-size:9px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.standing-deck-trigger{display:block;width:116px;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}.standing-deck-trigger:hover .bey-mini{transform:translateY(-2px)}.public-deck-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.public-deck-slots section{padding:10px 6px;border:1px solid var(--line);border-radius:12px;background:#101621;overflow:hidden}.public-deck-slots section>b{display:block;text-align:center;color:var(--cyan);font:800 11px var(--display);margin-bottom:4px}.public-deck-slots .bey-mini{display:block;margin:0 auto}.public-deck-slots section>div{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:8px}.public-deck-slots .ptag{padding:3px;min-width:0}.public-deck-slots .ptag>span{display:none}@media(max-width:620px){.public-deck-slots{grid-template-columns:1fr}.public-deck-slots section{display:grid;grid-template-columns:70px 125px 1fr;align-items:center}.public-deck-slots section>b{margin:0}.public-deck-slots section>div{margin:0}}
.bracket-section { margin-top:25px; }
.champion-chip { color:#ffe07a; font:800 14px var(--display); text-transform:uppercase; }
.bracket { display:flex; gap:18px; overflow-x:auto; align-items:stretch; padding:5px 2px 15px; }
.bracket-round { min-width:250px; flex:1 0 250px; display:flex; flex-direction:column; }
.bracket-round > h3 { margin:0 0 9px; color:#808997; font:800 12px var(--display); text-transform:uppercase; }
.round-matches { flex:1; display:flex; flex-direction:column; justify-content:space-around; gap:13px; }
.bracket-match { border:1px solid #303742; background:linear-gradient(145deg,#151a21,#0e1116); border-radius:11px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,.12); }
.bracket-match.decided { border-color:rgba(84,230,156,.26); }
.bracket-match > small { display:block; padding:6px 10px 0; color:#616b78; font:800 8px var(--display); }
.competitor { min-height:45px; display:grid; grid-template-columns:26px minmax(0,1fr) 42px; gap:7px; align-items:center; padding:8px 9px; border-bottom:1px solid #282e37; }
.competitor span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aeb6c1; font-size:10px; font-weight:700; }
.competitor.winner { background:rgba(84,230,156,.055); }
.competitor.winner span { color:#c8f8df; }
.competitor > b { color:var(--green); font-size:9px; }
.match-score { width:40px; padding:6px 4px; text-align:center; }
.match-confirm { width:100%; border:0; border-top:1px solid #2b323d; background:#12161c; color:#7f8996; padding:7px; font:800 9px var(--display); text-transform:uppercase; }
.match-confirm:hover:not(:disabled) { color:white; background:#1a2028; }
.match-confirm:disabled { opacity:.35; }
.bracket-empty { min-width:100%; }

@media (max-width:1180px) {
  .session-layout { grid-template-columns:1fr; }
  .session-stock-panel { position:static; max-height:none; }
  .physical-decks { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tournament-content { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .session-draft-grid { grid-template-columns:1fr; }
  .session-bey-card .bey-visual { height:235px; }
  .tournament-setup { grid-template-columns:1fr; }
}
@media (max-width:820px) {
  .rank-row { grid-template-columns:27px minmax(100px,1fr) 62px 27px 27px; gap:6px; }
  .slot-picker-choices { grid-template-columns:1fr; }
  .slot-choice { min-height:70px; }
  .session-summary { grid-template-columns:1fr; }
  .physical-decks { grid-template-columns:1fr; }
  .registration-form { grid-template-columns:1fr; }
  .photo-input-wrap { flex-direction:row; align-items:center; }
  .player-photo-preview { width:80px; height:80px; flex:0 0 auto; }
}
@media (max-width:560px) {
  .move-slot { display:none; }
  .bey-head-actions { gap:4px; }
  .meta-combo { align-items:flex-start; }
  .mini-copy { padding:5px 6px; }
}

/* v5 — catálogo vivo + meta incremental */
.live-catalog-card{margin:22px 0 28px}.catalog-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.catalog-status{font-size:.78rem;color:#97a0ad;border:1px solid #303440;border-radius:999px;padding:7px 10px}.catalog-status.live{color:#b9dba9;border-color:#53684c;background:#151b14}.catalog-status.error{color:#e3a7a7;border-color:#6f4545;background:#1d1414}.catalog-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.catalog-search input{min-width:0}.catalog-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}.catalog-result{border:1px solid #292d37;background:#111318;border-radius:14px;padding:13px;display:flex;gap:12px;align-items:center}.catalog-result .result-copy{margin-left:auto}.catalog-result small{display:block;color:#7f8794;margin-top:3px}.catalog-result strong{display:block}.catalog-result .part-art{width:58px;height:58px;flex:0 0 58px}.catalog-empty{padding:16px;border:1px dashed #30343f;border-radius:12px;color:#858d99}.meta-fetch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 16px;border:1px solid #292d37;border-radius:14px;background:#101217}.meta-fetch-toolbar strong,.meta-fetch-toolbar small{display:block}.meta-fetch-toolbar small{color:#858d99;margin-top:3px}.meta-source-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid #353a45;color:#9ba4b1;margin-top:6px}.meta-source-badge.aggregate{border-color:#655c3e;color:#d8c886;background:#1a1811}.meta-source-badge.podium{border-color:#3b5d55;color:#9bd3c4;background:#101915}.part-source{font-size:.66rem;color:#6f7783;margin-top:4px}.online-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px;animation:pulseOnline 1.2s infinite}@keyframes pulseOnline{50%{opacity:.35}}@media(max-width:700px){.catalog-search{grid-template-columns:1fr}.meta-fetch-toolbar{align-items:stretch;flex-direction:column}.meta-fetch-toolbar .btn{width:100%}}
.product-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));font-weight:900;letter-spacing:.08em}.product-result{grid-template-columns:56px 1fr auto}

/* v7: provenance tooltips + optional third-place match */
.part-card[title], .part-art[title]{cursor:help}
.config-check{display:flex;align-items:center;gap:9px;margin-top:12px;color:#c2c8d2;font-size:.86rem}
.config-check input{width:auto;accent-color:#8d6aa0}
.tournament-result-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.third-chip{border-color:#756046!important;color:#d6b78d!important}
.third-place-round{border-color:#4b4033!important;background:linear-gradient(180deg,rgba(117,96,70,.08),rgba(17,19,24,.3))}
.bracket-match.third-place{border-color:#594936}

/* v8 — catálogo de lançamentos faltantes + 3º lugar aninhado */
.catalog-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.catalog-section-title{grid-column:1/-1;color:#858e9c;font:800 10px var(--display);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.missing-toolbar{margin:0 0 18px}.missing-search-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.35fr) minmax(190px,.4fr);gap:10px}.missing-toolbar-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px;color:#828b98}.missing-toolbar-foot>span{font:800 11px var(--display);color:#b8c0cc;text-transform:uppercase}.missing-toolbar-foot small{font-size:9px}.missing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.missing-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;border:1px solid #292f39;background:linear-gradient(145deg,#141820,#0f1217);border-radius:15px;padding:14px;min-height:190px}.missing-art{display:flex;align-items:flex-start;justify-content:center}.missing-art .part-art.big{width:98px;height:98px}.missing-art .product-orb{width:88px;height:88px}.missing-card-body{min-width:0}.missing-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:29px}.missing-card h3{font:800 16px/1.15 var(--display);margin:8px 0 7px;color:#e3e6eb}.product-code{color:#697380;font:800 9px var(--display);white-space:nowrap}.product-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.product-tags span,.single-brand{display:inline-flex;border:1px solid #353c47;border-radius:999px;padding:4px 7px;color:#929ca9;font-size:8px;font-weight:800}.product-brand-tabs{display:flex;border:1px solid #343b46;border-radius:8px;overflow:hidden}.brand-tab{border:0;background:#11151b;color:#7e8794;padding:5px 7px;font:800 8px var(--display)}.brand-tab.active{background:#272e39;color:#e0e5eb}.buy-caption{margin-top:10px;color:#697380;font:800 8px var(--display);text-transform:uppercase}.buy-links{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.buy-links a,.source-small{display:inline-flex;color:#aeb8c6;border:1px solid #323a46;border-radius:7px;padding:5px 7px;font-size:8px;text-decoration:none}.buy-links a:hover,.source-small:hover{border-color:#5b6675;color:white}.source-small{margin-top:7px;border-color:transparent;padding-left:0}.missing-card small{display:block;color:#747e8b;font-size:8px;line-height:1.4}
.third-place-nested{margin-top:14px;padding:10px;border:1px solid #514433;border-radius:10px;background:rgba(105,82,52,.08)}.third-place-nested-title{display:flex;align-items:center;gap:6px;margin:0 0 7px;color:#bfa481;font:800 9px var(--display);text-transform:uppercase}.third-place-nested .bracket-match{width:92%;margin:0 auto;box-shadow:none}.third-place-nested .competitor{grid-template-columns:26px minmax(0,1fr) 54px;min-height:40px;padding:6px 8px}.third-place-nested .match-confirm{padding:6px}.third-score{width:52px!important;min-width:52px;padding:6px 5px!important;text-align:center!important;font-size:12px!important}.final-round .round-matches{justify-content:center}
@media(max-width:900px){.missing-search-row{grid-template-columns:1fr}.missing-grid{grid-template-columns:1fr}}
@media(max-width:520px){.missing-card{grid-template-columns:82px minmax(0,1fr)}.missing-art .part-art.big{width:76px;height:76px}.missing-toolbar-foot{align-items:flex-start;flex-direction:column}}

/* ===========================================================================
   v9 — comunidade: contas, perfis, PartTag, admin, torneios online e vendas
   =========================================================================== */

/* PartTag (item 11): miniatura + nome clicável, em todo o site */
.ptag{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px 3px 4px;border:1px solid #2d333e;border-radius:999px;background:#141821;color:#d6dbe3;font-size:11px;font-weight:700;text-decoration:none;line-height:1;transition:border-color .15s ease,background .15s ease}
.ptag:hover{border-color:var(--cyan);background:rgba(80,231,255,.06)}
.ptag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptag.plain{border-color:transparent;background:transparent;padding:3px 2px;color:#9aa2b0}
.ptag.block{display:flex;width:100%}
.ptag-thumb{flex:0 0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#2c3140,#171a22 64%,#0d0f15 65%);border:1px solid #343947}
.ptag-thumb img{width:100%;height:100%;object-fit:contain}
.ptag-thumb.fallback{font:800 9px var(--display);color:#7f8795;letter-spacing:.02em}
.combo-tags{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}

/* Usuário no topo + avisos */
.header-user{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.header-user.inline{margin-left:12px}
.user-chip{display:inline-flex;align-items:center;gap:9px;text-decoration:none;border:1px solid var(--line);background:#141720;border-radius:999px;padding:4px 13px 4px 5px;color:white;font-size:12px;font-weight:700}
.user-chip:hover{border-color:#4a5160}
.chip-admin{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#141720;color:#a9afba;text-decoration:none;font-size:15px}
.chip-admin:hover{color:white;border-color:#4a5160}
.btn.chip-login{text-decoration:none;display:inline-flex;align-items:center}
.announcement-bar{position:sticky;top:76px;z-index:90;display:flex;align-items:center;gap:14px;padding:9px 28px;background:linear-gradient(90deg,rgba(255,53,93,.14),rgba(80,231,255,.08));border-bottom:1px solid #2a2f3a;font-size:12px}
.announcement-bar a{color:var(--cyan);font-weight:700;text-decoration:none}
.announcement-bar button{margin-left:auto;border:0;background:transparent;color:#828b98;font-size:16px}

/* Avatares + molduras (item 3) */
.avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#2c3140,#171a22 70%);border:2px solid #343947;overflow:visible}
.avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.avatar b{font:800 16px var(--display);color:#9aa2b0}
.avatar .frame-img{position:absolute;inset:-18%;width:136%;height:136%;border-radius:0;object-fit:contain;pointer-events:none}
.avatar .verified-badge{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;display:grid;place-items:center;background:var(--cyan);color:#06222a;border-radius:50%;font-size:9px;font-style:normal;font-weight:900;border:2px solid var(--bg)}
.frame-x-line{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(80,231,255,.25),0 0 14px rgba(80,231,255,.35)}
.frame-xtreme{border-color:var(--red);box-shadow:0 0 0 2px rgba(255,53,93,.3),0 0 16px rgba(255,53,93,.4);animation:framePulse 1.6s infinite}
.frame-ember{border-color:var(--orange);box-shadow:0 0 12px rgba(255,156,75,.5)}
.frame-cobalt{border-color:#6f8cff;box-shadow:0 0 12px rgba(111,140,255,.45)}
.frame-champion{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(244,220,88,.35),0 0 18px rgba(244,220,88,.4)}
.frame-phantom{border-color:#b99cff;box-shadow:0 0 14px rgba(185,156,255,.5);animation:framePulse 2.4s infinite}
@keyframes framePulse{50%{box-shadow:0 0 4px rgba(255,255,255,.1)}}

/* Página de perfil (item 3/9) */
.profile-banner{position:relative;height:210px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(120deg,#171b26,#0e1016 60%),radial-gradient(circle at 80% 20%,rgba(255,53,93,.25),transparent 50%)}
.profile-banner img,.profile-banner video{width:100%;height:100%;object-fit:cover}
.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:20px;align-items:center;margin:18px 0 10px;padding:0 10px;position:relative;z-index:2;min-width:0}
.profile-head .avatar{border-width:3px;background:#171a22}
.profile-id{min-width:0}.profile-id h1{margin:0;font:800 34px var(--display);text-transform:uppercase;display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}
.profile-id p{margin:3px 0 0;color:var(--muted);font-size:12px;max-width:640px}.profile-id .profile-handle{font:600 10px/1.2 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted);white-space:nowrap}.profile-id .profile-bio{margin-top:7px;color:var(--text);font-size:12px;line-height:1.35}
.profile-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.profile-verified{width:17px;height:17px;display:inline-grid;place-items:center;border-radius:50%;background:var(--cyan);color:#06222a;vertical-align:middle;flex:none}.profile-verified svg{width:11px;height:11px}
.profile-favorite{display:grid;grid-template-columns:106px;justify-items:center;gap:3px;min-width:106px;text-align:center;text-decoration:none;color:inherit;align-self:center}.profile-favorite>span{font:700 9px/1 Inter,sans-serif;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.profile-favorite-art{width:84px;height:84px;display:grid;place-items:center}.profile-favorite-image{display:block;width:84px;height:84px;object-fit:contain;animation:favorite-bey-spin 10s linear infinite;filter:contrast(1.08) saturate(1.1) drop-shadow(0 1px 2px rgba(235,255,236,.28))}.profile-favorite>b{font:700 11px/1.15 var(--display);text-transform:uppercase;color:var(--text);max-width:112px}.profile-favorite small{font:700 8px/1 Inter,sans-serif;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.profile-favorite:hover>b{color:var(--accent)}
.profile-achievement-strip{position:relative;z-index:3;display:flex;align-items:center;gap:14px;min-height:48px;margin:0 10px 16px;padding-top:8px;border-top:1px solid rgba(194,249,112,.13)}.profile-achievement-strip .profile-podium-tags{margin-top:0}.profile-achievement-strip .sticker-row{margin-left:auto;align-items:center;gap:8px}.profile-achievement-strip .profile-sticker{position:relative;width:40px;height:40px;border-radius:11px;cursor:default;transition:transform .16s ease,border-color .16s ease}.profile-achievement-strip .profile-sticker:hover,.profile-achievement-strip .profile-sticker:focus-visible{z-index:1;transform:translateY(-2px);border-color:rgba(194,249,112,.72);outline:none}.profile-sticker-preview{position:absolute;z-index:30;bottom:calc(100% + 10px);left:50%;display:grid;justify-items:center;gap:5px;width:136px;padding:9px 8px 8px;border:1px solid rgba(194,249,112,.45);border-radius:12px;background:rgba(12,16,14,.97);box-shadow:0 14px 30px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px) scale(.96);transition:opacity .16s ease,transform .16s ease,visibility .16s}.profile-sticker-preview>img,.profile-sticker-preview-icon{width:96px;height:96px;display:grid;place-items:center;object-fit:contain}.profile-sticker-preview>b{max-width:120px;font:700 11px/1.15 var(--display);letter-spacing:.03em;text-align:center;text-transform:uppercase;color:var(--text)}.profile-sticker:hover .profile-sticker-preview,.profile-sticker:focus-visible .profile-sticker-preview{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.profile-extra-items{color:var(--accent);font-size:10px;text-decoration:none;white-space:nowrap}.profile-extra-items:hover{text-decoration:underline}
@keyframes favorite-bey-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.profile-favorite-image{animation:none}}
.role-chip{font:800 10px var(--display);text-transform:uppercase;letter-spacing:.06em;border:1px solid #3a414d;border-radius:999px;padding:4px 8px;color:#9aa2b0}
.role-chip.ADMIN{color:#ff8098;border-color:rgba(255,53,93,.4)}
.role-chip.MOD{color:#80edff;border-color:rgba(80,231,255,.35)}
.role-chip.ORGANIZER{color:#f4dc58;border-color:rgba(244,220,88,.3)}
.sticker-row{display:flex;gap:6px;flex-wrap:wrap}
.sticker{width:34px;height:34px;display:grid;place-items:center;font-size:19px;border:1px solid #2d333e;border-radius:10px;background:#141821}
.sticker img{width:80%;height:80%;object-fit:contain}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start;margin-top:22px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tournament-section{border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:0 0 18px;background:#10131b}
.tournament-section.running{border-color:#846b23;background:linear-gradient(135deg,rgba(120,92,16,.24),rgba(18,18,17,.9))}
.tournament-section.open{border-color:#237146;background:linear-gradient(135deg,rgba(22,106,57,.23),rgba(14,20,17,.9))}
.tournament-section.finished{border-color:#71363d;background:linear-gradient(135deg,rgba(130,42,50,.20),rgba(21,14,16,.9))}
.tournament-section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 2px 13px}.tournament-section-head .eyebrow{margin:0}.tournament-section-head p:not(.eyebrow){color:var(--muted);font-size:12px;margin:4px 0 0}.tournament-section-head>span{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.1);font:800 14px var(--display)}
.tournament-section-empty{color:var(--muted);font-size:13px;padding:8px 2px}
.sale-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(84,230,156,.12);border:1px solid rgba(84,230,156,.4);color:#74eeb0;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 8px}
.price{font:800 20px var(--display);color:var(--green)}
.wa-btn{display:inline-flex;align-items:center;gap:7px;background:#1faa53;color:white;border:0;border-radius:10px;padding:9px 13px;font-weight:800;font-size:12px;text-decoration:none}
.wa-btn:hover{background:#26c261}
.form-grid{display:grid;gap:12px}
.form-grid label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;margin-bottom:5px}
textarea{width:100%;min-height:90px;padding:10px 12px;resize:vertical}
.choice-row{display:flex;gap:8px;flex-wrap:wrap}
.choice-item{border:1px solid var(--line);background:#12151d;border-radius:12px;padding:8px;cursor:pointer;display:grid;place-items:center;gap:5px;min-width:64px}
.choice-item small{color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}
.choice-item.selected{border-color:var(--cyan);background:rgba(80,231,255,.06)}

/* Listagens genéricas (decks, torneios, produtos, peças, vendas) */
.page-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(auto-fit,minmax(140px,180px));gap:10px;margin:0 0 18px}
.list-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,#151820 0,#0e1016 62%);padding:16px;min-width:0;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease}
a.list-card{text-decoration:none;color:inherit}
.list-card:hover{transform:translateY(-2px);border-color:#3d445}
.list-card h3,.list-card h2{margin:0;font:800 20px var(--display);text-transform:uppercase}
.list-card .muted{color:var(--muted);font-size:11px;line-height:1.5}
.list-card-foot{margin-top:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}
.status-chip{font:800 9px var(--display);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:4px 8px;border:1px solid #3a414d;color:#9aa2b0}
.status-chip.OPEN{color:#74eeb0;border-color:rgba(84,230,156,.4)}
.status-chip.RUNNING{color:#80edff;border-color:rgba(80,231,255,.4)}
.status-chip.FINISHED{color:#f4dc58;border-color:rgba(244,220,88,.3)}
.status-chip.CANCELED,.status-chip.HIDDEN,.status-chip.BANNED{color:#ff8098;border-color:rgba(255,53,93,.35)}
.bey-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #232833}
.bey-line:last-child{border-bottom:0}
.bey-line>b{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #343a46;border-radius:50%;color:#747c8b;font:800 11px var(--display)}
.author-line{display:flex;align-items:center;gap:9px}
.author-line a{color:white;text-decoration:none;font-weight:700;font-size:12px}
.author-line small{color:var(--muted);display:block;font-size:9px}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b0d12}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.deck-performance-card{margin-bottom:16px;border-color:rgba(166,239,112,.25);background:radial-gradient(circle at 50% 35%,rgba(84,230,156,.09),transparent 56%),#121612}.deck-performance-card .radar-wrap{margin:0 auto -2px}.deck-performance-bars{display:grid;gap:6px;padding:4px 4px 0}.deck-performance-bars>div{display:grid;grid-template-columns:48px 1fr 28px;gap:7px;align-items:center}.deck-performance-bars small{font:800 9px/1 var(--display);color:#9eac9f}.deck-performance-bars span{height:5px;overflow:hidden;border-radius:9px;background:#2a3039}.deck-performance-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#baff72,#54e69c)}.deck-performance-bars b{font:800 10px/1 var(--body);color:#d8f9b6;text-align:right}
.prose{color:#c3c9d3;font-size:13px;line-height:1.7;white-space:pre-wrap}

/* Página de peça / produto (itens 5 e 6) */
.part-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center}
.part-hero .part-art{width:140px;height:140px}
.google-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #3a414d;border-radius:10px;background:#161a22;color:white;padding:9px 13px;font-weight:800;font-size:12px;text-decoration:none}
.google-btn:hover{border-color:var(--cyan)}
.stat-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.kind-section h2{font:800 21px var(--display);text-transform:uppercase;margin:0 0 9px;color:var(--cyan)}
.assembly-note{border-left:3px solid var(--cyan);background:#11141a;padding:12px 15px;color:var(--muted);font-size:11px;line-height:1.6;margin:14px 0}

/* Torneio online (item 7) */
.big-join{display:grid;place-items:center;min-height:60vh;text-align:center}
.big-join h1{font:800 clamp(34px,6vw,58px)/1 var(--display);text-transform:uppercase;margin:14px 0 6px}
.big-join .btn-huge{margin-top:26px;font:800 26px var(--display);text-transform:uppercase;letter-spacing:.05em;padding:22px 54px;border-radius:16px;background:var(--red);color:white;border:0;box-shadow:0 14px 40px rgba(255,53,93,.35);transition:.15s ease}
.big-join .btn-huge:hover{transform:translateY(-2px) scale(1.02);background:#ff4d70}
.match-screen{min-height:calc(100vh - 130px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.match-screen .eyebrow{font-size:13px}
.match-vs{font:800 clamp(40px,8vw,84px)/1 var(--display);text-transform:uppercase}
.match-table{font:800 26px var(--display);color:var(--yellow);text-transform:uppercase}
.match-score-zero{font:800 clamp(60px,12vw,120px)/1 var(--display);color:#2f3542;letter-spacing:.08em;margin:12px 0}
.report-row{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.report-btn{font:800 20px var(--display);text-transform:uppercase;border:0;border-radius:14px;padding:20px 40px;color:white;transition:.15s ease}
.report-btn.win{background:linear-gradient(150deg,#1faa53,#137a3a);box-shadow:0 10px 30px rgba(84,230,156,.25)}
.report-btn.loss{background:linear-gradient(150deg,var(--red),var(--red2));box-shadow:0 10px 30px rgba(255,53,93,.25)}
.report-btn:hover{transform:translateY(-2px)}
.report-btn:disabled{opacity:.4;transform:none;cursor:not-allowed}
.conflict-banner{border:1px solid rgba(255,156,75,.5);background:rgba(255,156,75,.08);color:#ffc891;border-radius:12px;padding:12px 16px;font-size:12px}
.org-match-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;background:#11151b;padding:10px;margin-bottom:8px}
.org-match-row.conflict{border-color:rgba(255,156,75,.55);background:rgba(255,156,75,.05)}
.org-match-row.done{opacity:.75}
.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.qr-box{background:white;border-radius:14px;padding:12px;display:grid;place-items:center}
.qr-box img{width:100%;max-width:220px}

/* Admin (item 2) */
.admin-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start}
.admin-nav{position:sticky;top:97px;display:flex;flex-direction:column;gap:3px}
.admin-nav button{text-align:left;border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:9px;font-weight:700;font-size:12px}
.admin-nav button:hover{color:white;background:#171922}
.admin-nav button.active{color:white;background:#1e2029;box-shadow:inset 2px 0 0 var(--red)}
.admin-nav .nav-sep{margin:9px 13px 4px;color:#5a6270;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.12em}
.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.stat-tile{border:1px solid var(--line);border-radius:13px;background:#11141a;padding:14px 16px}
.stat-tile b{display:block;font:800 30px/1 var(--display)}
.stat-tile small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding:8px 0}
.chart i{flex:1;background:linear-gradient(180deg,var(--cyan),rgba(80,231,255,.25));border-radius:3px 3px 0 0;min-height:2px;position:relative}
.chart i:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1a1e26;border:1px solid #3a414e;padding:4px 7px;border-radius:7px;font-size:9px;white-space:nowrap;z-index:5}
.chart.red i{background:linear-gradient(180deg,var(--red),rgba(255,53,93,.2))}
.chart.green i{background:linear-gradient(180deg,var(--green),rgba(84,230,156,.2))}
.data-table{width:100%;border-collapse:collapse;font-size:11px}
.data-table th{position:sticky;top:0;background:#151920;color:#707987;font:800 9px var(--display);text-transform:uppercase;padding:9px 10px;text-align:left;border-bottom:1px solid #262c35}
.data-table td{padding:8px 10px;border-bottom:1px solid #20252e;vertical-align:middle}
.data-table tr:hover td{background:rgba(255,255,255,.015)}
.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;max-height:65vh}
.row-actions{display:flex;gap:4px;flex-wrap:wrap}
.row-actions .btn{padding:5px 8px;font-size:9px}
.pill-toggle{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.pill-toggle button{border:0;background:#11151b;color:#7e8794;padding:6px 10px;font:800 10px var(--display);text-transform:uppercase}
.pill-toggle button.active{background:#272e39;color:white}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:#9aa2b0}
.modal-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(3,5,8,.77);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}
.modal-backdrop[hidden]{display:none}
.modal{width:min(640px,100%);max-height:90vh;overflow:auto;border:1px solid #343b47;background:linear-gradient(150deg,#171b23,#0d1015);border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.55);padding:22px;position:relative}
.modal h2{margin:2px 0 14px;font:800 26px var(--display);text-transform:uppercase}
.modal-close{position:absolute;right:14px;top:14px;width:31px;height:31px;border:1px solid #333a46;border-radius:8px;background:#11151b;color:#89929f}
.mini-builder-slots{display:flex;gap:8px;margin:14px 0}.mini-builder-slots button{flex:1;min-height:82px;padding:7px;border:1px solid var(--line);border-radius:11px;background:#101723;color:#9aa9bb}.mini-builder-slots button.active{border-color:var(--cyan);background:#12243a;color:#fff}.mini-builder-slots small{display:block;font:800 9px var(--display);margin-bottom:4px}.mini-builder-slots .bey-mini{transform:scale(.9);transform-origin:center}.mini-builder-current{border:1px solid var(--line);border-radius:11px;padding:10px;background:#0c1119}.mini-builder-current>b{font:800 13px var(--display);color:var(--cyan)}.mini-builder-current>small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mini-builder-current>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.mini-part-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #31435f;border-radius:999px;padding:3px 7px;background:#172238;color:#eef6ff;font-size:11px}.mini-builder-filters{margin-top:8px}.mini-builder-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:255px;overflow:auto;margin-top:8px}.mini-builder-parts button{display:flex;align-items:center;gap:7px;min-width:0;padding:6px;border:1px solid var(--line);border-radius:9px;background:#111722;color:#e8eef8;text-align:left}.mini-builder-parts button:disabled{opacity:.4}.mini-builder-parts span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-builder-parts small{margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}.manage-deck-preview{margin-top:5px;height:35px}.manage-deck-preview .deck-mini{width:126px;gap:1px;transform:none;transform-origin:left center}

/* Home (item 8) */
.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.trend-row{display:grid;grid-template-columns:26px minmax(0,1.2fr) minmax(0,1fr) 44px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #252a34}
.trend-row:last-child{border-bottom:0}
.trend-up{color:var(--green);font-weight:800;font-size:10px}
.trend-down{color:var(--red);font-weight:800;font-size:10px}
.trend-flat{color:var(--muted);font-weight:800;font-size:10px}

/* Página de manutenção / login */
.center-page{min-height:70vh;display:grid;place-items:center;text-align:center}
.center-page .panel-card{max-width:430px;width:100%}
.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--line);background:white;color:#111;border-radius:11px;padding:12px;font-weight:800;font-size:14px;text-decoration:none;transition:.15s ease}
.login-btn:hover{transform:translateY(-1px)}

@media (max-width:1180px){.admin-layout{grid-template-columns:1fr}.admin-nav{position:static;flex-direction:row;flex-wrap:wrap}}
@media (max-width:820px){.profile-grid,.home-grid{grid-template-columns:1fr}.part-hero{grid-template-columns:96px 1fr}.part-hero .part-art{width:92px;height:92px}.profile-head{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:0 4px}.profile-head .avatar{grid-row:1}.profile-id{grid-column:2}.profile-favorite{grid-column:1/-1;grid-row:2;justify-self:start;grid-template-columns:106px;min-width:106px;margin:4px 0 0}.profile-favorite-art,.profile-favorite-image{width:72px!important;height:72px!important}.profile-head-actions{grid-column:1/-1;grid-row:3;width:100%;justify-content:flex-end}.profile-achievement-strip{margin:0 4px 14px;flex-wrap:wrap;gap:9px}.profile-achievement-strip .sticker-row{margin-left:0;width:100%;order:2}.page-toolbar{grid-template-columns:1fr}}

/* Gestão de torneio no celular: decisões de resultado precisam ser fáceis de tocar. */
@media (max-width:600px){
  .profile-grid{margin-top:14px}
  .profile-id h1{font-size:27px}.profile-id p{font-size:11px}.profile-head .avatar{width:96px!important;height:96px!important}.profile-favorite{justify-self:center;grid-column:1/-1;text-align:center}.profile-favorite-art,.profile-favorite-image{width:68px!important;height:68px!important}.profile-achievement-strip{justify-content:flex-start}.profile-achievement-strip .profile-podium-tags{width:100%}.profile-achievement-strip .sticker-row{flex-wrap:wrap;overflow:visible}
  .org-match-row{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:12px}
  .org-match-row .row-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:3px}
  .org-match-row .row-actions .btn{min-height:44px;padding:8px 7px;font-size:11px;line-height:1.15;justify-content:center;text-align:center}
  .org-match-row .row-actions [data-accept]{grid-column:1 / -1;border-color:rgba(80,231,255,.55);color:var(--cyan);font-weight:800}
  .org-match-row .row-actions [data-win]{background:#183022;border-color:rgba(84,230,156,.5);color:#d5ffe7;font-weight:800}
  .org-match-row .row-actions [data-reopen]{background:#312319;border-color:rgba(255,186,92,.5);color:#ffd595}
  .org-match-row .row-actions [data-mesa]{background:#171d29}
  .panel-card>.inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .panel-card>.inline-actions .btn{min-height:46px;padding:9px;font-size:12px;justify-content:center;text-align:center}
  .panel-card>.inline-actions .primary{grid-column:1 / -1}
}

/* Central do gestor: prioridade para decisões rápidas em uma mão. */
.tournament-control-card{border-color:rgba(84,230,156,.34);background:linear-gradient(135deg,#142117,#101612)}
.tournament-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tournament-control-head h2{margin:3px 0 4px;font:800 25px/1.05 var(--display)}.tournament-control-head small{color:var(--muted);font-size:12px}.tournament-control-actions .btn{min-height:48px;font-weight:800}.tournament-control-actions #nextBtn,.tournament-control-actions #startBtn{box-shadow:0 0 22px rgba(84,230,156,.16)}
.next-round-card{margin:0 0 18px;padding:18px 20px;border:1px solid #3b4540;border-radius:18px;background:#111613;display:flex;align-items:center;justify-content:space-between;gap:18px}.next-round-card h2{margin:3px 0 4px;font:800 25px/1 var(--display)}.next-round-card small{color:var(--muted)}.next-round-card .btn{min-height:58px;padding:0 24px;font-weight:900;font-size:15px;white-space:nowrap}.next-round-card.ready{border-color:rgba(84,230,156,.7);background:linear-gradient(100deg,#15331e,#101b13)}.next-round-card.ready .btn{background:var(--green);color:#071008;box-shadow:0 0 28px rgba(84,230,156,.32)}.next-round-card.waiting .btn{background:#252b27;color:#758078;border-color:#3a443e;box-shadow:none;cursor:not-allowed}
@media(max-width:600px){.tournament-control-card{padding:16px}.tournament-control-head{display:block}.tournament-control-head .status-chip{display:inline-flex;margin-top:11px}.tournament-control-head h2{font-size:27px}.tournament-control-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.tournament-control-actions .btn{grid-column:auto!important;min-height:54px!important;font-size:14px!important}.tournament-control-actions #cancelBtn{margin-top:7px}.org-match-row{border-color:#304033;background:#101711}.org-match-row:has(.row-actions [data-win]){box-shadow:inset 3px 0 0 var(--green)}.org-match-row:has(.row-actions [data-accept]){box-shadow:inset 3px 0 0 var(--cyan)}}

/* Cartaz de impressão (item 7) */
.poster{max-width:760px;margin:0 auto;background:white;color:#0b0c11;border-radius:18px;padding:56px 42px;text-align:center}
.poster .poster-logo{font:800 64px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}
.poster .poster-logo em{color:#d8143b;font-style:italic}
.poster h1{font:800 clamp(40px,7vw,72px)/1 var(--display);text-transform:uppercase;letter-spacing:.14em;margin:8px 0 4px}
.poster .poster-name{font:700 22px var(--body);margin:0 0 26px;color:#333}
.poster .qr-wrap{display:grid;place-items:center}
.poster .qr-wrap img{width:min(340px,72vw)}
.poster .poster-url{font:700 15px ui-monospace,Consolas,monospace;color:#444;margin-top:18px;word-break:break-all}
.poster .poster-foot{margin-top:26px;color:#666;font-size:13px}
@media print{
  body{background:white!important}
  .noise,.topbar,.announcement-bar,.no-print,.toast{display:none!important}
  main{padding:0!important;max-width:none!important}
  .poster{border-radius:0;padding:40px 20px}
}

/* v9.1 — links de peça nos cards do montador */
.part-meta strong a.plink{color:inherit;text-decoration:none;border-bottom:1px dotted transparent}
.part-meta strong a.plink:hover{color:var(--cyan);border-bottom-color:var(--cyan)}
.combo-text strong .combo-tags{row-gap:3px}
a.tab{text-decoration:none;display:inline-flex;align-items:center}

/* v10 — página de peça estilo database: galeria, radar e stats completos */
.part-page-hero{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:22px;align-items:start}
.part-gallery{display:flex;flex-direction:column;gap:10px}
.part-main-img{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 40%,#232a38,#12151d 70%);display:grid;place-items:center;overflow:hidden}
.part-main-img img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45))}
.variant-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:7px}
.variant-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background:#12151d;padding:5px;display:grid;place-items:center;overflow:hidden}
.variant-thumb img{width:100%;height:100%;object-fit:contain}
.variant-thumb.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(80,231,255,.15)}
.variant-thumb:hover{border-color:#4a5160}
.part-stats-card .radar-wrap{display:grid;place-items:center;margin:6px 0}
.radar{width:100%;max-width:240px;height:auto}
.radar-label{fill:#8d95a2;font:800 9px var(--display);letter-spacing:.06em}
.radar-value{fill:#e3e6eb;font:700 10px var(--body)}
@media(max-width:1180px){.part-page-hero{grid-template-columns:260px minmax(0,1fr)}.part-stats-card{grid-column:1/-1}}
@media(max-width:700px){.part-page-hero{grid-template-columns:1fr}}

/* v10.1 — catálogo de peças com cards grandes */
.pcatalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}
.pcatalog-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(160deg,#151820,#0e1016);padding:12px;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}
.pcatalog-card:hover{transform:translateY(-3px);border-color:var(--cyan)}
.pcatalog-img{position:relative;aspect-ratio:1;border-radius:11px;background:radial-gradient(circle at 50% 42%,#242b39,#12151d 72%);display:grid;place-items:center;overflow:hidden}
.pcatalog-img img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.4));transition:transform .25s ease}
.pcatalog-card:hover .pcatalog-img img{transform:scale(1.07)}
.pcatalog-img .fallback{font:800 30px var(--display);color:#6f7787}
.pcatalog-variants{position:absolute;top:7px;right:7px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:rgba(9,10,15,.75);border:1px solid #3a414d;color:#c4cad3;font:800 10px var(--display)}
.pcatalog-card>strong{font:800 16px/1.1 var(--display);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pcatalog-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto}
@media(max-width:520px){.pcatalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v10.2 — visual de Bey reutilizável (combos do perfil, vendas e decks) */
.bey-visual.standalone{width:100%;border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle at 50% 30%,#1a1f2b,#0d1016 75%)}
.bey-visual.standalone a.part-art{text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.bey-visual.standalone a.part-art:hover{transform:scale(1.08);border-color:var(--cyan)}
.bey-visual.standalone .part-art img{padding:7%}
.bey-visual.compact{height:190px}
.bey-visual.compact .part-art.big{width:96px;height:96px}
.bey-visual.compact .part-art.mini{width:46px;height:46px}
.bey-visual.compact .rings{inset:26px 26px 40px}

/* ===========================================================================
   v11 — sidebar colapsável, topbar shell e menu do avatar
   =========================================================================== */
:root{--navw:234px}
body.nav-collapsed{--navw:68px}
@media(min-width:901px){body{padding-left:var(--navw);transition:padding-left .18s ease}}

.side-nav{position:fixed;left:0;top:0;bottom:0;width:var(--navw);z-index:130;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(13,15,22,.99),rgba(9,10,15,.99));border-right:1px solid var(--line);transition:width .18s ease,transform .22s ease;overflow:hidden}
.side-brand{height:76px;flex:0 0 76px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;white-space:nowrap}
.side-brand .brand-mark{flex:0 0 auto}
.side-brand-text strong{font:800 20px/1 var(--display);letter-spacing:.06em;display:block}
.side-brand-text small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.side-items{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0}
.side-item{display:flex;align-items:center;gap:12px;margin:2px 10px;padding:10px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;border:0;background:transparent;width:calc(100% - 20px);text-align:left;cursor:pointer}
.side-item i{font-style:normal;flex:0 0 22px;width:22px;text-align:center;font-size:15px}
.side-item:hover{color:white;background:#171922}
.side-item.active{color:white;background:#1e2029;box-shadow:inset 2px 0 0 var(--red)}
.side-group-title{margin:14px 22px 4px;color:#5a6270;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}
.side-foot{flex:0 0 auto;padding:8px 0 12px;border-top:1px solid var(--line)}
.side-collapse i{transition:transform .18s ease}
.nav-collapsed .side-brand-text,.nav-collapsed .side-item span,.nav-collapsed .side-group-title{display:none}
.nav-collapsed .side-item{justify-content:center;padding:11px 0}
.nav-collapsed .side-item i{flex:0 0 auto}
.nav-collapsed .side-collapse i{transform:rotate(180deg)}
.side-backdrop{display:none}

.topbar.shell{display:flex;align-items:center;gap:14px;grid-template-columns:none;padding:0 20px}
.topbar.shell .brand.mini{display:none}
.topbar.shell .header-status{flex:0 0 auto;display:flex}
.topbar.shell .header-user{margin-left:auto;position:relative}
.nav-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#141720;color:#c4cad3;font-size:16px}
.nav-toggle:hover{border-color:#4a5160;color:white}
.user-chip .chev{font-style:normal;color:#828b98;font-size:10px;margin-left:2px}
button.user-chip{cursor:pointer}
.user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:225px;z-index:200;border:1px solid #343b47;border-radius:13px;background:linear-gradient(160deg,#171b23,#0e1015);box-shadow:0 20px 50px rgba(0,0,0,.5);padding:7px;display:flex;flex-direction:column}
.user-menu a,.user-menu button{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;color:#c4cad3;text-decoration:none;font-size:12px;font-weight:700;border:0;background:transparent;text-align:left;cursor:pointer}
.user-menu a:hover,.user-menu button:hover{background:#1c202a;color:white}
.user-menu button{border-top:1px solid #262c36;border-radius:0 0 9px 9px;margin-top:5px;color:#ff8da3}

@media(max-width:900px){
  .side-nav{transform:translateX(-100%);width:250px;box-shadow:0 0 60px rgba(0,0,0,.6)}
  body.nav-open .side-nav{transform:none}
  body.nav-open .side-backdrop{display:block;position:fixed;inset:0;left:250px;background:rgba(3,5,8,.6)}
  body.nav-collapsed .side-brand-text,body.nav-collapsed .side-item span,body.nav-collapsed .side-group-title{display:block}
  body.nav-collapsed .side-item{justify-content:flex-start;padding:10px 12px}
  .topbar.shell .brand.mini{display:flex}
  .side-collapse{display:none}
  .announcement-bar{padding:9px 16px}
}

/* Deck Builder: caixa de peças do catálogo */
.partsbox{margin-top:24px}
.partsbox .page-toolbar{margin-bottom:12px}
.partsbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:9px}
.partsbox-card{display:grid;grid-template-columns:52px minmax(0,1fr) 30px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#11141b;padding:9px}
.partsbox-card.owned{border-color:rgba(84,230,156,.35);background:linear-gradient(150deg,rgba(84,230,156,.05),#11141b)}
.partsbox-card .part-art{width:50px;height:50px}
.partsbox-meta{min-width:0}
.partsbox-meta a{display:block;font:800 14px var(--display);color:white;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.partsbox-meta a:hover{color:var(--cyan)}
.partsbox-meta small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}
.owned-chip{display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:#74eeb0;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.05em}
.partsbox-add{width:29px;height:29px;border:1px solid #343b47;border-radius:8px;background:#141820;color:var(--cyan);font-size:17px;display:grid;place-items:center;line-height:1}
.partsbox-add:hover{border-color:var(--cyan);background:rgba(80,231,255,.08)}
.builder-mode-note{color:var(--muted);font-size:10px;margin-top:6px}
.user-menu[hidden]{display:none}

/* v11.1 — fotos de produto (caixas) */
.product-photo{aspect-ratio:4/3;border-radius:11px;background:#f4f5f7;display:grid;place-items:center;overflow:hidden;margin:-4px -4px 4px}
.product-photo img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .25s ease}
.product-card-v2:hover .product-photo img{transform:scale(1.06)}
.product-photo .fallback{font:800 22px var(--display);color:#8a93a2}
.product-hero-photo{flex:0 0 190px;aspect-ratio:1;border-radius:var(--radius);background:#f4f5f7;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.product-hero-photo img{width:100%;height:100%;object-fit:contain;padding:10px}
.product-mini-photo{flex:0 0 62px;width:62px;height:62px;border-radius:10px;background:#f4f5f7;display:grid;place-items:center;overflow:hidden}
.product-mini-photo img{width:100%;height:100%;object-fit:contain;padding:4px}
@media(max-width:820px){.product-hero-photo{flex-basis:130px}}

/* v11.2 — ícones vetoriais da navegação (traço, sem emoji) */
.vicon{display:inline-block;vertical-align:-.2em;flex:0 0 auto;overflow:visible}
.side-item .vicon,.icon-only .vicon,.header-notif .vicon,.carousel-nav .vicon,.mesa-bar-actions .vicon{display:block;vertical-align:baseline}
.side-item i{display:grid;place-items:center;line-height:0}
.side-item .vicon{opacity:.85;transition:opacity .15s ease,transform .15s ease}
.side-item:hover .vicon,.side-item.active .vicon{opacity:1}
.side-item.active .vicon{color:var(--red)}
.side-collapse .vicon{transition:transform .18s ease}
.nav-collapsed .side-collapse .vicon{transform:rotate(180deg)}
.user-menu .vicon{opacity:.8}
.user-menu a:hover .vicon,.user-menu button:hover .vicon{opacity:1}

/* v11.3 — fotos sempre inteiras (nao usar % de altura em item de grid auto:
   a linha auto se dimensiona pelo conteudo e a imagem transborda/corta) */
.part-main-img,.pcatalog-img,.product-photo,.product-hero-photo,.product-mini-photo,.variant-thumb{display:flex;align-items:center;justify-content:center}
.part-main-img{padding:7%}
.pcatalog-img{padding:8%}
.product-photo{padding:9px}
.product-hero-photo{padding:11px}
.product-mini-photo{padding:5px}
.part-main-img img,.pcatalog-img img,.product-photo img,.product-hero-photo img,.product-mini-photo img,.variant-thumb img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;padding:0}

/* ===========================================================================
   v12 — builder com picker lateral, deck viewer e nuvem do meta na home
   =========================================================================== */

/* --- Builder: coluna lateral mais larga + slot ativo --- */
.builder-layout{grid-template-columns:minmax(0,1fr) 356px}
.side-panel{display:flex;flex-direction:column;gap:14px}
.bey-card{transition:border-color .15s ease,box-shadow .15s ease}
.bey-card.active-slot{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(80,231,255,.25),0 12px 34px rgba(80,231,255,.09)}
.bey-card.active-slot .slot-number b{background:var(--cyan);color:#06222a}

/* --- Picker de peças (quadradinhos com foto) --- */
.panel-card.picker{padding:14px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 120px)}
.picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.picker-head h2{margin:0;font:800 24px var(--display);text-transform:uppercase}
.picker-target{border:1px solid #343b47;border-radius:999px;padding:5px 10px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.picker-target b{color:var(--cyan);font-size:12px;margin-left:3px}
.picker-filters{display:flex;flex-wrap:wrap;gap:5px}
.picker-chip{border:1px solid #2d333e;background:#12151d;color:#8f97a5;border-radius:999px;padding:5px 9px;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.05em}
.picker-chip:hover{color:white;border-color:#4a5160}
.picker-chip.active{background:#1e2029;color:white;border-color:var(--cyan)}
.picker-chip.owned-toggle.active{border-color:var(--green);color:#74eeb0;background:rgba(84,230,156,.08)}
.picker-grid{flex:1;min-height:220px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:7px;padding-right:3px}
.picker-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 5px 6px;border:1px solid #2a3039;border-radius:12px;background:#10141b;color:#c4cad3;transition:transform .13s ease,border-color .13s ease,background .13s ease}
.picker-tile:hover{transform:translateY(-2px);border-color:var(--cyan);background:rgba(80,231,255,.05)}
.picker-tile.owned{border-color:rgba(84,230,156,.4);background:linear-gradient(160deg,rgba(84,230,156,.07),#10141b)}
.picker-tile .part-art.tile{width:58px;height:58px;background:radial-gradient(circle,#2a3040,#151922 66%,#0d0f15 67%)}
.picker-tile .part-art.tile .fallback{font-size:13px}
.picker-tile-name{font:800 9px/1.15 var(--display);text-transform:uppercase;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.picker-owned{position:absolute;top:5px;right:5px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:var(--green);color:#062313;font:800 9px var(--display);font-style:normal;padding:0 3px}
.picker-banned{position:absolute;top:5px;left:5px;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:white;font:800 10px var(--display);font-style:normal}
.picker-hint{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.picker-hint b{color:var(--cyan)}

/* --- Modal de publicação --- */
.pub-preview{border:1px solid #2a3039;border-radius:11px;background:#10141b;padding:11px}
.pub-beys{display:flex;flex-direction:column;gap:6px}
.pub-bey{display:flex;gap:9px;align-items:baseline;font-size:11px;color:#c4cad3}
.pub-bey b{color:var(--cyan);font:800 10px var(--display);flex:0 0 42px}
.pub-warn{margin:9px 0 0;color:#ffc891;font-size:10px;line-height:1.45}

/* --- Deck viewer (páginas de deck) --- */
.bey-visual.standalone.lg{height:330px}
.bey-visual.lg .part-art.big{width:168px;height:168px}
.bey-visual.lg .part-art.mini{width:72px;height:72px}
.bey-visual.lg .rings{inset:44px 40px 62px}
.bey-visual.lg .visual-piece>span,.bey-visual.lg .main-piece>span{font-size:9px}
.deck-viewer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.deck-viewer .list-card{gap:6px}
.deck-viewer h3{color:var(--cyan)}
.deck-intro{margin:0 0 12px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(166,239,112,.5);border-radius:10px;background:rgba(116,124,136,.12);color:#b7bec6;font-size:12px;line-height:1.55;font-style:italic;white-space:pre-wrap}
.llm-progress{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:10px;max-width:300px;padding:12px 14px;border:1px solid rgba(166,239,112,.42);border-radius:13px;background:linear-gradient(135deg,#15271b,#101610);box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 20px rgba(84,230,156,.14);color:var(--lime);font-size:18px}.llm-progress span{display:grid;gap:2px}.llm-progress b{color:#f3fff0;font-size:12px}.llm-progress small{color:#b9c9bc;font-size:10px;line-height:1.35}@media(max-width:600px){.llm-progress{right:12px;bottom:12px;left:12px;max-width:none}}
.deck-showcase{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start;margin-bottom:20px}.deck-showcase .deck-viewer{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.deck-showcase .deck-bey-card{padding:12px}.deck-showcase .bey-visual.lg .part-art.big{width:130px;height:130px}.deck-showcase .bey-visual.lg .part-art.mini{width:56px;height:56px}.deck-showcase .bey-visual.lg .rings{inset:35px 31px 49px}.deck-showcase .bey-visual.lg .visual-piece>span,.deck-showcase .bey-visual.lg .main-piece>span{font-size:8px}.deck-showcase .deck-performance-card{margin:0;position:sticky;top:82px}@media(max-width:820px){.deck-showcase{grid-template-columns:1fr}.deck-showcase .deck-viewer{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.deck-showcase .deck-performance-card{position:static;max-width:360px;justify-self:center;width:100%}.deck-showcase .bey-visual.lg .part-art.big{width:104px;height:104px}.deck-showcase .bey-visual.lg .part-art.mini{width:45px;height:45px}.deck-showcase .bey-visual.lg .rings{inset:29px 25px 40px}}

/* --- Nuvem do meta (home) --- */
.meta-cloud-card{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 20% -10%,rgba(255,53,93,.09),transparent 45%),radial-gradient(circle at 85% 0%,rgba(80,231,255,.08),transparent 42%),linear-gradient(160deg,#141821,#0d1015);padding:20px;margin-bottom:22px;overflow:hidden}
.cloud-hint{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.meta-cloud{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:6px 4px;padding:18px 0 4px;min-height:210px}
.cloud-bey{width:var(--s);display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:inherit;opacity:0;transform:scale(.55) translateY(14px);animation:cloudPop .6s cubic-bezier(.2,1.4,.4,1) forwards;animation-delay:var(--d)}
@keyframes cloudPop{to{opacity:1;transform:scale(1) translateY(0)}}
.cloud-orb{position:relative;width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#2b3242,#141821 72%);border:1px solid #333a48;overflow:hidden;transition:transform .22s cubic-bezier(.2,1.3,.4,1),border-color .22s ease,box-shadow .22s ease}
.cloud-orb img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.cloud-orb b{font:800 calc(var(--s)*.3) var(--display);color:#7f8795}
.cloud-bey:hover .cloud-orb{transform:scale(1.09) rotate(-4deg);border-color:var(--cyan);box-shadow:0 0 0 2px rgba(80,231,255,.2),0 16px 38px rgba(0,0,0,.45)}
.cloud-count{position:absolute;right:6%;bottom:6%;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(9,10,15,.86);border:1px solid #3a414d;color:#dfe4ea;font:800 10px var(--display);font-style:normal;opacity:0;transition:opacity .18s ease}
.cloud-bey:hover .cloud-count{opacity:1}
.cloud-name{font:800 10px/1.1 var(--display);text-transform:uppercase;text-align:center;color:#98a1af;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .15s ease}
.cloud-bey:hover .cloud-name{color:white}
.cloud-bey.trend-up .cloud-orb{border-color:rgba(84,230,156,.45)}
.cloud-bey.trend-down .cloud-orb{border-color:rgba(255,53,93,.35)}
@media (prefers-reduced-motion:reduce){.cloud-bey{animation-duration:.01ms;opacity:1;transform:none}}

/* --- Ranking do meta com imagens maiores --- */
.rank-row.big{grid-template-columns:34px minmax(150px,1.2fr) minmax(70px,1fr) 34px 30px;gap:10px;padding:9px 0}
.rank-row.big .ptag{border:0;background:transparent;padding:0;gap:9px;font-size:12px}
.rank-row.big .ptag-thumb{border-width:2px}
.rank-row.big .ptag:hover{background:transparent;color:var(--cyan)}
.rank-row.big>span em{font-size:9px}
.weekly-card .rank-list{padding:9px 14px 14px}

@media(max-width:1180px){
  .builder-layout{grid-template-columns:1fr}
  .panel-card.picker{max-height:none}
  .picker-grid{max-height:400px}
  .bey-visual.standalone.lg{height:290px}
}
@media(max-width:820px){
  .meta-cloud{min-height:0}
  .cloud-bey{--s:min(var(--s),110px)}
  .rank-row.big{grid-template-columns:26px minmax(110px,1fr) 60px 28px 28px;gap:7px}
}


/* ===========================================================================
   v13 — blocos do meta: um por categoria, peças flutuando com o nome junto
   =========================================================================== */
.meta-cloud{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;padding:16px 0 2px;align-items:start;min-height:0}

.mblock{position:relative;border:1px solid var(--line);border-radius:16px;padding:14px 14px 6px;background:radial-gradient(circle at 50% -30%,rgba(80,231,255,.07),transparent 60%),linear-gradient(165deg,#141821,#0d1015);overflow:hidden}
.mblock::after{content:"";position:absolute;inset:auto -30% -60% -30%;height:180px;background:radial-gradient(ellipse at 50% 0%,rgba(255,53,93,.07),transparent 70%);pointer-events:none}
.mblock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:2}
.mblock-head h3{margin:0;font:800 21px var(--display);text-transform:uppercase;letter-spacing:.02em}
.mblock-head small{color:var(--muted);font-size:10px}
.mblock-count{border:1px solid #3a414d;border-radius:999px;padding:3px 9px;color:#9aa2b0;font:800 10px var(--display)}
.mblock-field{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:2px 0;padding:14px 0 10px;min-height:190px}

/* bolha: entrada (pop) no <a> e flutuação contínua no wrapper interno */
.mbey{width:calc(var(--s) + 14px);display:block;text-decoration:none;color:inherit;opacity:0;transform:scale(.6);animation:mPop .55s cubic-bezier(.2,1.5,.45,1) forwards;animation-delay:var(--d)}
@keyframes mPop{to{opacity:1;transform:scale(1)}}
.mfloat{display:flex;flex-direction:column;align-items:center;gap:6px;animation:mFloat var(--dur) ease-in-out infinite;animation-delay:var(--delay);will-change:transform}
@keyframes mFloat{
  0%,100%{transform:translate3d(0,0,0)}
  33%{transform:translate3d(var(--dx),-11px,0)}
  66%{transform:translate3d(calc(var(--dx) * -.6),5px,0)}
}
.mbey:hover .mfloat{animation-play-state:paused}
.morb{position:relative;width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,#2c3444,#131721 74%);border:1px solid #333a48;box-shadow:0 14px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .25s cubic-bezier(.2,1.3,.4,1),border-color .25s ease,box-shadow .25s ease}
.morb img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.morb b{font:800 calc(var(--s) * .3) var(--display);color:#828a99}
.mbey:hover .morb{transform:scale(1.11) rotate(-5deg);border-color:var(--cyan);box-shadow:0 0 0 2px rgba(80,231,255,.22),0 20px 44px rgba(0,0,0,.5)}
.mname{max-width:calc(var(--s) + 12px);font:800 10px/1.15 var(--display);text-transform:uppercase;text-align:center;color:#96a0ae;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .18s ease}
.mbey:hover .mname{color:white}
.mscore{position:absolute;right:4%;bottom:4%;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(9,10,15,.9);border:1px solid #3a414d;color:#e3e7ec;font:800 10px var(--display);font-style:normal;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}
.mbey:hover .mscore{opacity:1;transform:scale(1)}
.mcrown{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#2a2405;font-size:11px;font-style:normal;box-shadow:0 4px 12px rgba(244,220,88,.35)}
.mbey.top .morb{border-color:rgba(244,220,88,.55);box-shadow:0 0 0 2px rgba(244,220,88,.16),0 16px 34px rgba(0,0,0,.45)}
.mbey.trend-up .morb{border-color:rgba(84,230,156,.5)}
.mbey.trend-down .morb{border-color:rgba(255,53,93,.4)}

@media(max-width:900px){
  .meta-cloud{grid-template-columns:1fr}
  .mblock-field{min-height:0;padding:10px 0 6px}
  .mbey{width:calc(min(var(--s),108px) + 12px)}
  .morb{width:min(var(--s),108px);height:min(var(--s),108px)}
  .mname{max-width:120px}
}
@media (prefers-reduced-motion:reduce){
  .mbey{animation-duration:.01ms;opacity:1;transform:none}
  .mfloat{animation:none}
}


/* ---- v13.1 — flutuação calma, peças menores e blocos bem marcados ---- */
.meta-cloud{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}

/* bloco: moldura clara, com o "campo" das peças recuado dentro dele */
.mblock{border-color:#2f3644;padding:16px;background:linear-gradient(168deg,#161a24,#0e1116)}
.mblock-head{padding-bottom:12px;border-bottom:1px solid #232a35}
.mblock-field{margin-top:12px;padding:16px 10px 12px;min-height:0;border:1px solid #232a35;border-radius:13px;background:radial-gradient(ellipse at 50% 0%,rgba(80,231,255,.05),transparent 62%),#0c0f15;box-shadow:inset 0 2px 14px rgba(0,0,0,.35);gap:10px 4px;align-items:flex-end;overflow:hidden}

/* movimento bem mais suave e com amplitude curta */
@keyframes mFloat{
  0%,100%{transform:translate3d(0,0,0)}
  33%{transform:translate3d(var(--dx),-6px,0)}
  66%{transform:translate3d(calc(var(--dx) * -.5),3px,0)}
}
.mfloat{gap:5px;animation-timing-function:cubic-bezier(.45,0,.55,1)}
.mbey{animation-duration:.5s}

/* proporções menores */
.morb{box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.mbey:hover .morb{transform:scale(1.14) rotate(-4deg)}
.mname{max-width:calc(var(--s) + 22px);font-size:9px;letter-spacing:.01em}
.mscore{min-width:19px;height:19px;font-size:9px}
.mcrown{width:17px;height:17px;font-size:9px}

@media(max-width:900px){
  .meta-cloud{grid-template-columns:1fr}
  .mbey{width:calc(min(var(--s),84px) + 16px)}
  .morb{width:min(var(--s),84px);height:min(var(--s),84px)}
  .mname{max-width:100px}
}


/* ---- v13.2 — imagem sempre contida no orbe (bits verticais tapavam o nome) ---- */
.morb{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8%}
.morb img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.mfloat{position:relative}
.mname{position:relative;z-index:2}

/* ---- v13.3 — beys da home levemente maiores (respiro proporcional) ---- */
.meta-cloud{grid-template-columns:repeat(auto-fit,minmax(370px,1fr))}
.mblock-field{padding:18px 10px 14px;gap:12px 4px}
@media(max-width:900px){
  .mbey{width:calc(min(var(--s),96px) + 16px)}
  .morb{width:min(var(--s),96px);height:min(var(--s),96px)}
}

/* ---- v14 — arquivo pessoal de decks + visibilidade ---- */
.vis-picker{display:flex;width:100%}
.vis-picker button{flex:1;padding:9px 8px;font-size:10px;text-transform:none;letter-spacing:0}
.vis-picker button.active{background:#272e39;color:white;box-shadow:inset 0 -2px 0 var(--cyan)}

.archive-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px;align-items:start}
.archive-side{position:sticky;top:97px;padding:14px}
.folder-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:9px 11px;border-radius:9px;font-weight:700;font-size:12px;margin-bottom:2px}
.folder-item:hover{color:white;background:#171922}
.folder-item.active{color:white;background:#1e2029;box-shadow:inset 2px 0 0 var(--red)}
.folder-item i{margin-left:auto;font-style:normal;font-size:10px;color:#6f7784;border:1px solid #2d333e;border-radius:999px;padding:1px 7px}
.folder-edit{opacity:0;color:#7f8795;font-size:11px;padding:0 2px}
.folder-item:hover .folder-edit{opacity:1}
.folder-edit:hover{color:var(--cyan)}
.archive-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}
.archive-stats b{display:block;font:800 22px var(--display)}
.archive-stats small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}

.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.archive-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(155deg,#151820,#0e1016);padding:14px;display:flex;flex-direction:column;gap:10px}
.archive-card:hover{border-color:#3d4453}
.archive-top{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}
.archive-top h3{margin:0;font:800 19px/1.1 var(--display);text-transform:uppercase}
.archive-top a{color:inherit;text-decoration:none}
.archive-top a:hover{color:var(--cyan)}
.vis-toggle{flex:0 0 auto;border:1px solid #3a414d;border-radius:999px;background:#141820;color:#9aa2b0;padding:5px 9px;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.vis-toggle.on{color:#74eeb0;border-color:rgba(84,230,156,.45);background:rgba(84,230,156,.08)}
.vis-toggle.off{color:#f4dc58;border-color:rgba(244,220,88,.4);background:rgba(244,220,88,.07)}
.vis-toggle:hover{filter:brightness(1.25)}
.archive-beys{display:flex;gap:6px;flex-wrap:wrap}
.archive-bey{display:inline-flex;align-items:center;gap:5px;border:1px solid #2a3039;border-radius:999px;padding:3px 9px 3px 4px;color:#9aa2b0;font-size:10px}
.archive-bey b{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#1e2029;color:#7f8795;font:800 9px var(--display)}
.archive-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px}
.folder-chip{border:1px solid #2d333e;border-radius:999px;padding:3px 8px;color:#a9b1bd;font-size:9px;font-weight:700}
.folder-chip.empty{color:#5f6875;border-style:dashed}
.archive-actions{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}
.archive-actions .btn{padding:6px 9px;font-size:10px;text-decoration:none}
@media(max-width:900px){.archive-layout{grid-template-columns:1fr}.archive-side{position:static}}

/* ===========================================================================
   v15 — preview de deck estilo builder (bolinhas agrupadas) + fix global das
   fotos de peça (bits verticais cortadas em todo lugar)
   =========================================================================== */

/* Fix global: todo círculo de peça vira flex + max-w/h. Cobre .part-art (montador,
   picker, visual de Bey) e .ptag-thumb (PartTag em listas, meta, admin). */
.part-art,.ptag-thumb{display:flex;align-items:center;justify-content:center;overflow:hidden}
.part-art img{width:84%;height:84%;max-width:84%;max-height:84%;object-fit:contain;object-position:center}
.ptag-thumb img{width:auto;height:auto;max-width:90%;max-height:90%;object-fit:contain}
.part-art .fallback{display:grid;place-items:center}

/* Preview compacto */
.deck-mini{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.bey-mini{position:relative;display:block;flex:0 0 auto;width:calc(var(--u) * 1.62);height:calc(var(--u) * 1.5);transition:transform .18s ease}
.bey-mini::before{content:"";position:absolute;left:4%;right:4%;top:10%;bottom:16%;border:1px solid rgba(80,231,255,.09);border-radius:50%;transform:scaleX(1.18) rotate(-8deg)}
.bey-mini.empty{opacity:.35}
a.list-card:hover .bey-mini,.archive-card:hover .bey-mini{transform:translateY(-2px)}
.bm-part{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,#2a3040,#141821 72%);border:1px solid #333a48;box-shadow:0 6px 14px rgba(0,0,0,.38);text-decoration:none}
.bm-part img{width:auto;height:auto;max-width:84%;max-height:84%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.bm-part b{font:800 calc(var(--u) * .24) var(--display);color:#7f8795}
a.bm-part:hover{border-color:var(--cyan);z-index:9}
.bm-blade{width:var(--u);height:var(--u);left:50%;top:0;transform:translateX(-50%);z-index:2}
.bm-ratchet{width:calc(var(--u) * .56);height:calc(var(--u) * .56);left:5%;bottom:0;z-index:3}
.bm-bit{width:calc(var(--u) * .56);height:calc(var(--u) * .56);right:5%;bottom:0;z-index:3}
.bm-rib{width:calc(var(--u) * .6);height:calc(var(--u) * .6);left:50%;bottom:0;transform:translateX(-50%);z-index:3}
.bm-lock{width:calc(var(--u) * .4);height:calc(var(--u) * .4);left:0;top:3%;z-index:4}
.bm-assist{width:calc(var(--u) * .4);height:calc(var(--u) * .4);right:0;top:3%;z-index:4}
.bm-over{width:calc(var(--u) * .4);height:calc(var(--u) * .4);left:0;top:46%;z-index:4}

/* onde o preview entra em linhas compactas (perfil) e nos decks populares */
.bey-line.deck-line{gap:10px}
.bey-line.deck-line .deck-mini{gap:5px}
.meta-combo .bey-mini{flex:0 0 auto;margin-right:2px}
.meta-combo .combo-text{min-width:0;flex:1}

/* ---- v15.1 — preview sempre em 3 colunas alinhadas; tamanhos em % da caixa ---- */
.deck-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;width:100%}
.bey-mini{width:calc(var(--u) * 1.62);height:auto;aspect-ratio:1.62 / 1.5}
.deck-mini .bey-mini{width:100%}
.bm-blade{width:61.7%;height:auto;aspect-ratio:1}
.bm-ratchet,.bm-bit{width:34.5%;height:auto;aspect-ratio:1}
.bm-rib{width:37%;height:auto;aspect-ratio:1}
.bm-lock,.bm-assist,.bm-over{width:24.7%;height:auto;aspect-ratio:1}
/* linhas compactas (perfil) e combos populares: largura fixa, não esticam */
.deck-line .deck-mini{width:calc(var(--u) * 1.62 * 3 + 16px);gap:8px;flex:0 0 auto}
.meta-combo .bey-mini{width:calc(var(--u) * 1.62)}

/* ---- v16 — picker na coleção + aba Produtos ---- */
.col-picker{max-height:none}
.col-picker .picker-grid{max-height:440px;min-height:180px}
.col-picker .pill-toggle button{padding:6px 10px}
.col-products{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:380px;overflow:auto}
.col-product{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:10px;align-items:center;text-align:left;border:1px solid #2a3039;border-radius:12px;background:#10141b;color:white;padding:7px;transition:border-color .13s ease,background .13s ease}
.col-product:hover{border-color:var(--cyan);background:rgba(80,231,255,.05)}
.col-product:disabled{opacity:.5}
.col-product .product-mini-photo{flex:0 0 48px;width:48px;height:48px;border-radius:9px}
.col-product .product-mini-photo b{font:800 11px var(--display);color:#8a93a2}
.col-product-text{min-width:0}
.col-product-text b{display:block;font:800 13px/1.15 var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-product-text small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.col-product-add{width:28px;height:28px;display:grid;place-items:center;border:1px solid #343b47;border-radius:8px;background:#141820;color:var(--cyan);font-size:16px}
.col-added{margin-top:10px;border:1px solid rgba(84,230,156,.35);background:rgba(84,230,156,.06);border-radius:11px;padding:9px 11px;display:flex;flex-direction:column;gap:7px}
.col-added b{color:#74eeb0;font:800 12px var(--display);text-transform:uppercase}
.col-added span{display:flex;flex-wrap:wrap;gap:4px}

/* ===== v17: checklist de peças, decks físicos com preview, aba do arquivo ===== */
.missing-search-row.two{grid-template-columns:minmax(220px,1fr) minmax(200px,.4fr)}
.chk-section{margin-bottom:18px}
.chk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.chk-head h2{margin:0;font:800 20px var(--display);text-transform:uppercase}
.chk-head small{color:var(--muted);font:800 10px var(--display);letter-spacing:.04em}
.chk-bar{flex:0 0 180px;height:6px;border-radius:999px;background:#1a1f27;overflow:hidden}
.chk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#9df5c3);border-radius:999px;transition:width .4s}
.chk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.chk-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;border:1px solid #2a303a;background:#11151b;min-width:0;transition:transform .15s,border-color .15s,background .15s}
.chk-item .part-art{width:40px;height:40px;flex:0 0 40px}
.chk-item .part-art .fallback{font-size:10px}
.chk-meta{min-width:0;flex:1}
.chk-meta strong{display:block;font:800 13px/1.15 var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chk-meta strong a{color:inherit;text-decoration:none}
.chk-meta strong a:hover{color:var(--cyan)}
.chk-meta small{display:block;color:#7c8694;font-size:10px;margin-top:2px}
.chk-mark{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--display);border:1px solid #39414d;color:#5c6672}
.chk-item.owned{border-color:rgba(84,230,156,.5);background:linear-gradient(145deg,rgba(84,230,156,.14),rgba(84,230,156,.05))}
.chk-item.owned .chk-mark{background:var(--green);border-color:var(--green);color:#06140c}
.chk-item.missing{opacity:.55;filter:grayscale(.7);cursor:pointer}
.chk-item.missing:hover{opacity:.9;filter:grayscale(.2);transform:translateY(-1px);border-color:#4a5462}
.chk-item.missing:hover .chk-mark{border-color:var(--cyan);color:var(--cyan)}
.physical-preview{display:flex;justify-content:center;margin:2px 0 8px}
.physical-preview .deck-mini{width:100%}
.archive-tabs{margin:0 0 14px;width:max-content}
.archive-tabs button i{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10px}
.archive-card.physical .vis-toggle{cursor:default}
.physical-names{margin:6px 0 0;padding-left:18px;color:#aeb8c6;font-size:11px;line-height:1.5}
@media(max-width:900px){.missing-search-row.two{grid-template-columns:1fr}.chk-bar{flex-basis:110px}}
#missingGrid.missing-grid{display:block}

/* ===== v18: revamp da coleção (modal de adicionar, cards maiores, qty vermelha), outline verde no picker, botão voltar ===== */
.nav-back[hidden]{display:none}
.nav-back{color:#9aa3b1}
.collection-hero-side{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:250px}
.collection-hero-actions{display:flex;flex-direction:column;gap:8px}
.collection-hero-actions .btn{width:100%}
.collection-pieces{margin-top:6px}
.parts-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
.part-card{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:13px;border-radius:15px;border-color:#2b313b;background:linear-gradient(150deg,#141821,#0f1217);transition:border-color .15s,transform .15s}
.part-card:hover{border-color:#414957;transform:translateY(-1px)}
.part-card .part-art{width:78px;height:78px}
.part-card.with-note{grid-template-columns:78px minmax(0,1fr)}
.part-meta strong{font-size:17px;line-height:1.1}
.part-meta small{font-size:8.5px;letter-spacing:.06em}
.qty-row{margin-top:6px;gap:0;display:inline-flex;align-items:center;border:1px solid rgba(255,53,93,.45);border-radius:999px;overflow:hidden;background:rgba(255,53,93,.05)}
.qty-btn{width:26px;height:26px;border:0;border-radius:0;background:transparent;color:#ff9db1;font:800 15px var(--display);line-height:1}
.qty-btn:hover{background:rgba(255,53,93,.18);color:white}
.qty{min-width:34px;padding:0 4px;font:800 15px var(--display);color:var(--red);letter-spacing:.02em}
.qty small{font-size:10px;color:#ff8ba3;margin-right:1px}
.qty-row .badge{margin-left:6px}
.collection-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:46px 20px}
.collection-empty p{margin:0;font:800 22px var(--display);text-transform:uppercase;color:#d5dae2}
.collection-empty small{color:var(--muted);font-size:11px}
/* modal grande de adicionar */
.modal.modal-wide{width:min(1180px,100%);padding:20px 22px 22px}
.add-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.add-modal .picker.col-picker{padding:0;border:0;background:transparent;box-shadow:none}
.add-modal .picker-grid{max-height:min(56vh,560px);min-height:300px;grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}
.add-modal .picker-tile .part-art.tile{width:64px;height:64px}
.add-list{border:1px solid #2b313b;border-radius:14px;background:#10131a;padding:14px;display:flex;flex-direction:column;gap:10px}
.add-list h3{margin:0;font:800 19px var(--display);text-transform:uppercase}
.add-list .form-help{margin:0;font-size:10px;color:var(--muted)}
.add-list textarea{min-height:230px;margin:0;font-size:11.5px}
.add-list .import-note{font-size:10px}
/* picker: peça que você tem = outline verde + check */
.picker-tile.owned{border-color:var(--green);box-shadow:inset 0 0 0 1px rgba(84,230,156,.35);background:linear-gradient(160deg,rgba(84,230,156,.12),#10141b)}
.picker-tile.owned .picker-tile-name{color:#dff8ea}
.picker-owned{top:5px;right:5px;height:17px;padding:0 5px;font-size:9px;letter-spacing:.02em}
.picker-have{display:block;font:800 7.5px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#74eeb0;margin-top:-2px}
@media(max-width:900px){.add-layout{grid-template-columns:1fr}.add-list textarea{min-height:140px}.parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-hero-side{min-width:0}}
@media(max-width:520px){.parts-grid{grid-template-columns:1fr}}

/* ===== v19: recolors (peças-filhas), popup "escolha a cor", linha de cores na coleção ===== */
.color-dialog{z-index:1400}
.color-modal{width:min(560px,100%)}
.color-modal h2{margin:2px 0 4px}
.color-hint{margin:0 0 14px;color:var(--muted);font-size:11px}
.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.color-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 10px;border:1px solid #2c333e;border-radius:14px;background:#10141b;color:#c4cad3;transition:transform .13s,border-color .13s,background .13s}
.color-opt:hover{transform:translateY(-2px);border-color:var(--cyan);background:rgba(80,231,255,.06)}
.color-opt-img{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#2a3040,#151922 66%,#0d0f15 67%);border:1px solid #343947}
.color-opt-img img{width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.color-opt-img b{font:800 22px var(--display);color:#6f7787}
.color-opt-label{font:800 10px/1.15 var(--display);text-transform:uppercase;text-align:center;letter-spacing:.04em}
.color-opt-qty{position:absolute;top:7px;right:7px;background:var(--green);color:#062313;border-radius:999px;padding:1px 6px;font:800 9px var(--display);font-style:normal}
.color-opt.default{border-style:dashed;color:#8f97a5}
.color-row{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px dashed #262c36}
.color-row-label{font:800 8.5px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#7c8694;margin-right:2px}
.color-row-label em{font-style:normal;color:#a7b0bd;margin-left:4px}
.color-thumb{position:relative;width:36px;height:36px;border-radius:50%;border:1.5px solid #333a46;background:radial-gradient(circle,#232838,#12151c 68%);padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;opacity:.5;filter:grayscale(.55);transition:opacity .15s,border-color .15s,transform .15s}
.color-thumb img{width:auto;height:auto;max-width:80%;max-height:80%;object-fit:contain;border-radius:50%}
.color-thumb i{position:absolute;right:-4px;bottom:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:var(--green);color:#06140c;font:800 8px/14px var(--display);font-style:normal;text-align:center;display:none}
.color-thumb em{position:absolute;left:-4px;top:-4px;width:14px;height:14px;border-radius:50%;background:var(--red);color:white;font:800 10px/13px var(--display);font-style:normal;text-align:center;display:none}
.color-thumb:hover{opacity:1;filter:none;transform:translateY(-1px);border-color:#4a5462}
.color-thumb.on{opacity:1;filter:none;border-color:var(--green);box-shadow:0 0 0 2px rgba(84,230,156,.22)}
.color-thumb.on i{display:block}
.color-thumb.on:hover em{display:block}

/* ===== v20: coleção — um item por cor, editar na foto, progresso ===== */
.part-card.item{position:relative;grid-template-columns:82px minmax(0,1fr);align-items:center;padding:12px 12px 12px 10px;overflow:hidden}
.item-photo{position:relative;width:82px;height:82px}
.item-photo .part-art{width:82px;height:82px}
.item-edit{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,53,93,.55);background:#151820;color:#ff9db1;display:grid;place-items:center;padding:0;box-shadow:0 4px 10px rgba(0,0,0,.4);transition:transform .13s,background .13s,color .13s}
.item-edit:hover{background:var(--red);color:white;transform:scale(1.08)}
.item-edit .vicon{width:13px;height:13px}
.item-qty{position:absolute;top:9px;right:10px;border:1px solid rgba(255,53,93,.5);border-radius:999px;padding:2px 8px;font:800 11px var(--display);color:var(--red);background:rgba(255,53,93,.07);letter-spacing:.02em}
.item-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;align-items:center}
.color-chip{display:inline-flex;align-items:center;border:1px solid rgba(84,230,156,.45);border-radius:999px;padding:2px 7px;font:800 8.5px var(--display);text-transform:uppercase;letter-spacing:.06em;color:#74eeb0;background:rgba(84,230,156,.07)}
.color-chip.none{border-color:#3a414d;color:#7c8694;background:transparent}
.part-card.item .part-meta strong{padding-right:44px}
/* progresso */
.cprog{display:flex;align-items:center;gap:8px;min-width:0}
.cprog-bar{flex:1;height:6px;border-radius:999px;background:#1a1f27;overflow:hidden;min-width:60px}
.cprog-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),#ff8ba3);transition:width .5s}
.cprog small{color:#8a94a2;font:800 9.5px var(--display);white-space:nowrap;letter-spacing:.03em}
.cprog small b{color:#e3e6eb}
.cprog.big .cprog-bar{height:12px}
.cprog.big small{font-size:12px}
.col-overview{margin:0 0 18px;padding:18px 20px}
.col-overview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.col-overview-head h2{margin:0;font:800 26px var(--display);text-transform:uppercase}
.col-overview-head small{color:var(--muted);font-size:11px}
.col-kind-bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin-top:14px}
.col-kind-bar{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;padding:8px 10px;border-radius:10px;border:1px solid #232933;background:#0f1218;transition:border-color .15s}
.col-kind-bar:hover{border-color:#414957}
.col-kind-bar>span{font:800 9.5px var(--display);text-transform:uppercase;letter-spacing:.07em;color:#aeb8c6}
.col-kind{margin-bottom:22px}
.col-kind .part-group-title{gap:16px}
.col-kind .part-group-title .cprog{flex:0 1 320px}
.col-kind-empty{color:#6b7482;font-size:11px;padding:10px 0 0}
.col-kind.empty{opacity:.7}
/* popup de edição */
.edit-modal .color-grid{margin-bottom:14px}
.color-opt.selected{border-color:var(--green);background:linear-gradient(160deg,rgba(84,230,156,.14),#10141b);box-shadow:inset 0 0 0 1px rgba(84,230,156,.35)}
.edit-qty-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #232933;border-bottom:1px solid #232933}
.qty-stepper{display:inline-flex;align-items:center;border:1px solid rgba(255,53,93,.5);border-radius:999px;overflow:hidden;background:rgba(255,53,93,.06)}
.qty-stepper button{width:34px;height:34px;border:0;background:transparent;color:#ff9db1;font:800 18px var(--display)}
.qty-stepper button:hover{background:rgba(255,53,93,.2);color:white}
.qty-stepper b{min-width:40px;text-align:center;font:800 17px var(--display);color:var(--red)}
.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}
@media(max-width:900px){.col-kind .part-group-title{flex-direction:column;align-items:flex-start;gap:6px}.col-kind .part-group-title .cprog{width:100%;flex:none}}

.part-card.item .part-meta strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.05;padding-right:40px}

/* ===== v21: coleção no perfil (grade compacta, destaque do visitante, barra discreta) ===== */
.colbar{display:flex;flex-direction:column;gap:5px;margin:0 0 12px}
.colbar-track{height:5px;border-radius:999px;background:#1a1f27;overflow:hidden}
.colbar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),#ff8ba3)}
.colbar small{color:#8a94a2;font-size:10px}
.colbar small b{color:#e3e6eb;font:800 11px var(--display)}
.colbar small span{color:#5f6976}
.colbar.compact{margin:0}
.pcol-legend{margin:-4px 0 10px;color:#9aa3b1;font-size:10.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pcol-legend.muted{color:#6b7482}
.pcol-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(84,230,156,.6);background:rgba(84,230,156,.15)}
.pcol-dot.exact{background:var(--green)}
.pcol-group{margin-top:10px}
.pcol-group-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pcol-group-head span{font:800 10px var(--display);text-transform:uppercase;letter-spacing:.09em;color:#8f97a5}
.pcol-group-head small{color:#5f6976;font-size:9px;font-weight:800}
.pcol-group-head::after{content:"";flex:1;height:1px;background:#232933}
.pcol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.pcol-item{position:relative;display:flex;align-items:center;gap:8px;padding:5px 26px 5px 5px;border:1px solid #262c36;border-radius:11px;background:#10141b;text-decoration:none;color:#d6dbe3;min-width:0;transition:border-color .15s,background .15s,transform .13s}
.pcol-item:hover{border-color:#4a5462;transform:translateY(-1px)}
.pcol-item .ptag-thumb{flex:0 0 38px}
.pcol-name{display:flex;flex-direction:column;min-width:0;line-height:1.1}
.pcol-name b{font:800 11.5px var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcol-color{font-style:normal;font:800 8px var(--display);text-transform:uppercase;letter-spacing:.07em;color:#74eeb0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcol-qty{position:absolute;right:6px;bottom:5px;font:800 9px var(--display);color:var(--red);border:1px solid rgba(255,53,93,.45);border-radius:999px;padding:1px 5px;background:rgba(255,53,93,.06)}
.pcol-check{position:absolute;right:6px;top:5px;width:15px;height:15px;border-radius:50%;background:rgba(84,230,156,.2);border:1px solid rgba(84,230,156,.7);color:#9df5c3;font:800 9px/13px var(--display);text-align:center}
.pcol-item.both{border-color:rgba(84,230,156,.5);background:linear-gradient(150deg,rgba(84,230,156,.09),#10141b)}
.pcol-item.exact{border-color:var(--green);box-shadow:inset 0 0 0 1px rgba(84,230,156,.35)}
.pcol-item.exact .pcol-check{background:var(--green);color:#06140c}
@media(max-width:520px){.pcol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== v22: decks físicos no builder ===== */
.physical-panel{margin-top:14px}
.saved-deck.physical{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.saved-deck.physical h3{margin-bottom:4px}
.saved-deck-actions.col{flex-direction:column;gap:6px;align-items:stretch}
.saved-deck-actions.col .btn{padding:7px 10px;font-size:11px;white-space:nowrap}
.physical-preview.small{justify-content:flex-start;margin:4px 0 6px}
.physical-preview.small .deck-mini{width:auto;max-width:100%}

/* ===== v23: picker na sessão física + dropdown da coleção no perfil ===== */
.sess-picker{display:flex;flex-direction:column;gap:10px}
.sess-picker .picker-grid{max-height:calc(100vh - 330px);min-height:220px}
.picker-tile.disabled{opacity:.38;filter:grayscale(.9);cursor:not-allowed}
.picker-tile.disabled:hover{transform:none;border-color:#2a3039;background:#10141b}
.picker-left{position:absolute;top:5px;left:5px;right:auto;border-radius:999px;padding:1px 6px;background:rgba(84,230,156,.16);border:1px solid rgba(84,230,156,.45);color:#9df5c3;font:800 8px var(--display);font-style:normal;letter-spacing:.03em;z-index:2}
.picker-left.out{background:rgba(255,255,255,.06);border-color:#3a414d;color:#8a94a2}
.picker-tile .picker-banned{left:auto;right:5px;top:24px}
.session-bey-card{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.session-bey-card.active-slot{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(80,231,255,.35),0 10px 30px rgba(80,231,255,.08)}
/* perfil: dropdowns por categoria */
details.pcol-group{border:1px solid #232933;border-radius:12px;background:#0f1218;margin-top:8px;overflow:hidden}
details.pcol-group>summary{list-style:none;cursor:pointer;padding:9px 12px;margin:0;user-select:none}
details.pcol-group>summary::-webkit-details-marker{display:none}
details.pcol-group>summary::after{content:none}
details.pcol-group>summary:hover{background:#12161e}
details.pcol-group[open]>summary{border-bottom:1px solid #232933}
details.pcol-group .pcol-grid{padding:10px}
.pcol-caret{font-style:normal;color:#6b7482;font-size:11px;transition:transform .15s;display:inline-block}
details.pcol-group[open] .pcol-caret{transform:rotate(90deg)}
details.pcol-group summary small b{color:#74eeb0}

/* ===== v24: cores por produto + backups da coleção ===== */
.color-info{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:#aeb8c6}
.color-info b{font:800 12px var(--display);text-transform:uppercase;letter-spacing:.05em;color:#74eeb0}
.color-info a{color:var(--cyan);text-decoration:none}
.color-info .muted{color:#6b7482}
details.backups{margin-top:4px;border-top:1px solid #232933;padding-top:8px}
details.backups summary{cursor:pointer;color:#7c8694;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.08em}
.backup-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;text-align:left;border:1px solid #262c36;border-radius:9px;background:#10141b;color:#c4cad3;padding:6px 9px;margin-top:6px}
.backup-row:hover{border-color:var(--cyan)}
.backup-row span{font:800 10px var(--display)}
.backup-row small{color:#7c8694;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.backup-row b{color:var(--cyan)}


/* ===================== v25 — responsividade, toque, pinça, contraste ===================== */
/* Zoom da página travado (pinça/duplo toque) — o zoom controlado existe só dentro do bracket. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y;overflow-x:clip}
[hidden]{display:none!important}
body{overflow-x:clip}
body.nav-open{overflow:hidden}
h1,h2,h3,p,small,.ptag span,.picker-tile-name{overflow-wrap:break-word}
img,svg,video,canvas{max-width:100%}
.avatar img,.avatar .frame-img{max-width:none;max-height:none} /* molduras/fotos posicionadas em % do container não podem ser limitadas */
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}
button,[role=button],a.btn,.tab,.side-item{cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Contraste de textos pequenos (Lighthouse color-contrast) */
.standings th{color:#8d96a5}
.player-card p{color:#98a1ae}
.player-card small{color:#7fe9ff}
.competitor span{color:#c3cad4}
.match-confirm{color:#9aa4b1}
.bracket-round > h3{color:#95a0b0}
.form-help,.hint,.muted{color:#9aa3b2}
/* Botões só-ícone não esticam no mobile */
.btn.icon-only{padding:0;width:44px;min-width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 44px!important;font-size:16px}
/* Tabs roláveis sem barra */
.tabs{scrollbar-width:none;scroll-snap-type:x proximity}
.tabs::-webkit-scrollbar{display:none}
.tab{scroll-snap-align:start;white-space:nowrap}

/* Tablet (só a faixa 821–1024px: abaixo disso valem as regras de celular mais acima) */
@media (min-width:821px) and (max-width:1024px){
  .deck-grid{grid-template-columns:1fr;overflow:visible}
  .parts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tournament-content{grid-template-columns:1fr}
  .topbar.shell .header-status{font-size:11px}
}

/* Toque: alvos ≥44px, fontes legíveis, inputs ≥16px (iOS não dá zoom no foco) */
@media (pointer:coarse),(max-width:900px){
  .btn,.tab,.nav-toggle,.icon-btn,.user-chip,.side-item,.match-confirm,.chip-login,.report-btn,.bracket-rounds button,
  select,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea{min-height:44px}
  .nav-toggle{width:44px;height:44px}
  .icon-btn{width:44px;height:44px}
  input,select,textarea{font-size:16px}
  .tab{padding:11px 16px}
  .status-chip{font-size:10px;padding:5px 9px}
  .player-card small{font-size:11px}
  .player-card p{font-size:12px}
  .standings th,.standings td{font-size:12px;padding:10px 8px}
  .standings th{font-size:10px}
  .competitor span{font-size:13px}
  .competitor > b{font-size:11px}
  .match-confirm{font-size:11px}
  .picker-tile-name{font-size:10px}
  .m-status{font-size:10px}
}
@media (max-width:900px){
  .topbar.shell{gap:10px;padding:0 14px}
  .topbar.shell .header-status{display:none}
  .user-chip > span:not(.avatar){max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero h1{font-size:clamp(30px,9vw,46px)}
  .hero.compact h1{font-size:clamp(28px,8vw,40px)}
  .hero p{font-size:15px}
  .standings{min-width:0}
  .standings-wrap{-webkit-overflow-scrolling:touch}
  .panel-card{padding:14px}
  main{padding:18px 14px 90px}
}
@media (max-width:520px){
  .user-chip > span:not(.avatar),.user-chip .chev{display:none}
  .user-chip{padding:4px}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .btn{flex:1 1 calc(50% - 5px)}
  .hero-actions .btn.icon-only{flex:0 0 44px}
  .tabs{gap:4px}
  .tab{padding:11px 12px;font-size:12px}
  .section-title-row{flex-wrap:wrap;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===================== v25 — bracket: zoom controlado, indicador de rodadas, modo lista, status ===================== */
.bracket-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.bracket-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bracket-rounds{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:2px}
.bracket-rounds::-webkit-scrollbar{display:none}
.bracket-rounds button{flex:0 0 auto;border:1px solid var(--line);background:#12161d;color:#9aa3b2;border-radius:999px;padding:8px 12px;font:800 10px var(--display);text-transform:uppercase;letter-spacing:.06em;min-height:36px}
.bracket-rounds button.active{color:white;border-color:var(--cyan);background:rgba(80,231,255,.08)}
.bracket-rounds button.current{box-shadow:inset 0 0 0 1px rgba(80,231,255,.25)}
.bracket-zoom-ctl{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:12px;background:#12161d;padding:3px}
.bracket-zoom-ctl button{border:0;background:transparent;color:#c4cad3;width:40px;height:38px;border-radius:9px;font:800 17px var(--display);line-height:1}
.bracket-zoom-ctl button:hover{background:#1b2028;color:white}
.bracket-zoom-ctl output{min-width:46px;text-align:center;font:800 11px var(--display);color:var(--muted)}
.bracket-viewport{position:relative;overflow:auto;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 20% 0%,#151a24,#0b0d12 60%);padding:14px;max-height:min(78vh,1100px);touch-action:pan-x pan-y;overscroll-behavior:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.bracket-viewport.free{max-height:none}
.bracket-zoom{position:relative}
.bracket-viewport.zoomed .bracket{position:absolute;top:0;left:0;transform-origin:0 0;width:max-content;padding:0}
.bracket-viewport .bracket{padding:0 0 6px}
.bracket-round{scroll-snap-align:start}
.bracket-round.current > h3{color:#80edff}
/* cabeçalho + status da partida */
.bm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 4px}
.bm-head small{color:#8a94a3;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.08em;padding:0;display:inline}
.m-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 8px;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.06em;border:1px solid #3a414d;color:#9aa2b0;white-space:nowrap}
.m-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.m-status.live{color:#80edff;border-color:rgba(80,231,255,.45);background:rgba(80,231,255,.07)}
.m-status.live::before{animation:bxpulse 1.2s ease-in-out infinite}
.m-status.done{color:#74eeb0;border-color:rgba(84,230,156,.4);background:rgba(84,230,156,.06)}
.m-status.conflict{color:#ffb56b;border-color:rgba(255,156,75,.5);background:rgba(255,156,75,.07)}
.m-status.bye{color:#f4dc58;border-color:rgba(244,220,88,.35)}
.m-status.ready{color:#c3cad4;border-color:#4a5160}
@keyframes bxpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}
.bracket-match.live{border-color:rgba(80,231,255,.35);box-shadow:0 0 0 1px rgba(80,231,255,.1),0 10px 24px rgba(0,0,0,.22)}
.bracket-match.conflict{border-color:rgba(255,156,75,.5)}
.bracket-match.bye{opacity:.8}
.competitor{grid-template-columns:28px minmax(0,1fr) auto;min-height:48px}
.competitor .avatar{width:28px!important;height:28px!important}
.competitor.loser span{color:#7f8895;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.2)}
.competitor .rep{color:#8fd7a8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.competitor.winner .rep{color:var(--green)}
.match-score{width:52px;min-height:40px;font:700 15px var(--body);text-align:center;padding:4px 6px}
.match-confirm{min-height:40px}
/* modo lista (padrão no celular): rodadas empilhadas, cabeçalho grudado */
.bracket-viewport.list{overflow:visible;max-height:none;padding:0;border:0;background:none;touch-action:auto}
.bracket-viewport.list .bracket{flex-direction:column;gap:16px;overflow:visible;padding:0}
.bracket-viewport.list .bracket-round{min-width:0;flex:none;width:100%}
.bracket-viewport.list .bracket-round > h3{position:sticky;top:76px;z-index:2;background:rgba(9,10,15,.92);backdrop-filter:blur(8px);padding:9px 2px;margin:0 0 8px;border-bottom:1px solid var(--line)}
.bracket-viewport.list .round-matches{gap:10px;justify-content:flex-start}
.bracket-viewport.list .third-place-nested .bracket-match{width:100%}
.bracket-viewport.list .bracket-empty{min-width:0}
.bracket-scroll-hint{margin:6px 2px 0;color:#7f8895;font-size:11px;display:none}
@media (max-width:700px){
  .bracket-tools{flex-direction:column;align-items:stretch}
  .bracket-tools .bracket-actions{justify-content:space-between}
  .bracket-viewport:not(.list){max-height:none}
  .bracket-viewport:not(.list) ~ .bracket-scroll-hint{display:block}
  .bracket-viewport.list .bracket-round > h3{top:68px}
}


/* ===================== v26 — confirmação, X da coleção, tela de mesa ===================== */
.btn.danger{background:var(--red);color:white}
.btn.danger:hover{background:#ff4d70}
.confirm-modal{max-width:440px}
.confirm-title{margin:4px 0 8px;font:800 24px var(--display);text-transform:uppercase}
.confirm-text{margin:0 0 6px}
.confirm-remember{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-top:14px;cursor:pointer;user-select:none}
.confirm-remember input{width:18px;height:18px;margin:0;accent-color:var(--red);border-radius:4px;min-height:0!important}
.confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
.part-card.item{position:relative;overflow:visible}
.item-remove{position:absolute;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#1a1d26;color:#aab1bd;font:600 16px/1 var(--body);display:grid;place-items:center;padding:0;z-index:2;transition:.15s ease;min-height:0!important}
.item-remove::before{content:'';position:absolute;inset:-9px;border-radius:50%}
.item-remove:hover{background:var(--red);border-color:var(--red);color:white;transform:scale(1.08)}
.mesa-link{text-decoration:none;margin-top:8px}

/* Tela de mesa (companion) — alto contraste, fonte grande, pensada pra ficar apoiada na mesa */
body.mesa{background:#07080c;height:100vh;height:100dvh;overflow:hidden;padding-left:0!important}
body.mesa .noise{display:none}
.mesa-app{display:grid;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr);height:100vh;height:100dvh}
.mesa-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font:800 12px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2;min-height:56px}
.mesa-bar a{color:#c4cad3;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px}
.mesa-bar .mesa-meta{white-space:nowrap}
.mesa-bar-actions{display:flex;gap:6px;flex:none}
.mesa-bar button{min-width:44px;min-height:44px;border:1px solid var(--line);background:#12161d;color:#c4cad3;border-radius:10px;font-size:18px;padding:0 10px}
.mesa-side{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:6px;padding:10px 14px;background:#0b0d12;transition:background .35s ease,opacity .35s ease;min-height:0;overflow:hidden}
.mesa-score-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0;height:100%;width:100%;container-type:size;overflow:hidden}
.mesa-side.p1.flip{transform:rotate(180deg)}
.mesa-side.leading{background:radial-gradient(ellipse at 50% 100%,rgba(84,230,156,.18),#0b0d12 72%)}
.mesa-side.trailing{background:radial-gradient(ellipse at 50% 100%,rgba(255,53,93,.14),#0b0d12 72%)}
.mesa-side.won{background:radial-gradient(ellipse at 50% 60%,rgba(244,220,88,.2),#0b0d12 72%)}
.mesa-side.lost{opacity:.6}
.mesa-side.claimed{box-shadow:inset 0 0 0 3px rgba(80,231,255,.35)}
.mesa-player{display:flex;align-items:center;gap:12px;max-width:100%;min-width:0}
.mesa-player h2{margin:0;font:800 clamp(18px,4.5vw,40px)/1 var(--display);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(78vw,600px)}
.mesa-player .avatar{flex:none}
.mesa-score{font:800 clamp(34px,min(12vh,26vw),170px)/.9 var(--display);color:white;letter-spacing:-.02em}
@supports (font-size:1cqh){.mesa-score{font-size:clamp(34px,68cqh,170px)}.mesa-score.small{font-size:clamp(20px,30cqh,48px)}}
.mesa-score.small{font-size:clamp(28px,6vh,48px);color:#c4cad3}
.mesa-side.leading .mesa-score{color:#8ff5c1}
.mesa-side.trailing .mesa-score{color:#ff8098}
.mesa-side.won .mesa-score{color:var(--yellow)}
.mesa-dots{display:flex;gap:10px}
.mesa-dots i{width:16px;height:16px;border-radius:50%;border:2px solid #3a414d;display:block}
.mesa-dots i.on{background:#54e69c;border-color:#54e69c;box-shadow:0 0 12px rgba(84,230,156,.6)}
.mesa-dots i.pend{border-color:#50e7ff;animation:bxpulse 1.2s ease-in-out infinite}
.mesa-actions{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:560px}
.mesa-actions p{margin:0;color:#dfe4ec;font-size:clamp(13px,1.9vh,20px);text-align:center;line-height:1.3}
.mesa-actions p.mesa-muted{color:#8a94a3;font-size:14px}
.mesa-btn{width:100%;min-height:clamp(48px,7vh,84px);border:0;border-radius:16px;font:800 clamp(16px,2.6vh,28px) var(--display);text-transform:uppercase;letter-spacing:.04em;color:white;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}
.mesa-btn:active{transform:scale(.98)}
.mesa-btn.win,.mesa-btn.ok{background:linear-gradient(150deg,#1faa53,#137a3a);box-shadow:0 12px 30px rgba(84,230,156,.22)}
.mesa-btn.no{background:linear-gradient(150deg,var(--red),var(--red2));box-shadow:0 12px 30px rgba(255,53,93,.22)}
.mesa-btn.lose,.mesa-btn.ghost{background:transparent;border:1px solid #3a414d;color:#aab1bd;min-height:46px;font-size:15px;letter-spacing:.06em}
.mesa-btn.judge{background:#1b1e27;border:1px solid var(--line);color:#f4dc58;min-height:46px;font-size:14px}
.mesa-row{display:flex;gap:10px;width:100%}
.mesa-row .mesa-btn{flex:1}
.mesa-center{display:flex;align-items:center;justify-content:center;gap:6px 10px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1116;font:800 clamp(13px,2vh,18px) var(--display);text-transform:uppercase;letter-spacing:.1em;color:#dfe4ec;text-align:center}
.mesa-center .m-status{font-size:11px}
.mesa-center .sep{color:#3a414d}
.mesa-judge{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:4px 0 0}
.mesa-judge .mesa-btn.judge{flex:1 1 auto;width:auto;min-height:40px;font-size:12px;padding:0 10px;letter-spacing:.04em}
.mesa-final{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(7,8,12,.88);backdrop-filter:blur(6px);z-index:50;text-align:center;padding:20px}
.mesa-final .trophy{font-size:clamp(64px,16vh,120px);line-height:1}
.mesa-final h1{margin:0;font:800 clamp(34px,9vw,80px)/1 var(--display);text-transform:uppercase;color:var(--yellow);max-width:92vw;overflow:hidden;text-overflow:ellipsis}
.mesa-final p{color:#c4cad3;font-size:18px;margin:0}
.mesa-final .mesa-final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.mesa-final .btn{text-decoration:none;min-height:48px;display:inline-flex;align-items:center}
@media (orientation:landscape) and (min-width:720px){
  .mesa-app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .mesa-bar{grid-column:1/-1}
  .mesa-center{border-top:0;border-bottom:0;border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;max-width:240px;padding:20px 14px}
  .mesa-side.p1.flip{transform:none}
}


/* ===================== v27 — ícones, notificações, denúncias, comunidade ===================== */
.vicon.inline{display:inline-block;vertical-align:-3px;margin:0 .15em}
.btn .vicon,.tab .vicon,.status-chip .vicon,.m-status .vicon{display:inline-block;vertical-align:-3px;margin-right:6px}
.btn.icon-only .vicon{margin:0}
.header-notif{position:relative;margin-left:auto}
.topbar.shell .header-user{margin-left:0}
.notif-btn{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#141720;color:#c4cad3;display:grid;place-items:center}
.notif-btn:hover{border-color:#4a5160;color:white}
.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:white;font:800 10px/18px var(--display);text-align:center}
.notif-menu{position:absolute;right:0;top:50px;width:min(380px,92vw);max-height:70vh;overflow:auto;background:#12151d;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:200}
.notif-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}
.notif-head strong{font:800 13px var(--display);text-transform:uppercase;letter-spacing:.08em}
.notif-head .btn{padding:6px 8px;font-size:11px;min-height:0}
.notif-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #1d222b;color:#c4cad3;text-decoration:none;font-size:13px}
.notif-item:hover{background:#171b24}
.notif-item.unread{background:rgba(80,231,255,.05)}
.notif-item.unread .notif-text{color:white;font-weight:600}
.notif-item small{display:block;color:#7f8895;font-size:11px;margin-top:2px}
.notif-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1b1f29;color:var(--cyan)}
.report-cats{display:grid;gap:6px;margin-top:10px}
.report-cat{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;color:#c4cad3;font-size:13px}
.report-cat:has(input:checked){border-color:var(--red);background:rgba(255,53,93,.06);color:white}
.report-cat input{accent-color:var(--red);width:16px;height:16px;min-height:0!important;margin:0}

/* Comunidade */
.com-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.com-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px}
.com-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.com-sort{display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:3px;background:#12161d}
.com-sort button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:9px;font:800 12px var(--display);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.com-sort button.active{background:#1e2029;color:white;box-shadow:inset 0 -2px 0 var(--red)}
.tag-chips{display:flex;gap:6px;flex-wrap:wrap}
.tag-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#12161d;color:#c4cad3;font:700 12px var(--body);white-space:nowrap;cursor:pointer;text-decoration:none}
.tag-chip:hover{border-color:#4a5160;color:white}
.tag-chip.active{border-color:var(--cyan);color:white;background:rgba(80,231,255,.08)}
.tag-chip.sm{padding:4px 9px;font-size:11px}
.tag-chip[data-tag=SALE].active,.tag-chip.sale{border-color:rgba(84,230,156,.45);color:#8ff5c1}
.tag-chip[data-tag=CHAMPION].active,.tag-chip.champion{border-color:rgba(244,220,88,.45);color:#f4dc58}
.tag-chip[data-tag=CLIP].active,.tag-chip.clip{border-color:rgba(255,53,93,.45);color:#ff8098}
.tag-chip[data-tag=HELP].active,.tag-chip.help{border-color:rgba(80,231,255,.45);color:#80edff}
.post-list{display:flex;flex-direction:column;gap:14px}
.post-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#14171e,#0e1015);padding:14px 16px;min-width:0}
.post-card.sale{border-color:rgba(84,230,156,.28);background:linear-gradient(160deg,#12201a,#0e1015)}
.post-card.pending{border-color:rgba(255,156,75,.5)}
.post-head{display:flex;align-items:center;gap:10px;min-width:0}
.post-head .avatar{flex:none}
.post-who{min-width:0;flex:1}
.post-who a{color:white;text-decoration:none;font-weight:700;font-size:13px}
.post-who small{display:block;color:#7f8895;font-size:11px}
.post-title{margin:10px 0 6px;font:800 clamp(18px,2.3vw,24px)/1.1 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.post-title a{color:white;text-decoration:none}
.post-body{margin:0;color:#c4cad3;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.post-body.clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.post-more{border:0;background:none;color:var(--cyan);font-weight:700;font-size:12px;padding:4px 0}
.post-body a,.cm-body a{color:var(--cyan)}
.post-media{margin-top:12px;border-radius:12px;overflow:hidden;background:#0a0c10;position:relative}
.post-media img,.post-media video{display:block;width:100%;max-height:560px;object-fit:contain;background:#0a0c10}
.carousel{position:relative}
.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track > *{flex:0 0 100%;scroll-snap-align:start}
.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(9,10,15,.7);color:white;display:grid;place-items:center;backdrop-filter:blur(4px)}
.carousel-nav.prev{left:8px}.carousel-nav.next{right:8px}
.carousel-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.carousel-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.carousel-dots i.on{background:white}
.media-count{position:absolute;top:8px;right:8px;background:rgba(9,10,15,.7);color:white;border-radius:999px;padding:3px 8px;font:800 10px var(--display)}
.yt-embed{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat;display:grid;place-items:center;cursor:pointer}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{width:64px;height:64px;border-radius:50%;background:rgba(255,53,93,.92);color:white;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.poll{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.poll-opt{position:relative;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#10141b;color:#dfe4ec;font-size:13px;text-align:left;overflow:hidden;display:flex;justify-content:space-between;gap:8px;cursor:pointer}
.poll-opt::before{content:'';position:absolute;inset:0;width:var(--pct,0%);background:rgba(80,231,255,.12);transition:width .4s ease}
.poll-opt.mine{border-color:var(--cyan)}
.poll-opt.win{border-color:rgba(84,230,156,.45)}
.poll-opt > *{position:relative}
.poll-opt b{font:800 13px var(--display)}
.poll-opt:disabled{cursor:default}
.poll-meta{color:#7f8895;font-size:11px}
.sale-box{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid rgba(84,230,156,.3);border-radius:12px;padding:12px 14px;background:rgba(84,230,156,.05)}
.sale-price{font:800 26px var(--display);color:#8ff5c1;letter-spacing:-.02em}
.sale-price small{display:block;font:700 10px var(--display);color:#7fd8a6;text-transform:uppercase;letter-spacing:.1em}
.sale-info{color:#c4cad3;font-size:12px}
.sale-info b{color:white}
.post-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #1d222b}
.react-group{display:inline-flex;gap:4px}
.react-btn,.act-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#12161d;color:#aab1bd;border-radius:999px;padding:7px 11px;font:700 12px var(--body);min-height:36px;text-decoration:none;cursor:pointer}
.react-btn:hover,.act-btn:hover{border-color:#4a5160;color:white}
.react-btn.on{border-color:var(--red);color:#ff8098;background:rgba(255,53,93,.08)}
.react-btn.on[data-kind=TOP]{border-color:var(--green);color:#8ff5c1;background:rgba(84,230,156,.08)}
.react-btn.on[data-kind=LOL]{border-color:var(--yellow);color:#f4dc58;background:rgba(244,220,88,.08)}
.react-btn.on[data-kind=WOW]{border-color:var(--cyan);color:#80edff;background:rgba(80,231,255,.08)}
.act-btn.right{margin-left:auto}
.post-status-note{margin-top:10px;border:1px dashed rgba(255,156,75,.5);border-radius:10px;padding:8px 10px;color:#ffb56b;font-size:12px;display:flex;gap:8px;align-items:center}
.composer{display:grid;gap:12px}
.composer textarea{min-height:110px}
.composer .tag-chips{margin-top:4px}
.composer-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.media-preview{display:flex;gap:8px;flex-wrap:wrap}
.media-preview .mp{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0a0c10}
.media-preview .mp img,.media-preview .mp video{width:100%;height:100%;object-fit:cover}
.media-preview .mp button{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(9,10,15,.8);color:white;display:grid;place-items:center;min-height:0!important}
.file-drop{border:1px dashed #3a414d;border-radius:12px;padding:14px;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.file-drop:hover,.file-drop.over{border-color:var(--cyan);color:white}
.poll-builder{display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;padding:12px}
.poll-builder .row{display:flex;gap:6px}
.sale-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid rgba(84,230,156,.3);border-radius:12px;padding:12px;background:rgba(84,230,156,.04)}
.sale-fields .full{grid-column:1/-1}
.com-side .panel-card h3{margin:0 0 8px;font:800 13px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2}
.com-rules{margin:0;padding-left:16px;color:#aab1bd;font-size:12px;line-height:1.6}
/* comentários */
.comments{margin-top:22px}
.cm{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #1d222b}
.cm.reply{margin-left:42px}
.cm.removed .cm-body{color:#5a6270;font-style:italic}
.cm-head{display:flex;align-items:center;gap:8px;font-size:12px}
.cm-head a{color:white;text-decoration:none;font-weight:700}
.cm-head small{color:#7f8895}
.cm-body{margin:4px 0;color:#c4cad4;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.cm-actions{display:flex;gap:4px;flex-wrap:wrap}
.cm-actions .react-btn,.cm-actions .act-btn{padding:4px 9px;min-height:30px;font-size:11px}
.cm-form{display:grid;gap:8px;margin-top:10px;position:relative}
.cm-form textarea{min-height:70px}
.mention-menu{position:absolute;left:0;top:100%;z-index:20;background:#12151d;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:220px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.mention-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:#c4cad3;padding:8px 10px;text-align:left;font-size:13px;min-height:0!important}
.mention-menu button:hover,.mention-menu button.active{background:#1b1f29;color:white}
.mention{color:var(--cyan);font-weight:700;text-decoration:none}
.cm:target{background:rgba(80,231,255,.06);border-radius:10px}
/* perfil: posts e torneios */
.profile-posts{display:grid;gap:8px}
.mini-post{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;text-decoration:none;color:inherit;background:#11141b}
.mini-post b{font:800 14px var(--display);text-transform:uppercase;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-post small{color:#7f8895;font-size:11px}
.t-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;text-decoration:none;color:inherit;background:#11141b}
.t-row .t-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1b1f29;color:#9aa3b2}
.t-row.champ .t-ic{background:rgba(244,220,88,.12);color:var(--yellow)}
.t-row b{font:800 14px var(--display);text-transform:uppercase;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-row small{color:#7f8895;font-size:11px}
.title-count{display:inline-flex;align-items:center;gap:6px;color:var(--yellow);font:800 12px var(--display);text-transform:uppercase;letter-spacing:.08em}
/* guia de ícones */
.icon-guide{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.icon-tile{border:1px solid var(--line);border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#11141b;color:#c4cad3}
.icon-tile code{font-size:11px;color:#9aa3b2}
@media (max-width:1024px){.com-layout{grid-template-columns:1fr}.com-side{position:static}}
@media (max-width:700px){.sale-box{grid-template-columns:1fr}.sale-fields{grid-template-columns:1fr}.cm.reply{margin-left:20px}.com-toolbar{flex-direction:column;align-items:stretch}.com-sort{justify-content:space-between}.com-sort button{flex:1;justify-content:center}.notif-menu{position:fixed;right:10px;left:10px;top:70px;width:auto}}

/* v28 — ícones no lugar dos emojis */
.btn .vicon,.tag-chip .vicon,.act-btn .vicon,.react-btn .vicon,.pill-toggle .vicon,.admin-nav .vicon,.tabs .vicon,.folder-item .vicon,.mesa-btn .vicon{display:inline-block;vertical-align:-.2em}
.btn .vicon:first-child,.admin-nav .vicon:first-child,.folder-item .vicon:first-child{margin-right:.4em}
.btn.icon-only .vicon:first-child{margin-right:0}
.mesa-final .trophy .vicon{width:clamp(72px,16vh,120px);height:auto;color:var(--yellow)}
.mesa-btn .vicon{width:1em;height:1em;vertical-align:-.12em;margin-right:.3em}
.verified-badge .vicon{display:block;margin:auto}
.mcrown .vicon{color:var(--yellow)}
.mini-rule > span .vicon{width:22px;height:22px;color:var(--cyan)}
@media (pointer:coarse),(max-width:900px){.react-btn,.act-btn,.com-sort button,.carousel-nav,.poll-opt{min-height:44px}.react-btn,.act-btn{min-width:44px;justify-content:center}.tag-chip{min-height:40px;padding:0 12px}.tag-chip.sm{min-height:36px}.cm-actions .act-btn{min-height:40px}}

/* ===================== v29 — comunidade estilo Reddit, compositor em tela cheia, home híbrida ===================== */
.com-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:22px;align-items:start}
.com-main{min-width:0}
.com-side{display:grid;gap:14px;position:sticky;top:96px}
.com-side h3{margin:0 0 8px;font:800 16px var(--display);text-transform:uppercase}
.com-about h3{font-size:20px}.com-about p{color:var(--muted);font-size:12.5px;line-height:1.6;margin:0 0 12px}
.com-rules{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}
.create-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#14171e,#0e1015);margin-bottom:12px}
.create-input{flex:1;min-width:0;display:block;padding:11px 14px;border-radius:999px;border:1px solid #2b313c;background:#0b0d12;color:#7f8895;text-decoration:none;font-size:13px}
.create-input:hover{border-color:#3a4250;color:#c5ccd6}
.create-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#8a93a1;border:1px solid transparent}
.create-ic:hover{background:#171a22;color:white;border-color:var(--line)}
.feed-bar{display:grid;gap:8px;margin-bottom:12px}
.com-sort{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0f1218;width:max-content;max-width:100%}
.com-sort button{border:0;background:transparent;color:#8a93a1;padding:8px 12px;border-radius:9px;font:800 11px var(--display);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px;min-height:36px}
.com-sort button.active{background:#1f2430;color:white;box-shadow:inset 0 -2px 0 var(--red)}
.tag-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.tag-scroll::-webkit-scrollbar{display:none}
.tag-scroll .tag-chip{flex:0 0 auto}
.post-list{display:grid;gap:12px}
.feed-more{text-align:center;margin-top:14px;min-height:20px}
/* cards */
.pc{position:relative;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#14171e,#0e1015);padding:14px 16px 12px;min-width:0;display:grid;gap:10px}
.pc:hover{border-color:#333a47}
.pc-system{border-color:rgba(80,231,255,.28);background:linear-gradient(160deg,#111a20,#0d1116)}
.pc-system::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--cyan),transparent)}
.pc-deck{border-color:rgba(244,220,88,.25)}
.pc-deck::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--yellow),transparent)}
.pc-sale{border-color:rgba(84,230,156,.28)}
.pc-pending{border-style:dashed}
.pc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pc-who{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.pc-who a,.pc-who b{color:white;text-decoration:none;font-weight:700;font-size:13px}
.pc-who small{color:#7f8895;font-size:11px}
.pc-avatar.sys{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1e3a44,#12191f 70%);color:var(--cyan);border:1px solid rgba(80,231,255,.35)}
.pc-kind{display:inline-flex;align-items:center;gap:5px;font:800 9.5px var(--display);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:999px;border:1px solid}
.pc-kind.sys{color:var(--cyan);border-color:rgba(80,231,255,.4);background:rgba(80,231,255,.08)}
.pc-kind.deck{color:var(--yellow);border-color:rgba(244,220,88,.4);background:rgba(244,220,88,.08)}
.pc-menu-wrap{margin-left:auto;position:relative}
.pc-menu-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:#8a93a1;display:grid;place-items:center}
.pc-menu-btn:hover{background:#171a22;color:white;border-color:var(--line)}
.pc-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;border:1px solid #333a47;border-radius:12px;background:#12151c;box-shadow:0 18px 40px rgba(0,0,0,.5);padding:6px;display:grid}
.pc-menu button,.pc-menu a{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:transparent;color:#d5dae2;padding:10px 12px;border-radius:8px;font-size:13px;text-decoration:none;min-height:40px}
.pc-menu button:hover,.pc-menu a:hover{background:#1c2029}
.pc-menu .danger{color:#ff8098}
.pc-title{margin:0;font:800 22px/1.05 var(--display);text-transform:uppercase;letter-spacing:-.01em;word-break:break-word}
.pc-title a{color:white;text-decoration:none}.pc-title a:hover{color:var(--cyan)}
.pc-body{margin:0;color:#c9cfd8;font-size:14px;line-height:1.65;word-break:break-word}
.pc-body.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.pc-body a{color:var(--cyan)}
.pc-more{justify-self:start;border:0;background:transparent;color:var(--cyan);font-weight:700;font-size:12px;padding:0;margin-top:-6px}
.pc-note{display:flex;align-items:center;gap:8px;border:1px dashed #3a4250;border-radius:10px;padding:8px 10px;font-size:12px;color:#9aa3b2}
.pc-note.warn{border-color:rgba(255,156,75,.5);color:#ffb87a}
.pc-media{border-radius:12px;overflow:hidden;background:#0a0c10;border:1px solid #1d222b}
.pc-media img,.pc-media video{display:block;width:100%;max-height:600px;object-fit:contain;background:#0a0c10}
.pc-media.carousel{position:relative}
.pc-media .carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pc-media .carousel-track::-webkit-scrollbar{display:none}
.pc-media .carousel-track>*{flex:0 0 100%;scroll-snap-align:start}
.pc-media .yt-embed{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat;display:grid;place-items:center;cursor:pointer}
.pc-media .yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pc-sys-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pc-delta{display:inline-flex;align-items:center;gap:4px;font:800 11px var(--display);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid}
.pc-delta.up,.ms-delta.up{color:#74eeb0;border-color:rgba(84,230,156,.4);background:rgba(84,230,156,.08)}
.pc-delta.new,.ms-delta.new{color:var(--yellow);border-color:rgba(244,220,88,.4);background:rgba(244,220,88,.08)}
.pc-deck{border:1px solid rgba(244,220,88,.25);border-radius:14px;background:#0f1118;padding:12px;display:grid;gap:10px}
.pc-deck-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.pc-deck-info{min-width:0;flex:1}
.pc-deck-title{display:block;color:white;text-decoration:none;font:800 18px var(--display);text-transform:uppercase}
.pc-deck-beys{margin:4px 0 0;padding-left:18px;color:#c9cfd8;font-size:12.5px;line-height:1.55}
.pc-deck-meta{display:block;margin-top:4px;color:#7f8895;font-size:11px}
.pc-deck-actions{display:flex;gap:8px;flex-wrap:wrap}
.pc-deck-actions .btn{text-decoration:none;padding:9px 13px;font-size:12px}
.pc-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}
.pc .react-group{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#0f1218}
.pc .react-btn{border:0;border-radius:999px;background:transparent;color:#8a93a1;min-width:36px;height:34px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700}
.pc .react-btn:hover{background:#1c2029;color:white}
.pc .react-btn.on{background:rgba(255,53,93,.16);color:#ff8098}
.pc-pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:#0f1218;color:#aab2be;font-size:12px;font-weight:700;text-decoration:none}
.pc-pill:hover{background:#1c2029;color:white}
.pc-pill-label{font-style:normal;color:#7f8895;font-weight:600}
/* skeleton */
.sk{display:block;border-radius:8px;background:linear-gradient(90deg,#161a22 25%,#1e2330 50%,#161a22 75%);background-size:200% 100%;animation:skshine 1.4s infinite}
@keyframes skshine{to{background-position:-200% 0}}
.sk-line{height:12px;margin:8px 0}.sk-line.w60{width:60%}.sk-line.w90{width:90%}
.sk-avatar{width:36px;height:36px;border-radius:50%}
.sk-box{height:140px;border-radius:12px}
.pc-skel{gap:4px}
/* compositor em tela cheia */
.composer-page{max-width:1180px;margin:0 auto}
.composer-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.composer-head h1{margin:0;font:800 34px var(--display);text-transform:uppercase}
.composer-head .btn{text-decoration:none}
.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.composer-form{border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#14171e,#0e1015);padding:16px;display:grid;gap:16px}
.composer-types{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.composer-types button{flex:1 0 auto;border:0;background:transparent;color:#8a93a1;padding:12px 14px;font:800 12px var(--display);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid transparent;margin-bottom:-1px;min-height:46px}
.composer-types button.active{color:white;border-bottom-color:var(--red)}
.composer-types button:hover{color:white;background:#12151c}
.cf-block{display:grid;gap:8px}
.cf-label{font:800 12px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#c5ccd6;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.cf-label small{color:#7f8895;font:600 11px var(--body,Inter,sans-serif);text-transform:none;letter-spacing:0}
.cf-field{position:relative;display:flex;align-items:center;gap:8px}
.cf-field>input,.cf-field>textarea{flex:1;min-width:0;width:100%}
.cf-field>textarea{resize:vertical;min-height:120px}
.cf-count{position:absolute;right:10px;bottom:8px;font-size:10px;color:#6f7784;pointer-events:none}
.cf-hint{color:#7f8895;font-size:11.5px;display:flex;align-items:center;gap:6px}
.cf-hint.warn{color:#ffb87a}
.cf-inline{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.composer-foot{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line);position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#0e1015 30%);padding-bottom:4px}
.composer-foot .muted{margin-right:auto}
.composer-side{display:grid;gap:14px;position:sticky;top:96px}
.composer-side h3{margin:0 0 8px;font:800 16px var(--display);text-transform:uppercase}
.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.media-preview .mp{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0a0c10}
.media-preview .mp img,.media-preview .mp video{width:100%;height:100%;object-fit:cover}
.media-preview .mp button{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:white;display:grid;place-items:center}
.media-preview .mp small{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:rgba(0,0,0,.6);color:#c5ccd6;font-size:9.5px}
.file-drop{border:1px dashed #3a4250;border-radius:12px;padding:22px;display:grid;place-items:center;gap:4px;color:#9aa3b2;cursor:pointer;text-align:center}
.file-drop small{color:#6f7784;font-size:11px}
.file-drop.over,.file-drop:hover{border-color:var(--cyan);color:white;background:rgba(80,231,255,.04)}
.cm-form{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.cm-form>div{flex:1;min-width:0;position:relative;display:grid;gap:8px}
.cm-form textarea{width:100%;min-height:74px;resize:vertical}
/* home híbrida */
.home-hero{position:relative;margin-bottom:18px;overflow:visible}.home-spinning-bey{position:absolute;left:535px;top:38%;width:154px;height:154px;transform:translateY(-50%);pointer-events:none}.home-spinning-bey img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(1.18) drop-shadow(0 0 18px rgba(128,255,62,.22));animation:home-bey-spin 8s linear infinite;will-change:transform}@keyframes home-bey-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.home-spinning-bey{left:470px;width:128px;height:128px}}@media(max-width:700px){.home-spinning-bey{left:auto;right:8px;top:14px;width:70px;height:70px;transform:none}.home-hero>div:first-child{padding-right:66px}}@media(prefers-reduced-motion:reduce){.home-spinning-bey img{animation:none}}
.avatar .avatar-photo{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.avatar .avatar-photo>img.avatar-default{object-fit:cover}.avatar .avatar-photo>img[src="/assets/profiles/beyxlab-avatar.png"]{transform:scale(1.28);object-fit:cover}
.deck-directory-delete-btn{min-width:38px;padding:9px 10px}.deck-directory-delete-btn span{font-size:10px}@media(max-width:760px){.deck-directory-delete-btn span{display:none}}
.deck-pagination{display:flex;justify-content:center;gap:6px;margin:16px 0}.deck-pagination .active{border-color:var(--green);background:#1c3520;color:#d9ffbe}.deck-picker-list{display:grid;gap:8px;max-height:52vh;overflow:auto;margin-top:12px}.deck-picker-list>button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid #29362c;border-radius:12px;background:#101510;color:inherit;text-align:left}.deck-picker-list>button:hover{border-color:var(--green);background:#152016}.deck-picker-list .deck-mini{width:126px;flex:none}.deck-picker-list b,.deck-picker-list small{display:block}.deck-picker-list small{margin-top:3px;color:var(--muted);font-size:11px}
/* Página de deck: no celular cada Bey abre no seu próprio slide. */
.deck-swipe-cue{display:none}
.deck-action-menu{position:relative;align-self:flex-start;z-index:12}.deck-actions-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;gap:6px;min-width:225px;padding:8px;border:1px solid #35423a;border-radius:14px;background:linear-gradient(145deg,#172018,#0d120e);box-shadow:0 20px 45px rgba(0,0,0,.5),0 0 24px rgba(84,230,156,.1)}.deck-actions-popover[hidden]{display:none}.deck-actions-popover .btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:40px;padding:9px 11px;text-decoration:none}.deck-actions-popover .btn.primary{justify-content:flex-start}.deck-actions-popover .copy-count{margin-left:auto}@media(max-width:620px){.deck-action-menu{position:absolute;right:0;top:0}.hero.compact:has(.deck-action-menu){position:relative;padding-right:48px}.deck-actions-popover{min-width:min(250px,calc(100vw - 32px))}}
@media(max-width:620px){
  .deck-showcase{gap:14px;margin-bottom:16px}
  .deck-showcase .deck-viewer{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 2px 5px}
  .deck-showcase .deck-viewer::-webkit-scrollbar{display:none}
  .deck-showcase .deck-bey-card{position:relative;flex:0 0 calc(100% - 34px);scroll-snap-align:start;scroll-snap-stop:always;padding:10px;border-radius:14px;min-width:0}
  .deck-showcase .deck-bey-card h3{margin:2px 0 0;padding-left:6px;font-size:18px}
  .deck-swipe-cue{display:block;min-height:15px;text-align:center;color:rgba(183,196,188,.52);font-size:9px;font-weight:700;letter-spacing:.04em}
  .deck-showcase .bey-visual.standalone.lg{height:238px;border:0;background:transparent}
  .deck-showcase .bey-visual.lg .part-art.big{width:132px;height:132px}
  .deck-showcase .bey-visual.lg .part-art.mini{width:56px;height:56px}
  .deck-showcase .bey-visual.lg .main-piece{top:22px}
  .deck-showcase .bey-visual.lg .ratchet-pos{left:calc(50% - 76px);bottom:12px}
  .deck-showcase .bey-visual.lg .bit-pos{right:calc(50% - 76px);bottom:12px}
  .deck-showcase .bey-visual.lg .chip-pos{left:18px;top:30px}
  .deck-showcase .bey-visual.lg .assist-pos{right:18px;top:30px}
  .deck-showcase .bey-visual.lg .over-pos{left:18px;bottom:14px}
  .deck-showcase .bey-visual.lg .rings{inset:36px 35px 54px}
  .deck-showcase .bey-visual.lg .visual-piece>span,.deck-showcase .bey-visual.lg .main-piece>span{font-size:8px}
  .deck-showcase .deck-bey-card>.deck-analysis-loading{display:none}
  .deck-showcase .deck-bey-card>.deck-bey-status{margin:2px 0 0;padding:10px}
  .deck-showcase .deck-bey-card>.deck-bey-status>b{font-size:17px}
  .deck-showcase .deck-bey-card>.deck-bey-status p{font-size:12px;line-height:1.52}
  .deck-showcase .deck-performance-card{max-width:none;padding:12px}
  .deck-showcase .deck-performance-card .radar-wrap{max-width:210px}
  .deck-analysis-card{padding:14px}
  .deck-overview h3{font-size:23px}
  .deck-analysis-summary{font-size:13px;line-height:1.6}
}
.meta-state{border:1px solid rgba(255,53,93,.35);border-radius:18px;background:linear-gradient(160deg,#171219,#0e1015);padding:16px 18px;position:relative;overflow:hidden}
.meta-state::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,53,93,.18),transparent 70%);pointer-events:none}
.ms-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}
.ms-head h2{margin:0;font:800 26px var(--display);text-transform:uppercase}
.ms-link{color:var(--cyan);text-decoration:none;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.ms-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ms-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#11141b;padding:9px 10px;min-height:64px}
.ms-rank{font:800 20px var(--display);color:#5a6270;width:22px;text-align:center}
.ms-item:first-child .ms-rank{color:var(--yellow)}
.ms-main{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:inherit}
.ms-text{display:flex;flex-direction:column;min-width:0}
.ms-text strong{font:800 13px/1.1 var(--display);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-text small{color:#7f8895;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-delta{display:inline-flex;align-items:center;gap:3px;font:800 10.5px var(--display);letter-spacing:.04em;padding:4px 7px;border-radius:999px;border:1px solid;white-space:nowrap}
.ms-delta.down{color:#ff8098;border-color:rgba(255,53,93,.4);background:rgba(255,53,93,.08)}
.ms-delta.flat{color:#8a93a1;border-color:#333a47}
.ms-foot{display:block;margin-top:10px;color:#6f7784;font-size:10.5px}
.sk-item{display:block}
.hl-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.hl-card{flex:0 0 min(78vw,270px);scroll-snap-align:start;min-height:150px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#14171e,#0e1015);padding:14px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;position:relative;overflow:hidden}
.hl-card:hover{border-color:#3a4250;transform:translateY(-2px)}
.hl-card b{font:800 17px/1.1 var(--display);text-transform:uppercase;color:white;margin-top:auto}
.hl-card small{color:#9aa3b2;font-size:11px}
.hl-kind{display:inline-flex;align-items:center;gap:6px;font:800 10px var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--cyan)}
.hl-card.deck{border-color:rgba(244,220,88,.3)}.hl-card.deck .hl-kind{color:var(--yellow)}
.hl-card.clip{background:linear-gradient(180deg,rgba(9,10,15,.2),rgba(9,10,15,.92)),var(--bg,#111) center/cover}
.hl-card.clip .hl-kind{color:#ff8098}
.hl-play{width:42px;height:42px;border-radius:50%;background:rgba(255,53,93,.9);color:white;display:grid;place-items:center;margin:auto 0}
.hl-card.tour .hl-kind{color:#74eeb0}
.hl-card.champ .hl-kind{color:var(--yellow)}
.hl-user{display:flex;align-items:center;gap:8px;margin-top:auto}.hl-user b{margin:0}
.sk-card .sk-box{height:100%}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.home-side{display:grid;gap:14px;position:sticky;top:96px;margin-top:22px}
.home-side .btn{display:flex}
.side-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;text-decoration:none;color:inherit}
.side-row:hover{background:#161a22}
.side-row b{display:block;font:800 13px var(--display);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-row small{color:#7f8895;font-size:10.5px;display:block}
.side-row>small{font:800 12px var(--display);color:#9aa3b2}
.side-ic{width:32px;height:32px;border-radius:50%;background:#1b1f29;display:grid;place-items:center;color:#9aa3b2}
.side-rank{width:22px;text-align:center;font:800 15px var(--display);color:#5a6270}
.side-rank.top{color:var(--yellow)}
.side-more{display:inline-flex;align-items:center;gap:4px;color:var(--cyan);font-size:12px;font-weight:700;text-decoration:none;margin-top:6px}
.copy-count{margin-left:6px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px}
.notif-item.admin{border-left:3px solid var(--red)}
.my-deck-box .composer-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media (max-width:1100px){.ms-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.com-layout,.home-layout,.composer-grid{grid-template-columns:1fr}.com-side,.home-side,.composer-side{position:static}.composer-side{order:2}}
@media (max-width:700px){
  .ms-list{grid-template-columns:1fr 1fr}
  .ms-head h2{font-size:22px}
  .pc{padding:12px 12px 10px;border-radius:14px}
  .pc-title{font-size:19px}
  .pc-pill-label{display:none}
  .composer-head h1{font-size:26px}
  .composer-types button span{display:none}
  .composer-types button{flex:1}
  .create-ic:nth-of-type(n+3){display:none}
}
@media (max-width:480px){.ms-list{grid-template-columns:1fr}}

/* v30 — compositor: aviso central e marcação de erro */
.cf-alert{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .18s ease}
.cf-alert.show{opacity:1;pointer-events:auto;background:rgba(3,5,8,.55);backdrop-filter:blur(3px)}
.cf-alert-box{display:grid;justify-items:center;gap:8px;text-align:center;min-width:min(90vw,360px);max-width:90vw;padding:26px 28px;border-radius:18px;border:1px solid rgba(255,156,75,.6);background:linear-gradient(160deg,#1c1712,#0e1015);box-shadow:0 30px 80px rgba(0,0,0,.6);color:#ffb87a;transform:scale(.96);transition:transform .18s ease}
.cf-alert.show .cf-alert-box{transform:scale(1)}
.cf-alert-box strong{font:800 26px/1.05 var(--display);text-transform:uppercase;color:white}
.cf-alert-box span{color:#c9cfd8;font-size:13px}
.cf-block.cf-error{outline:2px solid rgba(255,156,75,.7);outline-offset:8px;border-radius:8px}
.composer-types button{position:relative}
.composer-types button.has::after{content:attr(data-badge);position:absolute;top:6px;right:6px;min-width:8px;height:8px;padding:0 4px;border-radius:999px;background:var(--cyan);color:#06222a;font:800 9px/8px var(--display)}
.composer-types button.has[data-badge=""]::after{padding:0}

/* v31: Markdown + editor + emojis do site */
.md>*{margin:0 0 .55em}.md>*:last-child{margin-bottom:0}
.md p{white-space:pre-wrap}
.md h3,.md h4,.md h5{font-family:var(--display);font-weight:800;color:#e6e9ee;line-height:1.25;letter-spacing:.01em;margin-top:.4em}
.md h3{font-size:18px}.md h4{font-size:16px}.md h5{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#b7bfcb}
.md strong{color:#eef1f5;font-weight:800}.md em{color:#d7dce4}.md s{color:#7f889a}
.md code{white-space:nowrap;font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0e1117;border:1px solid #262c37;border-radius:6px;padding:1px 6px;color:var(--cyan)}
.md blockquote{margin:0 0 .6em;padding:6px 12px;border-left:3px solid var(--cyan);background:linear-gradient(90deg,rgba(60,225,255,.07),transparent);color:#aeb7c4;border-radius:0 8px 8px 0}
.md ul,.md ol{padding-left:22px}.md li{margin:2px 0}.md li::marker{color:#6e7a8c;font-weight:800}
.md hr{border:0;border-top:1px dashed #2c3340;margin:10px 0}
.md a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(60,225,255,.35);text-underline-offset:2px}
.emo{display:inline-flex;vertical-align:-5px;color:var(--cyan);margin:0 1px}
.emo .vicon{stroke-width:1.9;filter:drop-shadow(0 0 6px rgba(60,225,255,.35))}
.pc-body.clamp .md{display:contents}
.mde{position:relative;border:1px solid var(--line);border-radius:12px;background:#0e1117;overflow:visible}
.mde textarea{border:0!important;border-radius:0 0 12px 12px!important;background:transparent!important;width:100%;box-shadow:none!important;outline:none}
.mde textarea:focus{box-shadow:none!important}
.mde:focus-within{border-color:#3f4a5c;box-shadow:0 0 0 3px rgba(60,225,255,.08)}
.mde-bar{position:relative;display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid #1f242e;flex-wrap:wrap}
.mde-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;min-height:0!important;border:0;border-radius:7px;background:transparent;color:#96a0ae;padding:0;cursor:pointer}
.mde-btn:hover{background:#1a1f2a;color:#e5e9ef}.mde-btn:disabled{opacity:.3;cursor:default}
.mde-sep{width:1px;height:18px;background:#262c37;margin:0 5px}
.mde-tabs{margin-left:auto;display:inline-flex;border:1px solid #262c37;border-radius:8px;overflow:hidden}
.mde-tab{border:0;background:transparent;color:#7f889a;padding:5px 10px;font:800 10px var(--display);text-transform:uppercase;letter-spacing:.06em;min-height:0!important;cursor:pointer}
.mde-tab.active{background:#1d2330;color:#e6e9ee}
.mde-preview{padding:12px 14px;min-height:96px;color:#c9cfd8;font-size:14px;line-height:1.65}
.mde-help{display:block;padding:5px 12px 7px;color:#5f6979;font-size:10px;border-top:1px dashed #1f242e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mde.compact .mde-help{display:none}.mde.compact .mde-bar{padding:4px 6px}.mde.compact .mde-btn{width:26px;height:24px}.mde.compact .mde-tab{padding:4px 8px;font-size:9px}
.mde.compact textarea{min-height:64px}
.mde-emoji{position:absolute;top:100%;left:8px;z-index:30;margin-top:6px;background:#12151d;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.5);width:min(340px,calc(100vw - 40px))}
.mde-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.mde-emoji-grid button{display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:0!important;border:0;border-radius:8px;background:transparent;color:#b6bfcc;padding:0;cursor:pointer}
.mde-emoji-grid button:hover{background:#1d2330;color:var(--cyan)}
.mde-emoji small{display:block;margin-top:8px;color:#6c7686;font-size:10px}
.mde-emoji small code{color:var(--cyan)}
.mde-sug{position:absolute;left:12px;bottom:100%;z-index:31;margin-bottom:6px;display:flex;flex-direction:column;background:#12151d;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.mde-sug button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#c4cad3;padding:6px 12px;font-size:12px;min-height:0!important;text-align:left;cursor:pointer}
.mde-sug button:hover{background:#1b1f29;color:white}
.mde-sug .vicon{color:var(--cyan)}
@media (max-width:640px){.mde-emoji-grid{grid-template-columns:repeat(6,1fr)}.mde-tabs{margin-left:auto}}
.cf-field .mde{flex:1;min-width:0}.cf-field .mde textarea{min-height:120px;resize:vertical}.cf-field .mde .mde-help{padding-right:78px}
.composer-form>*{min-width:0}@media (max-width:640px){.composer-types button{flex:1 1 0;min-width:0;padding:12px 6px}}
.cf-block,.cf-field,.cf-field>*,.mde textarea{min-width:0;max-width:100%}
.pc-title .emo{vertical-align:-3px}

/* v31b: tag em dropdown no composer */
.tag-dd{position:relative;max-width:420px}
.tag-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid var(--line);border-radius:12px;background:#0e1117;color:#e5e9ef;padding:8px 12px;min-height:46px;cursor:pointer;text-align:left}
.tag-dd-btn:hover,.tag-dd-btn[aria-expanded="true"]{border-color:#3f4a5c}
.tag-dd-btn.empty{color:#8a93a1}
.tag-dd-btn .tag-chip{cursor:pointer}
.tag-dd-btn>.vicon:last-child{color:#7f889a;transition:transform .15s}
.tag-dd-btn[aria-expanded="true"]>.vicon:last-child{transform:rotate(180deg)}
.tag-dd-ph{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.tag-dd-menu{position:absolute;top:100%;left:0;right:0;z-index:40;margin-top:6px;background:#12151d;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.55);display:grid;gap:2px;max-height:min(60vh,420px);overflow:auto}
.tag-dd-opt{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;border:0;border-radius:9px;background:transparent;color:#c9cfd8;padding:8px 10px;text-align:left;min-height:0!important;cursor:pointer}
.tag-dd-opt:hover{background:#1a1f2a}
.tag-dd-opt.active{background:#1d2330;outline:1px solid #2f3846}
.tag-dd-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#0e1117;color:var(--cyan)}
.tag-dd-opt.clip .tag-dd-ic{color:var(--red)}.tag-dd-opt.champion .tag-dd-ic{color:#ffd166}.tag-dd-opt.sale .tag-dd-ic{color:#7bd88f}.tag-dd-opt.help .tag-dd-ic{color:var(--cyan)}
.tag-dd-txt{display:grid;min-width:0}
.tag-dd-txt strong{font:800 13px var(--display);color:#eef1f5}
.tag-dd-txt small{color:#7f889a;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag-dd-home{display:inline-flex;align-items:center;gap:4px;border:1px solid #2c3340;border-radius:999px;padding:3px 8px;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.06em;color:#9aa4b2}

/* v31c: tag Anúncio (equipe) */
.tag-chip[data-tag=ANNOUNCE].active,.tag-chip.announce{border-color:rgba(255,205,60,.6);color:#ffd44d;background:rgba(255,205,60,.07)}
.tag-dd-opt.announce .tag-dd-ic{color:#ffd44d}
.pc-kind.announce{color:#ffd44d;border-color:rgba(255,205,60,.55);background:rgba(255,205,60,.1)}
.pc-announce{border:1px solid rgba(255,205,60,.55);background:linear-gradient(160deg,#181710,#0f1015);box-shadow:0 0 0 1px rgba(255,205,60,.12),0 8px 30px rgba(255,205,60,.07)}
.pc-announce::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ffd44d,rgba(255,205,60,.15))}
.pc-announce .pc-title,.pc-announce .pc-title a{color:#fff2bf}

/* v31d: fixados + edição */
.pc-kind.pin{color:#c9d3e2;border-color:#3a4352;background:#171b23}
.pin-strip{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#12151c,#0e1015);padding:10px 12px 12px}
.pin-head{display:flex;align-items:center;gap:7px;font:800 10.5px var(--display);text-transform:uppercase;letter-spacing:.1em;color:#aab3c1;margin-bottom:8px}
.pin-head small{color:#5f6979;font:600 10px var(--body,inherit);text-transform:none;letter-spacing:0}
.pin-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.pin-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;border:1px solid #262c37;border-radius:10px;background:#0f1218;padding:8px 10px;text-decoration:none;color:inherit;min-width:0}
.pin-card:hover{border-color:#3f4a5c;background:#12161e}
.pin-card.announce{border-color:rgba(255,205,60,.4)}
.pin-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#0b0d12}
.pin-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#141821;color:var(--cyan)}
.pin-card.announce .pin-ic{color:#ffd44d}
.pin-txt{display:grid;min-width:0}
.pin-txt b{font:800 12.5px/1.3 var(--display);color:#e6e9ee;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pin-txt small{color:#7f889a;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.pin-txt .emo .vicon{width:13px;height:13px}
#homePinned{margin:0 0 16px}
@media (max-width:640px){.pin-row{grid-template-columns:1fr 1fr}.pin-card{grid-template-columns:30px minmax(0,1fr);padding:7px 8px}.pin-thumb,.pin-ic{width:30px;height:30px}}
.composer-page.editing .composer-types{display:none}
.composer-page.editing .cf-block[data-only]{display:none}
#cTagBtn:disabled{opacity:.6;cursor:not-allowed}

/* ============================================================
   v32 — Deck Builder: slots visuais, paginação mobile, sheet, DnD
   ============================================================ */
.deck-toolbar-right{display:flex;align-items:center;gap:8px}
#sfxBtn.off{opacity:.55}
.flip-x{transform:scaleX(-1)}
.move-slot[data-dir="1"] .vicon{transform:scaleX(-1)}
.bey-card.v2{display:flex;flex-direction:column}
.bey-card.v2.active-slot{border-color:rgba(80,231,255,.45);box-shadow:0 0 0 1px rgba(80,231,255,.12) inset}
.bey-card.v2.complete{border-color:rgba(84,230,156,.45)}
.bey-card.v2 .bey-head{height:52px;padding:0 12px}
.bey-progress{color:#6f7787;font:800 10px var(--display);margin-left:6px;letter-spacing:.06em}
.bey-head-actions button{width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:#8b94a2;display:grid;place-items:center;padding:0}
.bey-head-actions button:hover:not(:disabled){background:#1c2029;color:white;border-color:#2f3641}
.bey-head-actions button:disabled{opacity:.3}
.bey-structure{display:flex;align-items:center;gap:8px;padding:10px 12px 0}
.bey-structure label{color:#6f7787;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.1em}
.bey-structure select{flex:1;min-width:0;padding:8px 10px;font-size:12px}
.bey-badge{border:1px solid rgba(244,220,88,.4);color:var(--yellow);border-radius:999px;padding:3px 7px;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.08em}
/* palco com os slots */
.stage{position:relative;display:grid;gap:8px 6px;padding:14px 12px 10px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.stage[data-mode="standard"]{grid-template-areas:". b b b b ." "r r r t t t"}
.stage[data-mode="integrated"]{grid-template-areas:". b b b b ." ". . t t . ."}
.stage[data-mode="cx"]{grid-template-areas:"l l m m a a" ". . r r t t"}
.stage[data-mode="cx"][data-over="1"]{grid-template-areas:"l l m m a a" "o o r r t t"}
.stage[data-mode="cxrib"]{grid-template-areas:"l l m m a a" ". . i i . ."}
.stage[data-mode="cxrib"][data-over="1"]{grid-template-areas:"l l m m a a" "o o i i . ."}
.sl-blade{grid-area:b}.sl-lock{grid-area:l}.sl-main{grid-area:m}.sl-assist{grid-area:a}.sl-over{grid-area:o}.sl-ratchet{grid-area:r}.sl-bit{grid-area:t}.sl-rib{grid-area:i}
.stage-glow{position:absolute;left:50%;top:44%;width:62%;padding-top:62%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(80,231,255,.09),transparent 62%);pointer-events:none}
.slot{position:relative;display:grid;justify-items:center;gap:3px;text-align:center;min-width:0;padding:6px 2px;border-radius:14px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:transform .15s,opacity .15s}
.slot:focus-visible .slot-ring{box-shadow:0 0 0 3px rgba(80,231,255,.35)}
.slot-ring{position:relative;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed #3a4150;background:radial-gradient(circle,#1a1e27,#10131a 70%);transition:border-color .15s,box-shadow .15s,transform .15s}
.sl-blade .slot-ring,.sl-main .slot-ring{width:104px;height:104px}
.slot.filled .slot-ring{border-style:solid;border-color:#3d4556;background:radial-gradient(circle,#2c3140,#171a22 64%,#0d0f15 65%)}
.slot .part-art.slot{width:100%;height:100%;border:0;background:transparent}
.slot .part-art.slot .fallback{font-size:15px}
.sl-blade .part-art.slot .fallback,.sl-main .part-art.slot .fallback{font-size:20px}
.slot-plus{color:#4d5565;display:grid;place-items:center}
.slot:hover .slot-ring{border-color:#5a6578;transform:translateY(-1px)}
.slot:hover .slot-plus{color:var(--cyan)}
.slot-lab{color:#6f7787;font:800 8px var(--display);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.slot-name{color:#c9cfd8;font-size:11px;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slot.empty .slot-name{color:#5f6979;font-weight:600}
.slot.bad .slot-ring{border-color:rgba(255,53,93,.7);box-shadow:0 0 0 1px rgba(255,53,93,.15)}
.slot.bad .slot-name{color:#ff8fa5}
.slot-x{position:absolute;top:2px;right:calc(50% - 44px);width:22px;height:22px;border-radius:50%;border:1px solid #3a4150;background:#12151c;color:#9aa3b1;display:grid;place-items:center;padding:0;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s;z-index:3}
.sl-blade .slot-x,.sl-main .slot-x{right:calc(50% - 58px)}
.slot.filled:hover .slot-x,.slot.filled:focus-within .slot-x{opacity:1;transform:scale(1)}
.slot-x:hover{background:var(--red);color:white;border-color:var(--red)}
@media (hover:none){.slot.filled .slot-x{opacity:1;transform:none}}
.slot-tip{position:absolute;left:50%;bottom:calc(100% - 4px);transform:translateX(-50%);background:#0d1015;border:1px solid #3a4150;color:#dfe4ec;font-size:10px;padding:4px 8px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;z-index:5}
.slot.over .slot-tip,.slot.deny .slot-tip{opacity:1}
.slot.deny .slot-tip{border-color:rgba(255,53,93,.6);color:#ffb0c0}
.slot.targeted .slot-ring{border-color:var(--cyan);border-style:dashed;box-shadow:0 0 0 3px rgba(80,231,255,.18),0 0 18px rgba(80,231,255,.25);animation:targetPulse 1.4s ease-in-out infinite}
.slot.targeted .slot-name{color:var(--cyan)}
@keyframes targetPulse{0%,100%{box-shadow:0 0 0 3px rgba(80,231,255,.18),0 0 18px rgba(80,231,255,.2)}50%{box-shadow:0 0 0 5px rgba(80,231,255,.08),0 0 26px rgba(80,231,255,.35)}}
.slot.pop .slot-ring{animation:slotPop .55s cubic-bezier(.2,.9,.3,1.3)}
@keyframes slotPop{0%{transform:scale(.82);box-shadow:0 0 0 0 rgba(84,230,156,.6)}60%{transform:scale(1.06)}100%{transform:scale(1);box-shadow:0 0 0 12px rgba(84,230,156,0)}}
/* arrastar e soltar */
body.bx-dragging #deckGrid .slot:not(.compat){opacity:.32;filter:saturate(.4)}
body.bx-dragging #deckGrid .slot.compat .slot-ring{border-color:var(--cyan);border-style:dashed;box-shadow:0 0 0 2px rgba(80,231,255,.2),0 0 16px rgba(80,231,255,.25)}
body.bx-dragging #deckGrid .slot.compat.over .slot-ring{border-style:solid;transform:scale(1.06);background:radial-gradient(circle,#1b2a31,#10131a 70%);box-shadow:0 0 0 3px rgba(80,231,255,.35),0 0 24px rgba(80,231,255,.4)}
body.bx-dragging #deckGrid .slot.compat.deny .slot-ring{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,53,93,.3),0 0 20px rgba(255,53,93,.35);transform:none}
body.bx-dragging #deckGrid .slot.dragging{opacity:.4}
body.bx-dragging .picker-tile:not(.dragging){opacity:.75}
.picker-tile[draggable]{cursor:grab}
.picker-tile.dragging{opacity:.5;transform:scale(.96)}
.picker-tile{position:relative}
.tile-fav{position:absolute;left:5px;top:5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#5f6979;background:rgba(12,14,19,.7);opacity:0;transition:opacity .15s,color .15s;z-index:3}
.picker-tile:hover .tile-fav,.tile-fav.on{opacity:1}
.tile-fav.on{color:var(--yellow)}
.tile-fav:hover{color:var(--yellow)}
.picker-tile.fav{border-color:rgba(244,220,88,.35)}
.picker-noown{position:absolute;right:6px;top:6px;color:#4f5766;display:grid;place-items:center}
@media (hover:none){.tile-fav{opacity:.7}}
.sh-fav{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#5f6979;flex:0 0 auto}
.sh-fav.on{color:var(--yellow)}
/* botões de salvar/compartilhar quando o deck fica legal */
.btn.glow{box-shadow:0 0 0 2px rgba(84,230,156,.35),0 0 22px rgba(84,230,156,.35);animation:glowPulse 1.8s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 2px rgba(84,230,156,.3),0 0 18px rgba(84,230,156,.25)}50%{box-shadow:0 0 0 3px rgba(84,230,156,.45),0 0 30px rgba(84,230,156,.45)}}
/* rascunho recuperado */
.draft-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid rgba(80,231,255,.3);background:rgba(80,231,255,.06);border-radius:12px;padding:8px 12px;margin:0 0 12px;color:#c9cfd8;font-size:12px}
.draft-notice .dn-actions{display:flex;gap:6px}
.draft-notice .btn{padding:6px 10px;font-size:11px;min-height:0}
.draft-notice .btn.danger{color:#ff8fa5}
/* prévia da peça */
.part-preview{position:fixed;z-index:1400;width:270px;background:#12151d;border:1px solid #333a47;border-radius:14px;padding:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);pointer-events:none}
.part-preview[hidden]{display:none}
.pp-top{display:flex;gap:12px;align-items:center}
.pp-top .part-art.pp{width:74px;height:74px}
.pp-top b{display:block;font:800 15px var(--display);color:#eef1f5;line-height:1.15}
.pp-top small{display:block;color:#8a93a1;font-size:11px;margin-top:2px}
.pp-stats{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.pp-stats span{display:grid;justify-items:center;min-width:44px;border:1px solid #2c3340;border-radius:8px;padding:5px 6px}
.pp-stats i{color:#6f7787;font:800 8px var(--display);letter-spacing:.08em;font-style:normal}
.pp-stats b{color:var(--cyan);font:800 13px var(--display)}
.pp-foot{display:flex;align-items:center;gap:6px;margin-top:10px;color:#8a93a1;font-size:11px;flex-wrap:wrap}
.pp-foot em{color:var(--red);font-style:normal;font-weight:700}
/* menu de ações do slot */
.slot-actions{position:fixed;z-index:1350;min-width:240px;max-width:min(320px,calc(100vw - 16px));background:#12151d;border:1px solid #333a47;border-radius:14px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.55);display:grid;gap:2px}
.slot-actions[hidden]{display:none}
.sa-head{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid #262c37;margin-bottom:4px}
.sa-head .part-art.chip{width:34px;height:34px}
.sa-head b{display:block;font:800 13px var(--display);color:#eef1f5}
.sa-head small{color:#7f889a;font-size:10.5px}
.slot-actions button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:#d5dae2;padding:10px 12px;border-radius:9px;font-size:13px;text-align:left;min-height:0}
.slot-actions button:hover:not(:disabled){background:#1c2029}
.slot-actions button:disabled{opacity:.4}
.slot-actions button.danger{color:#ff8fa5}
/* bottom sheet do seletor */
.sheet-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(3,5,8,.7);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}
.sheet-backdrop[hidden]{display:none}
.sheet{width:100%;max-height:88vh;background:linear-gradient(170deg,#161a22,#0e1015);border:1px solid #343b47;border-bottom:0;border-radius:20px 20px 0 0;display:flex;flex-direction:column;box-shadow:0 -20px 60px rgba(0,0,0,.6);animation:sheetUp .22s ease-out}
@keyframes sheetUp{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
.sheet-head{position:relative;display:flex;align-items:center;gap:10px;padding:16px 14px 8px}
.sheet-grip{position:absolute;left:50%;top:6px;width:42px;height:4px;border-radius:999px;background:#3a4150;transform:translateX(-50%)}
.sheet-titles{flex:1;min-width:0}
.sheet-titles h3{margin:0;font:800 20px var(--display);text-transform:uppercase;color:#eef1f5;line-height:1.1}
.sheet-count{color:#6f7787;font-size:10.5px;white-space:nowrap}
.sheet-close{width:34px;height:34px;border-radius:9px;border:1px solid #333a46;background:#11151b;color:#89929f;display:grid;place-items:center;padding:0}
.sheet #sheetSearch{margin:4px 14px 8px;width:calc(100% - 28px)}
.sheet-quick{padding:0 14px}
.sh-row{display:grid;gap:5px;margin-bottom:8px}
.sh-row small{color:#6f7787;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:5px}
.sh-row>div{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.sh-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #2c3340;background:#11141b;border-radius:999px;padding:4px 10px 4px 4px;color:#c9cfd8;font-size:11px;font-weight:700;min-height:0}
.sh-chip .part-art.chip{width:26px;height:26px}
.sh-chip.fav{border-color:rgba(244,220,88,.35)}
.sh-chip.disabled{opacity:.4}
.sheet-list{overflow:auto;padding:4px 14px 18px;display:grid;gap:4px;-webkit-overflow-scrolling:touch}
.sh-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;border:1px solid #232934;border-radius:12px;background:#0f1218;padding:7px 8px;color:inherit;text-align:left;min-height:0}
.sh-item:hover{border-color:#3f4a5c;background:#12161e}
.sh-item.current{border-color:rgba(80,231,255,.45)}
.sh-item.disabled{opacity:.45;filter:saturate(.5)}
.sh-item .part-art.sh{width:48px;height:48px}
.sh-txt{display:grid;min-width:0}
.sh-txt b{font:800 13.5px var(--display);color:#eef1f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-txt small{color:#7f889a;font-size:10.5px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-txt small em{color:var(--red);font-style:normal;font-weight:700}
.sh-why{border:1px solid rgba(255,53,93,.4);color:#ff8fa5;border-radius:999px;padding:3px 8px;font:800 9px var(--display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.sh-why.cur{border-color:rgba(80,231,255,.4);color:var(--cyan);display:inline-flex;align-items:center;gap:3px}
.part-art.chip,.part-art.dot,.part-art.sh,.part-art.pp{flex:0 0 auto}
.part-art.dot{width:22px;height:22px;border-width:1px}
.part-art.dot .fallback{font-size:7px;padding:0}
.part-art.chip .fallback,.part-art.sh .fallback{font-size:10px;padding:2px}
body.sheet-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
@media (min-width:821px){.sheet-backdrop{align-items:center;padding:20px}.sheet{width:min(560px,100%);max-height:80vh;border-radius:18px;border-bottom:1px solid #343b47}}
/* paginação e barra de resumo (celular) */
.bey-pager,.pager-dots,.deck-bar{display:none}
@media (max-width:820px){
  .bey-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
  .bey-pager button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#11141b;color:#c9cfd8;display:grid;place-items:center;padding:0}
  .bey-pager button:disabled{opacity:.3}
  .bey-pager-title{text-align:center}
  .bey-pager-title .eyebrow{margin:0}
  .bey-pager-title b{font:800 22px var(--display);text-transform:uppercase;color:#eef1f5;line-height:1}
  .deck-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .deck-grid::-webkit-scrollbar{display:none}
  .deck-grid .bey-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .pager-dots{display:flex;justify-content:center;gap:7px;margin:10px 0 4px}
  .pager-dots i{width:8px;height:8px;border-radius:50%;background:#333a47;transition:background .15s,transform .15s}
  .pager-dots i.on{background:var(--cyan);transform:scale(1.25)}
  body.view-builder .deck-bar{display:grid}
  .deck-bar{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:900;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #333a47;border-radius:16px;background:rgba(14,16,21,.94);backdrop-filter:blur(10px);box-shadow:0 12px 34px rgba(0,0,0,.5)}
  .db-beys{display:flex;gap:6px}
  .db-bey{display:grid;justify-items:center;gap:2px;border:1px solid #2c3340;border-radius:10px;background:#11141b;padding:5px 6px;color:#8a93a1;min-height:0;min-width:58px}
  .db-bey.active{border-color:var(--cyan);color:#eef1f5}
  .db-bey.ok{border-color:rgba(84,230,156,.55)}
  .db-bey.bad{border-color:rgba(255,53,93,.6)}
  .db-bey small{font:800 8px var(--display);text-transform:uppercase;letter-spacing:.08em}
  .db-parts{display:flex;gap:2px;min-height:22px;align-items:center}
  .db-empty{width:22px;height:22px;border-radius:50%;border:1px dashed #3a4150;display:grid;place-items:center;color:#4d5565}
  .db-status{min-width:0;font:800 11px var(--display);text-transform:uppercase;letter-spacing:.04em;line-height:1.25;display:flex;align-items:center;gap:5px;overflow:hidden}
  .db-status.good{color:var(--green)}.db-status.bad{color:var(--red)}.db-status.neutral{color:#aab3c1}
  .db-undo{width:38px;height:38px;border-radius:10px;border:1px solid #2c3340;background:#11141b;color:#c9cfd8;display:grid;place-items:center;padding:0;min-height:0}
  .db-undo:disabled{opacity:.3}
  #view-builder{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .side-panel .picker{display:none}
  .slot-ring{width:68px;height:68px}
  .sl-blade .slot-ring,.sl-main .slot-ring{width:96px;height:96px}
  .stage{padding:12px 6px 8px}
  .bey-card.v2 .bey-head-actions .move-slot{display:none}
}
@media (max-width:360px){.slot-ring{width:60px;height:60px}.sl-blade .slot-ring,.sl-main .slot-ring{width:86px;height:86px}.db-bey{min-width:50px}}
.sh-item{height:auto;min-height:62px;box-sizing:border-box}.sh-chip{height:auto;min-height:34px}.db-bey,.db-undo,.slot-actions button,.bey-head-actions button,.sheet-close,.bey-pager button{height:auto}.db-bey{min-height:44px}.db-undo{min-height:38px}.bey-head-actions button{min-height:30px}.sheet-close{min-height:34px}.bey-pager button{min-height:40px}.db-status{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
@media (max-width:820px){body.view-builder .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
.sheet{overflow:hidden;overscroll-behavior:contain}.sheet-list{min-height:0;overscroll-behavior:contain;touch-action:pan-y}.sh-row>div{overscroll-behavior:contain;touch-action:pan-x}.sheet-backdrop{touch-action:none}.sheet-list,.sh-row>div{touch-action:auto}

/* v33: recomendações de peças */
.picker-recs{margin:8px 0 10px;border:1px solid rgba(80,231,255,.25);background:linear-gradient(160deg,rgba(80,231,255,.07),transparent 70%);border-radius:12px;padding:8px 10px 10px}
.picker-recs[hidden]{display:none}
.rec-head{display:flex;align-items:center;gap:6px;color:var(--cyan);font:800 9.5px var(--display);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
.rec-head small{color:#7f889a;font:600 10px var(--body,inherit);text-transform:none;letter-spacing:0;margin-left:auto}
.rec-row{display:grid;gap:5px}
.rec-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;border:1px solid rgba(80,231,255,.22);background:#0f141a;border-radius:10px;padding:5px 8px;color:inherit;text-align:left;min-height:0;height:auto;cursor:pointer}
.rec-card:hover{border-color:var(--cyan);background:#12191f}
.rec-card.drag{cursor:grab}.rec-card.dragging{opacity:.5}
.rec-card .part-art.chip{width:34px;height:34px}
.rec-card>.vicon{color:var(--cyan);flex:0 0 auto}
.rec-txt{display:grid;min-width:0}
.rec-txt b{font:800 12.5px var(--display);color:#eef1f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-txt small{color:#8a93a1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-row.rec small{color:var(--cyan)}
.sh-row.rec>div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,78%);gap:6px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.sh-row.rec .rec-card{scroll-snap-align:start;padding:6px 8px}
.sh-item.rec{border-color:rgba(80,231,255,.3);background:linear-gradient(90deg,rgba(80,231,255,.06),#0f1218 60%)}
.sh-why.rec{border-color:rgba(80,231,255,.4);color:var(--cyan);display:inline-flex;align-items:center;gap:3px}
.part-art.dot img{width:88%;height:88%}
.sh-row .rec-txt small{text-transform:none;letter-spacing:0;font:600 10px var(--body,inherit);display:block}.sh-row .rec-txt b{display:block}

/* v34: barra do builder — switch de modo + ações agrupadas */
.builder-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:-8px 0 22px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#13161d,#0e1015)}
.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #2c3340;border-radius:14px;background:#0b0d12;padding:4px;min-width:min(100%,420px);isolation:isolate}
.mode-switch button{position:relative;z-index:2;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#8a93a1;padding:9px 14px;border-radius:11px;text-align:left;min-height:0;height:auto;cursor:pointer;transition:color .2s}
.mode-switch button.active{color:#eef1f5}
.mode-switch .ms-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#151a22;color:#6f7787;transition:color .2s,background .2s;flex:0 0 auto}
.mode-switch button.active .ms-ic{color:var(--cyan);background:rgba(80,231,255,.12)}
.mode-switch.mine button.active .ms-ic{color:var(--green);background:rgba(84,230,156,.12)}
.mode-switch .ms-txt{display:grid;min-width:0;line-height:1.15}
.mode-switch .ms-txt b{font:800 12.5px var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mode-switch .ms-txt small{color:#6f7787;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-switch button.active .ms-txt small{color:#9aa4b2}
.mode-switch .ms-thumb{position:absolute;z-index:1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:11px;background:linear-gradient(160deg,#1c2230,#141821);border:1px solid rgba(80,231,255,.35);box-shadow:0 0 0 1px rgba(80,231,255,.08) inset,0 6px 18px rgba(0,0,0,.35);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .2s}
.mode-switch.mine .ms-thumb{transform:translateX(100%);border-color:rgba(84,230,156,.4)}
.builder-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.ba-tools,.ba-main{display:flex;align-items:center;gap:8px}
.ba-tools{padding-right:10px;border-right:1px solid #262c37}
.builder-actions .btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.builder-actions .icon-btn{width:38px;height:38px}
.menu-wrap{position:relative}
.gen-menu{left:0;right:auto;min-width:290px}
.gen-menu button{display:flex;align-items:flex-start;gap:10px}
.gen-menu button span{display:grid;line-height:1.2}
.gen-menu button b{font:800 12.5px var(--display);text-transform:uppercase;letter-spacing:.04em;color:#eef1f5}
.gen-menu button small{color:#7f889a;font-size:11px}
.gen-menu .vicon{margin-top:2px;color:var(--cyan)}
#genDeckBtn[aria-expanded="true"] .vicon:last-child{transform:rotate(180deg)}
.sh-noown{display:inline-grid;place-items:center;color:#4f5766}
body.builder-mine .picker-noown{color:#7bd88f}
@media (max-width:1180px){.builder-bar{align-items:stretch}.mode-switch{min-width:100%}.builder-actions{width:100%;justify-content:space-between;margin-left:0}}
@media (max-width:640px){
  .builder-bar{padding:10px;gap:10px}
  .mode-switch button{padding:8px 10px;gap:8px}
  .mode-switch .ms-ic{width:30px;height:30px}
  .mode-switch .ms-txt small{display:none}
  .builder-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .ba-tools{border-right:0;padding-right:0;justify-content:space-between}
  .ba-tools .btn{flex:1;justify-content:center}
  .ba-main{display:grid;grid-template-columns:1fr 1.25fr}
  .ba-main .btn{justify-content:center}
  .gen-menu{left:0;right:0;min-width:0}
}
@media (max-width:520px){.hero-actions{display:none}}
.gen-menu{position:absolute;top:calc(100% + 6px);z-index:30;border:1px solid #333a47;border-radius:12px;background:#12151c;box-shadow:0 18px 40px rgba(0,0,0,.5);padding:6px}.gen-menu[hidden]{display:none}.gen-menu button{width:100%;border:0;background:transparent;color:#d5dae2;padding:10px 12px;border-radius:8px;font-size:13px;text-align:left;min-height:0;height:auto}.gen-menu button:hover{background:#1c2029}

/* Meta e decks populares são a ala competitiva do BX Deck Lab: o verde X
   entra nas superfícies, bordas e chamadas — não apenas nos botões. */
#view-meta .hero.compact,#view-popular .hero.compact{position:relative;padding:26px 28px;border:1px solid rgba(166,239,112,.24);border-radius:20px;background:radial-gradient(ellipse at 86% 8%,rgba(166,239,112,.16),transparent 43%),linear-gradient(135deg,#10170f,#0d1110 62%,#13190f);overflow:hidden}
#view-meta .hero.compact::after,#view-popular .hero.compact::after{content:"";position:absolute;inset:auto -8% -80px 48%;height:170px;background:radial-gradient(ellipse,rgba(166,239,112,.14),transparent 68%);pointer-events:none}
#view-meta .hero.compact>*,#view-popular .hero.compact>*{position:relative;z-index:1}
#view-meta .meta-cloud-card{border-color:rgba(166,239,112,.30);background:radial-gradient(circle at 12% 0%,rgba(166,239,112,.16),transparent 40%),radial-gradient(circle at 92% 14%,rgba(84,230,156,.10),transparent 36%),linear-gradient(160deg,#121b12,#0d1110)}
#view-meta .mblock{border-color:rgba(166,239,112,.22);background:linear-gradient(168deg,#172016,#0d120e)}
#view-meta .mblock-head{border-bottom-color:rgba(166,239,112,.16)}
#view-meta .mblock-field{border-color:rgba(166,239,112,.15);background:radial-gradient(ellipse at 50% 0%,rgba(166,239,112,.10),transparent 62%),#0b100c}
#view-meta .mblock-count,#view-meta .mscore{border-color:rgba(166,239,112,.30);color:#c9f8a5}
#view-meta .mbey:hover .morb{border-color:var(--lime);box-shadow:0 0 0 2px rgba(166,239,112,.20),0 20px 44px rgba(0,0,0,.5)}
#view-meta .cloud-switch button.active{background:#2a4820;color:#d8ffc0;box-shadow:inset 0 -2px 0 var(--lime)}
#view-meta .source-banner{border-left-color:var(--lime);background:#10170f}
#view-popular .meta-fetch-toolbar{border-color:rgba(166,239,112,.28);background:linear-gradient(105deg,#121b11,#101410)}
#view-popular .meta-deck{border-color:rgba(166,239,112,.22);background:linear-gradient(155deg,#151d14,#0d110d)}
#view-popular .meta-deck:hover{border-color:rgba(166,239,112,.62);box-shadow:0 14px 34px rgba(84,230,156,.08)}
#view-popular .meta-head{border-bottom-color:rgba(166,239,112,.16);background:linear-gradient(100deg,rgba(166,239,112,.07),transparent 55%)}
#view-popular .place{border-color:rgba(166,239,112,.28);background:#1a2917;color:#d5fa9f}
#view-popular .meta-source-badge.podium{border-color:rgba(166,239,112,.38);color:#b9f38d;background:#122013}
#view-popular .meta-source-badge.aggregate{border-color:rgba(166,239,112,.26);color:#c9e9a3;background:#171d12}
#view-popular .meta-foot{background:#0b100b}
#view-popular .owned-meter i{background:linear-gradient(90deg,#54e69c,var(--lime))}
#view-popular .meta-link,#view-meta .meta-link{color:var(--lime)}
#view-popular .source-banner{border-left-color:var(--lime);border-top:1px solid rgba(166,239,112,.18);border-right:1px solid rgba(166,239,112,.18);border-bottom:1px solid rgba(166,239,112,.18);background:#10170f}
@media(max-width:700px){#view-meta .hero.compact,#view-popular .hero.compact{padding:21px 18px;border-radius:16px}}
@media(max-width:600px){.next-round-card{display:block;padding:16px}.next-round-card h2{font-size:24px}.next-round-card .btn{width:100%;margin-top:14px;min-height:60px;justify-content:center}}

/* Ranking competitivo: leitura rápida de posição, campanha e pódios. */
.ranking-hero{align-items:center}.ranking-totals{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:baseline;padding:13px 16px;border:1px solid rgba(84,230,156,.28);border-radius:14px;background:rgba(8,19,13,.58);min-width:210px}.ranking-totals b{font:800 22px/1 var(--display);color:var(--green);text-align:right}.ranking-totals span{font-size:11px;color:var(--muted);white-space:nowrap}.ranking-beys{margin-top:22px;border-color:rgba(84,230,156,.26);background:linear-gradient(140deg,#132016,#0d110e)}.ranking-bey-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ranking-bey{min-width:0;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(166,239,112,.16);border-radius:13px;background:rgba(2,8,4,.34)}.ranking-bey .deck-mini{flex:none}.ranking-bey>span{min-width:0;display:grid;gap:3px}.ranking-bey strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-bey small{font-size:11px;color:var(--muted)}.bey-rank{align-self:flex-start;color:var(--lime);font:800 14px/1 var(--display)}.ranking-section{margin-top:26px}.ranking-title{align-items:end}.ranking-search{position:relative;width:min(100%,300px)}.ranking-search::before{content:'⌕';position:absolute;left:12px;top:50%;z-index:1;transform:translateY(-53%);font-size:20px;color:var(--green);pointer-events:none}.ranking-search input{width:100%;padding-left:36px}.ranking-table{display:grid;gap:8px;margin-top:12px}.ranking-row{display:grid;grid-template-columns:42px 42px minmax(160px,1fr) auto 64px;align-items:center;gap:12px;padding:11px 14px;border:1px solid #262e2a;border-radius:14px;background:linear-gradient(100deg,#121712,#0e110f);color:inherit;text-decoration:none;transition:.16s ease}.ranking-row:hover{transform:translateY(-1px);border-color:rgba(84,230,156,.6);box-shadow:0 10px 28px rgba(0,0,0,.2)}.ranking-place{text-align:center;font:800 20px/1 var(--display);color:#8f9991}.ranking-place.podium{border-radius:9px;padding:8px 0}.ranking-place.p1{color:#241900;background:linear-gradient(135deg,#ffdb65,#c98c20)}.ranking-place.p2{color:#1d2527;background:linear-gradient(135deg,#dbe4e4,#849397)}.ranking-place.p3{color:#30170c;background:linear-gradient(135deg,#f0a36e,#a94d28)}.ranking-player{min-width:0;display:grid;gap:2px}.ranking-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-player small{font-size:12px;color:var(--muted)}.ranking-medals{display:flex;gap:6px}.ranking-medal{display:grid;grid-template-columns:auto auto;gap:0 3px;align-items:baseline;padding:3px 6px;border:1px solid;border-radius:8px;font-size:12px}.ranking-medal b{font-size:14px}.ranking-medal small{font-size:9px;text-transform:uppercase;font-weight:800}.ranking-medal.gold{color:#ffd965;border-color:#876b25;background:#28210e}.ranking-medal.silver{color:#d5e4e8;border-color:#54666b;background:#182024}.ranking-medal.bronze{color:#eea16f;border-color:#81482c;background:#29160f}.ranking-points{justify-self:end;font:800 22px/1 var(--display);color:var(--green);text-align:right}.ranking-points small{display:block;font:700 9px/1 Inter,sans-serif;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:850px){.ranking-bey-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-row{grid-template-columns:36px 38px minmax(120px,1fr) 58px}.ranking-medals{display:none}}
@media(max-width:600px){.ranking-hero{display:block}.ranking-totals{margin-top:16px;width:100%;grid-template-columns:auto 1fr auto 1fr auto 1fr;min-width:0;padding:12px}.ranking-totals b{font-size:19px}.ranking-totals span{font-size:9px;white-space:normal}.ranking-beys{padding:15px}.ranking-beys .section-title-row{display:block}.ranking-beys .section-title-row small{display:block;margin-top:5px}.ranking-bey-list{grid-template-columns:1fr;gap:7px}.ranking-title{display:block}.ranking-search{display:block;width:100%;margin-top:13px}.ranking-row{grid-template-columns:31px 38px minmax(0,1fr) 48px;gap:8px;padding:10px}.ranking-place{font-size:18px}.ranking-place.podium{padding:7px 0}.ranking-player small{font-size:10px}.ranking-points{font-size:20px}}
.admin-tournament-control{display:grid;gap:10px;border-color:rgba(255,109,109,.32);background:linear-gradient(145deg,#201313,#101110)}.admin-tournament-control h3{margin:-3px 0 2px;font:800 23px/1 var(--display)}.admin-tournament-control .btn{justify-self:start}.admin-tournament-danger{display:grid;gap:7px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,109,109,.22)}.admin-tournament-danger strong{color:#ffabab}.admin-tournament-danger small{color:var(--muted)}@media(max-width:600px){.admin-tournament-control .btn{width:100%;justify-content:center}}
.ranking-deck-preview{display:block;margin-top:3px}.ranking-deck-preview .deck-mini{display:grid;width:116px;max-width:116px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;align-items:end}.ranking-deck-preview .deck-mini .bey-mini{width:100%}
.deck-analysis-card{margin:0 0 20px;border-color:rgba(84,230,156,.3);background:radial-gradient(circle at 100% 0,rgba(84,230,156,.12),transparent 34%),linear-gradient(145deg,#132016,#0d110e)}.deck-analysis-heading{align-items:start}.deck-analysis-summary{max-width:900px;margin:14px 0 8px;font-size:15px;line-height:1.62;color:#e0e7df}.deck-analysis-source{margin:0;color:var(--muted);font-size:12px}.deck-analysis-source a{color:var(--lime)}.deck-analysis-loading{margin:8px 0 0;color:var(--muted);font-size:12px}.deck-bey-status{display:grid;gap:7px;margin-top:8px;padding:11px;border:1px solid #29322d;border-radius:12px;background:#0c100e}.deck-bey-status>span{font:800 10px/1 var(--display);letter-spacing:.08em;color:#abb5ad}.deck-bey-status>b{font:800 18px/1 var(--display);color:#e3ece1}.deck-bey-status p{margin:0;font-size:12px;line-height:1.48;color:#c2cbc4}.deck-bey-status.validated{border-color:rgba(84,230,156,.55);background:linear-gradient(135deg,rgba(30,91,57,.43),#0d130f)}.deck-bey-status.validated>span{color:#8bf7bb}.deck-bey-status.grounded{border-color:rgba(166,239,112,.38)}.deck-bey-status.grounded>span{color:#cdf39d}.deck-bey-status.untested{border-color:rgba(255,184,92,.32)}.deck-bey-status.untested>span{color:#ffd28c}.deck-analysis-evidence{padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:11px!important;color:#9eecc3!important}.deck-analysis-evidence b{font-weight:700}@media(max-width:600px){.deck-analysis-card{padding:16px}.deck-analysis-heading{display:block}.deck-analysis-heading .badge{display:inline-flex;margin-top:9px}.deck-bey-status{padding:10px}.deck-analysis-summary{font-size:14px}}
.deck-overview{margin-top:12px;padding:14px;border:1px solid rgba(166,239,112,.24);border-radius:13px;background:rgba(4,12,7,.35)}.deck-overview-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.deck-overview-head h3{margin:0;color:#fff;font:800 25px/1 var(--display)}.deck-overview-head span{padding:6px 9px;border:1px solid #334139;border-radius:999px;color:#b9c5bb;font-size:11px}.deck-overview .physical-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:12px}.deck-overview .physical-bars>div{grid-template-columns:1fr 28px;gap:4px}.deck-overview .physical-bars small{grid-column:1}.deck-overview .physical-bars span{grid-column:1}.deck-overview .physical-bars b{grid-column:2;grid-row:1/3;align-self:end}@media(max-width:600px){.deck-overview{padding:12px}.deck-overview-head h3{font-size:21px}.deck-overview .physical-bars{gap:9px}.deck-overview .physical-bars b{font-size:9px}}
.deck-directory{display:grid;gap:10px}.deck-directory-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #28332b;border-radius:16px;background:linear-gradient(105deg,#111711,#0e120f);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.deck-directory-row:hover{transform:translateY(-2px);border-color:rgba(84,230,156,.58);box-shadow:0 14px 30px rgba(0,0,0,.22)}.deck-directory-row.deck-directory-champion{border-color:rgba(255,213,78,.55);background:linear-gradient(105deg,#1a190e,#10140e)}.deck-directory-champion::before{content:'';position:absolute;inset:-2px;border-radius:17px;padding:2px;background:conic-gradient(from var(--champion-turn,0deg),transparent 0deg,transparent 42deg,#fff0a0 62deg,#f4dc58 78deg,#9dff59 94deg,transparent 116deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75;animation:champion-ring 3.4s linear infinite}.deck-directory-champion:hover{box-shadow:0 14px 30px rgba(244,220,88,.13),0 0 24px rgba(166,239,112,.14)}.deck-directory-main{display:grid;grid-template-columns:minmax(210px,1fr) minmax(190px,.7fr) minmax(170px,.55fr);align-items:center;gap:18px;min-width:0;color:inherit;text-decoration:none}.deck-directory-title{display:flex;align-items:center;gap:8px;min-width:0}.deck-directory-title h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 23px/1 var(--display);color:#f5f8f3;text-transform:uppercase}.deck-podium-icon{position:absolute;z-index:2;top:-12px;left:-11px;width:34px;height:34px;display:grid;place-items:center;filter:drop-shadow(0 0 5px rgba(255,215,73,.48))}.deck-podium-icon img{width:100%;height:100%;object-fit:contain}.deck-podium-icon.p2{filter:grayscale(.75) brightness(1.5) drop-shadow(0 0 4px rgba(214,233,235,.45))}.deck-podium-icon.p3{filter:sepia(.72) saturate(1.5) hue-rotate(330deg) drop-shadow(0 0 4px rgba(238,161,111,.4))}.deck-directory-champion .deck-podium-icon{animation:champion-trophy 2.7s ease-in-out infinite}.deck-directory-copy p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:#aeb7af;font-size:12px;font-style:italic;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.deck-directory-copy .deck-directory-empty{color:#6f7971}.deck-directory-preview{padding:2px 10px;border-inline:1px solid rgba(166,239,112,.12)}.deck-directory-preview .deck-mini{width:100%;max-width:230px;margin:auto;gap:4px}.deck-directory-author{display:flex;align-items:center;gap:9px;min-width:0}.deck-directory-author>span{display:grid;gap:3px;min-width:0}.deck-directory-author b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce4dc;font-size:12px}.deck-directory-author small{color:#859088;font-size:10px;white-space:nowrap}.deck-directory-copy-btn{min-width:38px;padding:9px 10px}.deck-directory-copy-btn span{font-size:10px}.deck-podium-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.deck-podium-tag{display:flex;align-items:center;gap:7px;max-width:100%;padding:5px 9px 5px 6px;border:1px solid rgba(255,215,78,.5);border-radius:10px;background:rgba(69,55,11,.35);color:#ffe78d;text-decoration:none;font-size:11px;line-height:1.1;transition:.18s ease}.deck-podium-tag:hover{transform:translateY(-1px);border-color:#ffe07a}.deck-podium-tag img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,215,73,.5))}.deck-podium-tag span{display:flex;align-items:baseline;gap:3px;min-width:0}.deck-podium-tag b{color:#fff1a8;text-transform:uppercase}.deck-podium-tag small{color:#cec58e;white-space:nowrap}.deck-podium-tag.p2{border-color:rgba(214,233,235,.42);background:rgba(38,52,55,.35);color:#d8e9ed}.deck-podium-tag.p2 img{filter:grayscale(.75) brightness(1.5)}.deck-podium-tag.p3{border-color:rgba(238,161,111,.42);background:rgba(61,32,18,.35);color:#f3bc91}.deck-podium-tag.p3 img{filter:sepia(.72) saturate(1.5) hue-rotate(330deg)}@property --champion-turn{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes champion-ring{to{--champion-turn:360deg}}@keyframes champion-trophy{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 5px rgba(255,215,73,.48))}50%{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 11px rgba(255,245,155,.95))}}@media(max-width:760px){.deck-directory-row{padding:12px;grid-template-columns:minmax(0,1fr) auto}.deck-directory-main{grid-template-columns:minmax(0,1fr) 124px;gap:10px}.deck-directory-preview{grid-column:1/-1;grid-row:2;padding:8px 0 0;border-inline:0;border-top:1px solid rgba(166,239,112,.11)}.deck-directory-preview .deck-mini{max-width:190px;margin:0}.deck-directory-author{justify-self:end}.deck-directory-author small{font-size:9px}.deck-directory-copy-btn span{display:none}.deck-podium-tag small{display:none}}@media(max-width:460px){.deck-directory-main{grid-template-columns:minmax(0,1fr) 100px}.deck-directory-author{gap:5px}.deck-directory-author .avatar{width:27px!important;height:27px!important}.deck-directory-author b{font-size:10px}.deck-directory-author small{white-space:normal}.deck-directory-title h2{font-size:20px}.deck-podium-tag span{display:block}.deck-podium-tag b{display:block;margin-bottom:2px}}
.profile-podium-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.profile-podium-tag{display:flex;align-items:center;gap:4px;padding:4px 7px 4px 5px;border:1px solid rgba(255,215,78,.5);border-radius:999px;background:rgba(69,55,11,.35);color:#ffe78d;font:700 11px/1 Inter,sans-serif;text-transform:uppercase}.profile-podium-tag>.profile-podium-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,215,73,.5))}.profile-podium-hover{position:relative;cursor:default;transition:transform .16s ease,border-color .16s ease}.profile-podium-hover:hover,.profile-podium-hover:focus-visible{z-index:1;transform:translateY(-2px);border-color:rgba(255,225,113,.9);outline:none}.profile-podium-preview{position:absolute;z-index:31;bottom:calc(100% + 10px);left:0;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:3px 8px;width:min(260px,calc(100vw - 32px));padding:9px;border:1px solid rgba(255,215,78,.48);border-radius:12px;background:rgba(16,15,8,.98);box-shadow:0 14px 30px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.96);transition:opacity .16s ease,transform .16s ease,visibility .16s;text-transform:none}.profile-podium-preview>img{grid-row:1/3;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,215,73,.52))}.profile-podium-preview>strong{font:800 12px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff0a5}.profile-podium-events{display:grid;grid-column:1/-1;gap:5px;margin-top:4px;padding-top:6px;border-top:1px solid rgba(255,220,105,.18)}.profile-podium-event{display:grid;gap:2px}.profile-podium-event>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px/1.2 Inter,sans-serif;color:#edf1e7;text-transform:none}.profile-podium-event small{font:500 10px/1.2 Inter,sans-serif;color:#b8ac77;text-transform:none}.profile-podium-hover:hover .profile-podium-preview,.profile-podium-hover:focus-visible .profile-podium-preview{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.profile-podium-tag.p2{border-color:rgba(214,233,235,.42);background:rgba(38,52,55,.35);color:#d8e9ed}.profile-podium-tag.p2>.profile-podium-icon,.profile-podium-tag.p2 .profile-podium-preview>img{filter:grayscale(.75) brightness(1.5)}.profile-podium-tag.p3{border-color:rgba(238,161,111,.42);background:rgba(61,32,18,.35);color:#f3bc91}.profile-podium-tag.p3>.profile-podium-icon,.profile-podium-tag.p3 .profile-podium-preview>img{filter:sepia(.72) saturate(1.5) hue-rotate(330deg)}
.top3-presence{display:grid;grid-template-columns:1fr auto;gap:6px 9px;align-items:center;margin-top:5px;font-size:10px;color:#a9b3aa}.top3-presence>div{grid-column:1/2;height:7px;overflow:hidden;border:1px solid rgba(84,230,156,.16);border-radius:99px;background:#101b14;box-shadow:inset 0 1px 2px rgba(0,0,0,.55)}.top3-presence>div>i{display:block!important;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20bd70 0%,#54e69c 55%,#c5ff5a 100%);box-shadow:0 0 12px rgba(84,230,156,.8)}.top3-presence b{grid-column:2;grid-row:1/3;color:#baff88;font:800 14px/1 var(--display);text-shadow:0 0 8px rgba(166,255,112,.4)}
.physical-bars{display:grid;gap:5px;margin:4px 0 3px}.physical-bars>div{display:grid;grid-template-columns:28px 1fr 27px;gap:7px;align-items:center}.physical-bars small{font:800 9px/1 var(--display);color:#9aa7a0}.physical-bars span{height:5px;overflow:hidden;border-radius:8px;background:#293039}.physical-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#baf579,#ff8799)}.physical-bars b{font:700 10px/1 Inter,sans-serif;color:#d5dfd8;text-align:right}
.deck-more{margin:5px 0;font-size:12px}.deck-more summary{cursor:pointer;font-weight:800;color:#d8f7b5}.deck-more>div{display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid rgba(166,239,112,.16);border-radius:9px;background:rgba(4,11,7,.42)}.deck-more p{display:grid;gap:2px;margin:0!important;color:#cbd3cc!important;line-height:1.4}.deck-more small{font:800 9px/1 var(--display);letter-spacing:.08em;color:#8fe9af}.deck-why{margin-top:6px;padding-top:7px;border-top:1px dashed rgba(255,255,255,.14);font-size:12px}.deck-why summary{cursor:pointer;font-weight:800;color:#f0f4ef}.deck-why p{margin:7px 0 0!important;color:#cbd3cc!important}.deck-why b{color:#d8f7b5}