/* Football Manager – King of Coupons look (load after style.css; container: <div id="fm" data-skin="kc">).
   Only colours, fonts and shapes change; every game feature is the same. */
#fm[data-skin="kc"] {
  --frame: #0c0f1e;
  --bg: #10142a;
  --panel: #141934;
  --panel2: #1a1f3d;
  --panel3: #232a4d;
  --line: #2a3158;
  --line2: #1f2546;
  --ink: #f7f7fb;
  --ink2: #cdd1e4;
  --muted: #8f96b5;
  --red: #f43f5e;
  --red2: #e11d48;
  --red-ink: #ffffff;
  --gold: #f4b73b;
  --orange: #fb7c4b;
  --green: #22c55e;
  --blue: #7c8cff;
  --purple: #8b5cf6;
  --acc: #f4b73b; /* saját csapat kiemelése */
  --green-bg: rgba(34, 197, 94, .12);
  --red-bg: rgba(244, 63, 94, .12);
  --gold-bg: rgba(244, 183, 59, .12);
  --f-head: 'Nunito', 'Segoe UI', system-ui, sans-serif;
  --f-ui: 'Nunito', 'Segoe UI', system-ui, sans-serif;
  --f-mono: 'Nunito', 'Segoe UI', system-ui, sans-serif;
  border-radius: 20px;
  background: radial-gradient(700px 360px at 10% 0%, rgba(139, 92, 246, .14), transparent 60%), var(--frame);
}
#fm[data-skin="kc"][data-theme="light"] {
  --frame: #ffffff;
  --bg: #f5f5fb;
  --panel: #f7f7fc;
  --panel2: #efeff8;
  --panel3: #e4e4f2;
  --line: #d9d9ea;
  --line2: #e8e8f3;
  --ink: #14162b;
  --ink2: #3a3d5c;
  --muted: #6b6f8e;
  --red: #e11d48;
  --red2: #be123c;
  --red-ink: #ffffff;
  --gold: #c98a0c;
  --orange: #d8602f;
  --green: #16a34a;
  --blue: #4f5bd5;
  background: var(--frame);
}
/* a piros a figyelmeztetéseké marad; a kiemelések (gomb, fül, címke) aranyak */
#fm[data-skin="kc"] .box.acc-red { border-left-color: var(--purple); }
#fm[data-skin="kc"] .steps .n, #fm[data-skin="kc"] .x:hover { color: var(--gold); }
#fm[data-skin="kc"] .spin { border-top-color: var(--gold); }
#fm[data-skin="kc"] .pill.on { border-color: var(--gold); color: var(--gold); }
/* címsorok: vastag, lekerekített Nunito, vegyes kis- és nagybetű */
#fm[data-skin="kc"] .title { font-weight: 900; text-transform: none; letter-spacing: -.02em; font-size: clamp(28px, 6.4vw, 40px); line-height: 1.04; }
#fm[data-skin="kc"] h2.sec { font-weight: 900; text-transform: none; letter-spacing: -.01em; font-size: 19px; }
#fm[data-skin="kc"] h2.sec::before { background: var(--gold); }
#fm[data-skin="kc"] h3 { font-weight: 900; text-transform: none; letter-spacing: -.01em; font-size: 16px; }
#fm[data-skin="kc"] .status .club { font-weight: 900; text-transform: none; font-size: 19px; }
#fm[data-skin="kc"] .steps b, #fm[data-skin="kc"] .choice b, #fm[data-skin="kc"] .tcard .tnm, #fm[data-skin="kc"] .score .tn, #fm[data-skin="kc"] .pcard .b .pn { text-transform: none; letter-spacing: -.01em; font-weight: 900; }
#fm[data-skin="kc"] .score .tn { font-size: 14px; }
#fm[data-skin="kc"] .score .sc, #fm[data-skin="kc"] .stat .v, #fm[data-skin="kc"] .nums b, #fm[data-skin="kc"] .pcard .f .q, #fm[data-skin="kc"] .pcard .b .r { font-weight: 900; letter-spacing: -.02em; }
#fm[data-skin="kc"] .stat .v { font-size: 24px; }
#fm[data-skin="kc"] .ovr, #fm[data-skin="kc"] .attr .n, #fm[data-skin="kc"] .mstats td.v { font-weight: 900; }
/* kis címkék: nagybetűs, ritkított (mint a „WHERE DO YOU SHOP?”) */
#fm[data-skin="kc"] .pill, #fm[data-skin="kc"] .chip, #fm[data-skin="kc"] .kicker, #fm[data-skin="kc"] .stat .l, #fm[data-skin="kc"] .status .meta { font-weight: 800; letter-spacing: .12em; }
/* gombok: arany kitöltés sötét szöveggel, pirula alak */
#fm[data-skin="kc"] .btn { text-transform: none; letter-spacing: 0; font-weight: 900; font-size: 15.5px; border-radius: 999px; }
#fm[data-skin="kc"] .btn:not(.ol):not(.green) { background: linear-gradient(180deg, #f8c65a, #f0a92a); border-color: transparent; color: #1a1405; box-shadow: 0 6px 18px rgba(244, 183, 59, .22); }
#fm[data-skin="kc"] .btn.ol { border-color: var(--line); }
#fm[data-skin="kc"] .tabs button, #fm[data-skin="kc"] .tabs a { text-transform: none; letter-spacing: 0; font-family: var(--f-head); font-weight: 800; font-size: 14px; border-radius: 999px; }
#fm[data-skin="kc"] .tabs button.on, #fm[data-skin="kc"] .tabs a.on { background: #1f2244; border-color: #1f2244; color: var(--gold); }
#fm[data-skin="kc"][data-theme="light"] .tabs button.on, #fm[data-skin="kc"][data-theme="light"] .tabs a.on { background: #14162b; border-color: #14162b; color: #f4b73b; }
#fm[data-skin="kc"] .seg button { text-transform: none; font-weight: 800; }
#fm[data-skin="kc"] .chip { border-color: transparent; background: rgba(244, 183, 59, .14); color: var(--gold); }
#fm[data-skin="kc"] .bdg { background: #f43f5e; }
#fm[data-skin="kc"] .box, #fm[data-skin="kc"] .stat, #fm[data-skin="kc"] .choice, #fm[data-skin="kc"] .tcard { border-radius: 16px; }
#fm[data-skin="kc"] .choice.c-green { border-color: #22c55e; } #fm[data-skin="kc"] .choice.c-gold { border-color: #f4b73b; } #fm[data-skin="kc"] .choice.c-red { border-color: #f43f5e; }
#fm[data-skin="kc"] .choice.c-blue { border-color: #8b5cf6; } #fm[data-skin="kc"] .choice.c-orange { border-color: #fb7c4b; }
#fm[data-skin="kc"] .wheel .ptr { border-top-color: #f4b73b; }
@media (max-width: 520px) {
  #fm[data-skin="kc"] .score .tn { font-size: 12.5px; }
  #fm[data-skin="kc"] .title { font-size: 28px; }
}