/* MLBB skin — Land of Dawn. Deep navy / indigo, gold + cyan, ornate serif display. */

body[data-game='mlbb'] {
  --bg: #070b24;
  --bg-2: #0f1640;
  --panel: rgba(12, 18, 54, 0.88);
  --panel-solid: #0f1640;
  --panel-2: #141c4e;
  --panel-3: #1b2560;
  --line: rgba(232, 193, 112, 0.22);
  --line-strong: rgba(232, 193, 112, 0.5);
  --ink: #eef1ff;
  --ink-2: #c6cbef;
  --muted: #a3aad8;
  --khaki: #e8c170;
  --accent: #e8c170;
  --accent-2: #f5d78e;
  --accent-ink: #1a1405;
  --accent-soft: rgba(232, 193, 112, 0.12);
  --cyan: #3bd6f5;
  --danger: #e0474c;
  --danger-ink: #ff8a8e;
  --warn: #f3a93a;
  --info: #3bd6f5;
  --chart-grid: rgba(198, 203, 239, 0.1);
  --chart-surface: #0f1640;
  --font-display: 'Cinzel', 'Times New Roman', serif;
  --font-deco: 'Cinzel Decorative', 'Cinzel', serif;
  --font-body: 'Exo 2', 'Segoe UI', sans-serif;
  --font-data: 'Chakra Petch', 'Exo 2', ui-monospace, monospace;
  --focus: #3bd6f5;
  font-size: 17px;
}

body[data-game='mlbb'] .hud-top {
  background: linear-gradient(180deg, rgba(5, 8, 28, 0.98), rgba(7, 11, 36, 0.92));
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line);
}
body[data-game='mlbb'] .compass-wrap { height: 34px; }
body[data-game='mlbb'] .crest {
  display: flex; align-items: center; gap: 12px; position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%);
  font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.4em; color: var(--accent); white-space: nowrap;
}
body[data-game='mlbb'] .crest::before, body[data-game='mlbb'] .crest::after {
  content: ''; width: min(220px, 22vw); height: 1px; background: linear-gradient(90deg, transparent, var(--accent));
}
body[data-game='mlbb'] .crest::after { background: linear-gradient(90deg, var(--accent), transparent); }
body[data-game='mlbb'] .crest i { width: 7px; height: 7px; background: var(--cyan); transform: rotate(45deg); box-shadow: 0 0 10px var(--cyan); }
body[data-game='mlbb'] .compass__read { display: none; }
body[data-game='mlbb'] .hud-foot { display: none; }

/* type: Cinzel display is set in sentence/upper case with more tracking; it runs wider than Teko */
body[data-game='mlbb'] .brand__name { font-weight: 900; font-size: 24px; letter-spacing: 0.14em; background: linear-gradient(180deg, #fff3cf, var(--accent) 60%, #b98a35); -webkit-background-clip: text; background-clip: text; color: transparent; }
body[data-game='mlbb'] .hero__title { font-size: clamp(28px, 7.8cqi, 88px); line-height: 1.02; font-weight: 900; letter-spacing: 0.01em; }
body[data-game='mlbb'] .hero__title .l1 { font-family: var(--font-deco); font-size: 0.5em; color: var(--cyan); letter-spacing: 0.08em; line-height: 1.2; font-weight: 700; }
body[data-game='mlbb'] .hero__title .hl { background: linear-gradient(180deg, #fff6d8, var(--accent-2) 45%, #b8852f); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 22px rgba(232, 193, 112, 0.25)); }
body[data-game='mlbb'] .view-title { font-weight: 900; font-size: clamp(34px, 5vw, 54px); line-height: 1; }
body[data-game='mlbb'] .btn { font-family: var(--font-display); font-weight: 700; font-size: 17px; letter-spacing: 0.1em; padding: 14px 24px 12px; }
body[data-game='mlbb'] .btn--xl { font-size: 21px; padding: 18px 32px 16px; }
body[data-game='mlbb'] .btn--sm { font-size: 14px; padding: 9px 14px 8px; }
body[data-game='mlbb'] .game-switch button, body[data-game='mlbb'] .seg__btn { font-family: var(--font-display); font-weight: 700; font-size: 15px; letter-spacing: 0.1em; padding-top: 8px; padding-bottom: 7px; }
body[data-game='mlbb'] .stepper__t { font-weight: 700; font-size: 17px; }
body[data-game='mlbb'] .steps b { font-weight: 700; font-size: 14.5px; letter-spacing: 0.02em; line-height: 1.2; }
body[data-game='mlbb'] .game-card b { font-weight: 900; font-size: 24px; }
body[data-game='mlbb'] .drop__title { font-weight: 900; font-size: clamp(26px, 3vw, 36px); line-height: 1.05; }
body[data-game='mlbb'] .queue__head h2, body[data-game='mlbb'] .history h2, body[data-game='mlbb'] .side h2 { font-weight: 700; font-size: 22px; }
body[data-game='mlbb'] .mcard__title h3 { font-weight: 700; font-size: 22px; }
body[data-game='mlbb'] .dlg__head h2 { font-weight: 700; font-size: 22px; }
body[data-game='mlbb'] .input--big { font-family: var(--font-display); font-weight: 700; font-size: 26px; }
body[data-game='mlbb'] .avatar { font-family: var(--font-display); font-weight: 700; font-size: 16px; }
body[data-game='mlbb'] .user-btn__team b { font-family: var(--font-display); font-weight: 700; font-size: 15px; }
body[data-game='mlbb'] .tag-card__title { font-weight: 700; font-size: 18px; letter-spacing: 0.16em; }
body[data-game='mlbb'] .tag-card__team { font-weight: 900; font-size: clamp(34px, 4vw, 48px); line-height: 1; }
body[data-game='mlbb'] .tag-card__tag { font-family: var(--font-display); font-weight: 700; font-size: 16px; padding: 4px 10px; }
body[data-game='mlbb'] .tag-card__plate {
  background: radial-gradient(ellipse at 80% 0%, rgba(59, 214, 245, 0.16), transparent 60%), linear-gradient(160deg, #1a2468, #0b1136);
}
body[data-game='mlbb'] .preview__label { font-family: var(--font-display); font-weight: 700; font-size: 14px; padding: 5px 12px 4px; letter-spacing: 0.2em; }
body[data-game='mlbb'] .hitem__game { font-family: var(--font-display); font-weight: 700; font-size: 13px; padding: 4px 8px; }

/* shapes: beveled (hex-cut) gold buttons */
body[data-game='mlbb'] .btn {
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  background: linear-gradient(180deg, #25306f, #18205a);
  color: var(--ink);
}
body[data-game='mlbb'] .btn:hover { background: linear-gradient(180deg, #2e3a84, #1d2768); }
body[data-game='mlbb'] .btn--primary { background: linear-gradient(180deg, #ffe7a6, var(--accent) 45%, #b8852f); color: var(--accent-ink); }
body[data-game='mlbb'] .btn--primary:hover { background: linear-gradient(180deg, #fff1c9, var(--accent-2) 45%, #c99640); }
body[data-game='mlbb'] .btn--ghost { background: rgba(10, 16, 50, 0.6); box-shadow: inset 0 0 0 1px var(--line-strong); }
body[data-game='mlbb'] .btn--danger { background: rgba(224, 71, 76, 0.1); }
body[data-game='mlbb'] .game-switch { border-radius: 2px; }
body[data-game='mlbb'] .game-switch button[aria-pressed='true'], body[data-game='mlbb'] .seg__btn[aria-pressed='true'] {
  background: linear-gradient(180deg, #ffe7a6, var(--accent) 50%, #b8852f); color: var(--accent-ink);
}
body[data-game='mlbb'] .stepper button[aria-current='step']::after { background: linear-gradient(90deg, var(--cyan), var(--accent)); }
body[data-game='mlbb'] .eyebrow { color: var(--cyan); }
body[data-game='mlbb'] .steps li::before { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
body[data-game='mlbb'] .steps__n { color: var(--cyan); }

/* ornate panel corners: gold diamonds instead of HUD brackets */
body[data-game='mlbb'] .bracket { width: 9px; height: 9px; border: 0; background: var(--accent); transform: rotate(45deg); box-shadow: 0 0 8px rgba(232, 193, 112, 0.6); }
body[data-game='mlbb'] .bracket--tl { left: -5px; top: -5px; }
body[data-game='mlbb'] .bracket--tr { right: -5px; top: -5px; }
body[data-game='mlbb'] .bracket--bl { left: -5px; bottom: -5px; }
body[data-game='mlbb'] .bracket--br { right: -5px; bottom: -5px; }
body[data-game='mlbb'] .hover-lock:hover .bracket { transform: rotate(45deg) scale(1.3); }
body[data-game='mlbb'] .panel, body[data-game='mlbb'] .mcard, body[data-game='mlbb'] .qitem, body[data-game='mlbb'] .hitem {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), inset 0 1px 30px rgba(59, 214, 245, 0.05);
}
body[data-game='mlbb'] .game-card { cursor: pointer; }
body[data-game='mlbb'] .drop { cursor: pointer; border-style: solid; background: radial-gradient(ellipse at 50% 30%, rgba(59, 214, 245, 0.08), rgba(5, 8, 28, 0.55) 70%); }
body[data-game='mlbb'] .drop__reticle { color: var(--accent); filter: drop-shadow(0 0 12px rgba(232, 193, 112, 0.45)); }
body[data-game='mlbb'] .feed__row { border-left-color: var(--cyan); }
body[data-game='mlbb'] .feed__row .ic { color: var(--cyan); }

/* ---------- REPORT: Land of Dawn broadcast ---------- */
body[data-game='mlbb'] .report {
  --rp-bg: #0c1238;
  border-color: rgba(232, 193, 112, 0.55);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M14 1h28l14 23-14 23H14L0 24z' fill='none' stroke='%23e8c170' stroke-opacity='.06'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 90% 0%, rgba(59, 214, 245, 0.16), transparent 50%),
    radial-gradient(ellipse at 0% 100%, rgba(232, 193, 112, 0.12), transparent 50%),
    linear-gradient(180deg, #131b52, #0a0f30);
  box-shadow: inset 0 0 0 4px #0a0f30, inset 0 0 0 5px rgba(232, 193, 112, 0.35);
}
body[data-game='mlbb'] .rp-head > .bracket { display: block; }
body[data-game='mlbb'] .rp-hud { color: var(--muted); font-family: var(--font-data); }
body[data-game='mlbb'] .rp-title { font-weight: 900; line-height: 1; }
body[data-game='mlbb'] .rp-title__kicker {
  font-family: var(--font-deco); font-weight: 700; letter-spacing: 0.14em; font-size: clamp(20px, 2.4vw, 30px);
  color: var(--accent-2);
}
body[data-game='mlbb'] .rp-title__team { font-size: clamp(48px, 7.4vw, 104px); letter-spacing: 0.02em; text-shadow: 0 0 30px rgba(59, 214, 245, 0.35), 0 2px 0 #000; }
body[data-game='mlbb'] .rp-chip--game { background: linear-gradient(180deg, #ffe7a6, var(--accent) 50%, #b8852f); color: var(--accent-ink); border-color: transparent; }
body[data-game='mlbb'] .rp-banner--mlbb { text-align: center; }
body[data-game='mlbb'] .rp-banner__word {
  font-family: var(--font-deco); font-weight: 900; font-size: clamp(44px, 6vw, 80px); line-height: 1; letter-spacing: 0.04em;
  color: var(--accent-2); text-shadow: 0 0 26px rgba(232, 193, 112, 0.55), 0 3px 0 #6b4b12;
}
body[data-game='mlbb'] .rp-banner--mlbb.is-loss .rp-banner__word { color: #ff9a9d; text-shadow: 0 0 26px rgba(224, 71, 76, 0.55), 0 3px 0 #5a1316; }
body[data-game='mlbb'] .rp-banner--mlbb .rp-banner__place { justify-content: center; align-items: baseline; gap: 6px; font-family: var(--font-data); font-weight: 700; line-height: 1; margin-top: 8px; }
body[data-game='mlbb'] .rp-banner--mlbb .rp-banner__num { font-size: clamp(48px, 6vw, 72px); color: var(--cyan); }
body[data-game='mlbb'] .rp-banner--mlbb .rp-banner__num--l { color: #ff8a8e; }
body[data-game='mlbb'] .rp-banner__w { font-size: 24px; color: var(--ink-2); }
body[data-game='mlbb'] .rp-banner__sep { font-size: 36px; color: var(--accent); margin: 0 8px; }
body[data-game='mlbb'] .rp-banner--mlbb .rp-banner__lbl { color: var(--accent); font-size: 13px; letter-spacing: 0.3em; }
@media (max-width: 860px) { body[data-game='mlbb'] .rp-banner--mlbb { text-align: left; } body[data-game='mlbb'] .rp-banner--mlbb .rp-banner__place { justify-content: flex-start; } }
@media (max-width: 640px) {
  body[data-game='mlbb'] .brand__name { font-size: 17px; letter-spacing: 0.08em; }
  body[data-game='mlbb'] .game-switch button { font-size: 12px; padding: 8px 8px 7px; }
  body[data-game='mlbb'] .btn--sm { font-size: 12px; padding: 9px 12px 8px; letter-spacing: 0.06em; }
  body[data-game='mlbb'] .crest { font-size: 10px; letter-spacing: 0.3em; }
  body[data-game='mlbb'] .btn--xl { font-size: 16px; padding: 16px 26px 15px; }
  body[data-game='mlbb'] .hero__title { font-size: 12.5cqi; }
  body[data-game='mlbb'] .hero__title span { white-space: normal; }
  body[data-game='mlbb'] .hero__title .l1 { font-size: 0.45em; }
  body[data-game='mlbb'] .game-card b { font-size: 20px; }
  /* Cinzel runs wide: keep the team-name field and the results buttons on one line */
  body[data-game='mlbb'] .input--big { font-size: 19px; letter-spacing: 0.02em; }
  body[data-game='mlbb'] .results-bar .btn { font-size: 13px; letter-spacing: 0.03em; white-space: nowrap; padding-left: 16px; padding-right: 16px; }
}

body[data-game='mlbb'] .rp-tile::before { background: linear-gradient(180deg, var(--cyan), var(--accent)); }
body[data-game='mlbb'] .rp-tile__val { font-family: var(--font-data); font-weight: 700; font-size: clamp(30px, 3.2vw, 40px); }
body[data-game='mlbb'] .rp-shead__t { font-weight: 700; font-size: 22px; letter-spacing: 0.12em; }
body[data-game='mlbb'] .rp-shead__line { background: linear-gradient(90deg, var(--accent), transparent); opacity: 0.6; }
body[data-game='mlbb'] .rp-shead__code { color: var(--cyan); }
body[data-game='mlbb'] .award { background: linear-gradient(180deg, rgba(59, 214, 245, 0.06), rgba(255, 255, 255, 0.02)); }
body[data-game='mlbb'] .award__ic { border-radius: 50%; border-color: var(--accent); color: var(--accent-2); box-shadow: 0 0 14px rgba(232, 193, 112, 0.25); }
body[data-game='mlbb'] .award--top .award__ic { background: radial-gradient(circle at 35% 30%, #fff1c2, var(--accent) 55%, #9c6d22); color: var(--accent-ink); }
body[data-game='mlbb'] .award__title { color: var(--cyan); }
body[data-game='mlbb'] .award__player { font-family: var(--font-display); font-weight: 700; font-size: clamp(16px, 11cqi, 22px); line-height: 1.12; }
body[data-game='mlbb'] .pc { border-top-width: 3px; background: linear-gradient(180deg, rgba(20, 28, 80, 0.8), rgba(10, 15, 48, 0.8)); }
body[data-game='mlbb'] .pc--mvp { background: linear-gradient(180deg, rgba(232, 193, 112, 0.16), rgba(10, 15, 48, 0.85) 60%); border-color: rgba(232, 193, 112, 0.6); }
body[data-game='mlbb'] .pc__rank { font-family: var(--font-display); font-weight: 900; font-size: 34px; -webkit-text-stroke: 1px var(--accent); }
body[data-game='mlbb'] .pc__crown { font-family: var(--font-display); font-weight: 700; font-size: 13px; padding: 3px 8px; background: linear-gradient(180deg, #ffe7a6, var(--accent) 50%, #b8852f); }
body[data-game='mlbb'] .pc__name { font-family: var(--font-display); font-weight: 700; font-size: 24px; }
body[data-game='mlbb'] .pc__title { background: rgba(59, 214, 245, 0.12); color: var(--cyan); border: 1px solid rgba(59, 214, 245, 0.4); font-family: var(--font-data); }
body[data-game='mlbb'] .pc__hero-val { font-family: var(--font-data); font-weight: 700; font-size: 52px; }
body[data-game='mlbb'] .pc__stats dd { font-family: var(--font-data); font-weight: 600; font-size: 20px; }
/* damage ("86.2K") is the widest value: give its cell more room than KDA / Kill */
body[data-game='mlbb'] .pc__stats { grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.7fr) minmax(0, 1.3fr); }
body[data-game='mlbb'] .rp-title__team--long { font-size: clamp(40px, 5.6vw, 80px); }
body[data-game='mlbb'] .rp-title__team--xl { font-size: clamp(34px, 4.6vw, 64px); }
body[data-game='mlbb'] .rp-banner--mlbb.is-none .rp-banner__lbl { color: var(--muted); letter-spacing: 0.2em; }
body[data-game='mlbb'] .cell__main { font-family: var(--font-data); font-weight: 700; font-size: 22px; }
body[data-game='mlbb'] .cell__badge { font-family: var(--font-display); font-weight: 700; font-size: 11px; padding: 2px 5px; background: linear-gradient(180deg, #ffe7a6, var(--accent) 50%, #b8852f); }
body[data-game='mlbb'] .wl { font-family: var(--font-display); font-weight: 700; font-size: 14px; padding: 3px 8px; }
body[data-game='mlbb'] .dtable--matches .td--pos { font-family: var(--font-data); }
body[data-game='mlbb'] .chart-card figcaption b { font-weight: 700; font-size: 17px; letter-spacing: 0.08em; }
body[data-game='mlbb'] .rp-foot__brand { font-family: var(--font-display); font-weight: 900; font-size: 18px; color: var(--accent); }
body[data-game='mlbb'] .rp-foot__sig { color: var(--cyan); }
body[data-game='mlbb'] .dtable td.is-best { color: var(--accent-2); }
body[data-game='mlbb'] .td--cell.is-top { background: linear-gradient(90deg, rgba(232, 193, 112, 0.16), transparent); }

/* medals */
.medal { font-family: var(--font-data); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; padding: 2px 7px; border: 1px solid var(--line-strong); color: var(--ink-2); text-transform: uppercase; }
.medal--mvp { background: linear-gradient(180deg, #ffe7a6, #e8c170 50%, #b8852f); color: #1a1405; border-color: #f5d78e; box-shadow: 0 0 10px rgba(232, 193, 112, 0.45); }
.medal--gold { color: #f5d78e; border-color: rgba(245, 215, 142, 0.6); }
.medal--silver { color: #d9def0; border-color: rgba(217, 222, 240, 0.5); }
.medal--bronze { color: #e0a47a; border-color: rgba(224, 164, 122, 0.5); }

/* export: html2canvas cannot paint background-clip:text or text-stroke */
body[data-game='mlbb'] .report.is-exporting .pc__rank { color: var(--accent); }