.formation-options {
  flex-wrap: wrap;
}

.mp-fixed-teams {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px;
  background: #061713;
  color: #c7ff38;
}

.mp-fixed-teams strong { font: 600 17px Oswald; }
.mp-fixed-teams span { max-width: 180px; color: #aab7b2; font-size: 8px; text-align: right; }
.mp-optional { color: #8c9994; font-weight: 400; }
.mp-invite-room { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; background: #061713; color: #fff; }
.mp-invite-room small { font-size: 7px; letter-spacing: .15em; color: #a6b4ae; }
.mp-invite-room strong { font: 600 20px Oswald; color: #c7ff38; letter-spacing: .12em; }
.mp-lottery-panel { margin-top: 18px; }
.mp-lottery-panel > p { color: #64736e; font-size: 11px; }
.mp-lottery-order { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 22px 0; }
.mp-lottery-item { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 8px; background: #efefe9; padding: 10px; }
.mp-lottery-item { position: relative; overflow: hidden; opacity: 0; animation: lottery-in .45s var(--delay,0s) forwards; }
.mp-lottery-item i { position: absolute; right: 0; bottom: 0; width: 5px; background: #c7ff38; opacity: .8; }
@keyframes lottery-in { from { opacity: 0; transform: translateY(-18px) scale(.96); } to { opacity: 1; transform: none; } }
.mp-lottery-item strong { grid-row: 1 / 3; font: 600 19px Oswald; color: #8d9994; }
.mp-lottery-item span { font: 600 12px Oswald; text-transform: uppercase; }
.mp-lottery-item small { font-size: 7px; color: #78847f; }
.mp-lottery-item.mine { background: #eaffad; }
.mp-lottery-panel .primary-button { width: 280px; margin: 20px auto 0; }
.mp-lottery-reel { position: relative; width: min(520px,90%); height: 110px; margin: 22px auto; display: grid; place-items: center; overflow: hidden; border: 2px solid #061713; background: #061713; color: #fff; box-shadow: inset 0 0 0 8px rgba(199,255,56,.08); }
.mp-lottery-reel:before,.mp-lottery-reel:after { content: ''; position: absolute; left: 0; right: 0; height: 25px; z-index: 2; background: linear-gradient(#061713,transparent); }
.mp-lottery-reel:before { top: 0; }.mp-lottery-reel:after { bottom: 0; transform: rotate(180deg); }
.mp-lottery-reel small { position: absolute; top: 10px; color: #c7ff38; font-size: 7px; letter-spacing: .2em; }
.mp-lottery-reel strong { font: 600 30px Oswald; text-transform: uppercase; transition: .04s; }
.mp-lottery-reel.flip strong { transform: translateY(5px); filter: blur(1px); }
.mp-lottery-reel i { position: absolute; right: 12px; top: 0; bottom: 0; width: 4px; background: #c7ff38; animation: reel-pulse .5s infinite alternate; }
.mp-lottery-reel.done i { animation: none; }
.mp-lottery-reel.suspense,.mp-cup-reel.suspense { border-color: #ffdf00; box-shadow: inset 0 0 28px #ffdf0018,0 0 24px #ffdf0038; }
.mp-lottery-reel.reveal strong,.mp-cup-reel.reveal strong { animation: draw-reveal .42s cubic-bezier(.2,.9,.2,1) both; color: #c7ff38; }
.mp-lottery-reel.grand-finale,.mp-cup-reel.grand-finale { animation: draw-finale .65s ease-in-out both; }
@keyframes draw-reveal { 0% { opacity: 0; transform: scale(1.55); filter: blur(5px); } 65% { transform: scale(.94); } }
@keyframes draw-finale { 50% { border-color: #ffdf00; box-shadow: 0 0 45px #ffdf0080; transform: scale(1.025); } }
@keyframes reel-pulse { to { opacity: .15; } }
.selected-card { border-color: #ffb000 !important; background: linear-gradient(145deg,#704100,#241400) !important; box-shadow: 0 0 0 5px rgba(255,176,0,.5),inset 0 0 38px rgba(255,176,0,.2),0 18px 28px rgba(6,23,19,.28) !important; transform: translateY(-6px) scale(1.015); }
.selected-card:after { content:"✓"; position:absolute; z-index:8; top:8px; left:50%; width:28px; height:28px; display:grid; place-items:center; border:2px solid #241400; border-radius:50%; background:#ffb000; color:#241400; font:700 17px DM Sans; box-shadow:0 3px 10px #0006; transform:translateX(-50%); }
.selected-card h3 { color:#ffd66b; }.selected-card .card-rating { color:#ffb000; }.selected-card .avatar-circle { border-color:#ffb000; box-shadow:0 0 0 4px rgba(255,176,0,.2); }
#mpConfirmPickButton { width: 100%; margin-top: 18px; }
#mpConfirmPickButton:disabled { opacity: .35; cursor: not-allowed; transform: none; }
.mp-pick-rail { display: flex; overflow: hidden; gap: 1px; background: #061713; padding: 0 6vw 12px; }
.mp-draft-head-stats { display: flex; align-items: center; gap: 25px; }
.mp-pick-timer { min-width: 78px; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.2); text-align: center; }
.mp-pick-timer small,.mp-pick-timer strong { display: block; }
.mp-pick-timer small { font-size: 7px; letter-spacing: .12em; color: #91a19b; }
.mp-pick-timer strong { font: 600 29px Oswald; color: #c7ff38; }
.mp-pick-timer strong.urgent { color: #ff735c; animation: timer-pulse .45s infinite alternate; }
@keyframes timer-pulse { to { transform: scale(1.12); } }
.mp-pick-rail div { min-width: 135px; padding: 10px 12px; background: rgba(255,255,255,.07); color: #fff; }
.mp-pick-rail div.active { background: #c7ff38; color: #061713; }
.mp-pick-rail div.mine-pick:not(.active) { position: relative; z-index: 1; background: #173c32; color: #fff; box-shadow: inset 0 0 0 2px #c7ff38; }
.mp-pick-rail div.mine-pick:not(.active):after { content: '★'; position: absolute; top: 6px; right: 7px; color: #c7ff38; font-size: 9px; }
.mp-pick-rail div.mine-soon { animation: my-pick-coming 1s ease-in-out infinite alternate; }
.mp-pick-rail div.mine-pick small { color: #c7ff38; opacity: 1; font-weight: 700; }
.mp-pick-rail div.mine-pick.active small { color: #061713; }
@keyframes my-pick-coming { to { box-shadow: inset 0 0 0 2px #c7ff38,0 0 16px #c7ff3870; transform: translateY(-2px); } }
.mp-pick-rail small,.mp-pick-rail strong { display: block; }
.mp-pick-rail small { font-size: 6px; letter-spacing: .13em; opacity: .65; }
.mp-pick-rail strong { font: 600 11px Oswald; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mp-my-team-bar { display: grid; grid-template-columns: 125px 1fr; align-items: center; gap: 12px; padding: 12px 6vw; background: #e9e7de; border-bottom: 1px solid rgba(6,23,19,.15); }
.mp-my-team-bar > div:first-child small,.mp-my-team-bar > div:first-child strong { display: block; }
.mp-my-team-bar > div:first-child small { font-size: 7px; letter-spacing: .16em; color: #68756f; }
.mp-my-team-bar > div:first-child strong { font: 600 15px Oswald; text-transform: uppercase; }
.mp-my-team-strip { display: grid; grid-template-columns: repeat(11,minmax(68px,1fr)); gap: 5px; overflow-x: auto; }
.mp-my-team-slot { min-width: 68px; padding: 7px; background: #f8f7f1; border: 1px solid rgba(6,23,19,.12); }
.mp-my-team-slot i,.mp-my-team-slot span { display: block; font-style: normal; }
.mp-my-team-slot i { font: 600 8px Oswald; color: #557068; }
.mp-my-team-slot span { font: 600 9px Oswald; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mp-my-team-slot.empty span { color: #a2aaa6; }
.mp-last-pick { margin: 12px 6vw 0; background: #eaffad; border-left: 4px solid #061713; padding: 10px 14px; display: flex; justify-content: space-between; font-size: 10px; animation: pick-flash .5s ease; }
.mp-pick-history { display: grid; grid-template-columns: repeat(6,1fr); gap: 6px; padding: 8px 6vw 0; }
.pick-history-item { min-width: 0; display: grid; padding: 8px 10px; border-left: 3px solid #061713; background: #f7f6f0; }
.pick-history-item small { font-size: 6px; letter-spacing: .12em; color: #718079; }
.pick-history-item strong { font: 600 10px Oswald; text-transform: uppercase; }
.pick-history-item span { font-size: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-history-item.mode-auto { border-color: #e5553e; background: #fff0ec; }
.pick-history-item.mode-bot { border-color: #e5a42f; }
.pick-history-item.mode-pick { border-color: #40a567; }
@keyframes pick-flash { from { transform: translateY(-8px); opacity: 0; } }
.mp-draft-pitch { min-height: 490px; height: 54vh; margin-bottom: 14px; }
.mp-draft-layout .player-cards { grid-template-columns: repeat(5,minmax(105px,1fr)); gap: 8px; }
.mp-draft-layout .player-card { min-height: 215px; padding: 9px; }
.mp-draft-layout .player-card .avatar { height: 58px; }
.mp-draft-layout .player-card .avatar-circle { width: 49px; height: 49px; font-size: 17px; border-width: 2px; }
.mp-draft-layout .player-card h3 { min-height: 30px; font-size: 14px; line-height: 1.05; margin: 4px 0 2px; }
.mp-draft-layout .player-card .card-rating { font-size: 22px; }
.mp-draft-layout .player-card .attributes { margin-top: 8px; padding-top: 6px; }
.mp-draft-layout .player-card .attributes span { font-size: 10px; }
.blind .card-rating,.blind .slot-node span,.blind .mp-mini-player strong { font-size: 0 !important; }
.blind .card-rating:after,.blind .slot-node span:after,.blind .mp-mini-player strong:after { content: '??'; font: 600 19px Oswald; }
.blind .attributes span { font-size: 0 !important; }
.blind .attributes span:before { content: '??'; font: 600 9px Oswald; }
.blind .attributes small { font-size: 6px !important; }
.blind .mp-draft-layout .player-cards { grid-template-columns: repeat(6,minmax(90px,1fr)); }
.blind .mp-draft-layout .player-card { min-height: 110px; padding: 10px; display: flex; flex-direction: column; justify-content: center; }
.blind .mp-draft-layout .player-card .avatar,
.blind .mp-draft-layout .player-card .card-rating,
.blind .mp-draft-layout .player-card .attributes { display: none; }
.blind .mp-draft-layout .player-card .card-top { min-height: 29px; }
.blind .mp-draft-layout .player-card .card-era { display: block; margin-top: 3px; color: #dbe5e1; font-size: 7px; letter-spacing: .08em; white-space: nowrap; }
.blind .mp-draft-layout .player-card h3 { margin: 4px 0 2px; font-size: 14px; line-height: 1.05; }
.blind .mp-draft-layout .player-card .club { min-height: 20px; font-size: 7px; line-height: 1.3; }
.blind .mp-draft-layout .player-card .club b { padding: 3px 5px; font-size: 8px; }
.avatar-circle { background-size: cover !important; background-position: center !important; color: transparent !important; }
.player-card { border-color: #314740 !important; background: linear-gradient(155deg,#112b24 0%,#061713 62%,#0a211b 100%) !important; box-shadow: inset 4px 0 0 #c7ff38; }
.player-card:before { background: #c7ff38 !important; opacity: .08 !important; }
.player-card .card-top { z-index: 2; min-height: 44px; padding-right: 42px; text-shadow: none; }
.player-card .card-pos { color: #c7ff38; }
.player-card .card-rating { color: #fff; }
.player-card .card-era { color: #b8c5c0; font-weight: 700; text-shadow: none; }
.player-card h3 { min-height: 2.15em; line-height: 1.08; overflow-wrap: anywhere; }
.club-crest { position: absolute; z-index: 4; top: 7px; right: 8px; width: 34px; height: 39px; display: grid; place-items: center; padding: 2px; clip-path: polygon(8% 0,92% 0,100% 72%,50% 100%,0 72%); border: 2px solid #fff; background: repeating-linear-gradient(90deg,var(--card-color) 0 7px,var(--card-secondary) 7px 14px); filter: drop-shadow(0 3px 3px #0008); }
.club-crest:before { content: ''; position: absolute; inset: 5px 4px 8px; background: #061713dd; clip-path: inherit; }
.club-crest span { position: relative; z-index: 1; color: #fff; font: 600 7px Oswald; letter-spacing: -.03em; text-shadow: 0 1px 2px #000; }
.club-crest.has-logo { width: 39px; height: 43px; padding: 3px; clip-path: none; border: 1px solid #ffffff42; border-radius: 5px; background: #fff; }
.club-crest.has-logo:before,.club-crest.has-logo span { display: none; }
.club-logo { display: block; width: 100%; height: 100%; object-fit: contain; overflow: visible; }
.player-card h3 { color: #fff; text-shadow: none; }
.player-card .club { min-height: 22px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 5px; color: #d7e0dc; font-weight: 700; line-height: 1.15; }
.player-card .club span { overflow-wrap: anywhere; }
.player-card .club b { align-self: start; padding: 2px 4px; border-radius: 2px; background: #c7ff38; color: #061713; font: 700 7px Oswald; letter-spacing: .04em; }
.blind .mp-draft-layout .player-card .club-crest { top: 7px; right: 57px; width: 28px; height: 32px; }
.blind .mp-draft-layout .player-card { padding-right: 60px; position: relative; }
.blind .mp-draft-layout .player-card .avatar { display: grid !important; position: absolute; right: 7px; top: 50%; width: 48px; height: 48px; transform: translateY(-50%); }
.blind .mp-draft-layout .player-card .avatar-circle { width: 44px; height: 44px; border-width: 2px; }
.bot-considering { border-color: #ffbd59 !important; animation: bot-think .7s infinite alternate; }
@keyframes bot-think { to { box-shadow: 0 0 0 5px rgba(255,189,89,.35); transform: translateY(-4px); } }
.mp-reveal-panel { margin-top: 18px; }
.mp-remove-player { border: 1px solid #d95b4c; background: transparent; color: #a4382d; padding: 7px 9px; font: 700 7px DM Sans; letter-spacing: .08em; cursor: pointer; }.mp-remove-player:hover { background: #d95b4c; color: #fff; }
.mp-reveal-tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 12px; }
.mp-reveal-tabs button { flex: 0 0 auto; border: 1px solid rgba(6,23,19,.15); background: #efefe9; padding: 9px 12px; font: 600 10px Oswald; text-transform: uppercase; cursor: pointer; }
.mp-reveal-tabs button span { color: #8a9691; margin-right: 6px; }
.mp-reveal-tabs button.active { background: #061713; color: #c7ff38; }
.mp-reveal-tabs button b { margin-left: 5px; padding: 2px 5px; background: #c7ff38; color: #061713; font: 600 10px Oswald; }
.mp-reveal-content { display: grid; grid-template-columns: 330px 1fr; gap: 30px; align-items: center; margin-top: 20px; }
.mp-reveal-content h2 { font: 600 32px Oswald; text-transform: uppercase; margin: 0 0 15px; }
.mp-reveal-overall { display: inline-block; padding: 8px 13px; margin-bottom: 8px; background: #061713; color: #c7ff38; font: 600 21px Oswald; }
.mp-reposition-hint { font-size: 9px; color: #6f7c77; line-height: 1.4; }
.mp-reveal-list { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.mp-reveal-list div { display: grid; grid-template-columns: 30px 1fr; background: #efefe9; padding: 7px; }
.mp-reveal-list span { grid-row: 1 / 3; font: 600 10px Oswald; color: #557068; }
.mp-reveal-list strong { font: 600 10px Oswald; text-transform: uppercase; }
.mp-reveal-list small { font-size: 7px; color: #7c8984; }
.mp-reveal-pitch { width: 100%; max-width: 600px; min-height: 520px; margin: auto; }
.mp-reveal-panel > .primary-button { width: 300px; margin: 24px auto 0; }
.mp-reserve-title { margin: 18px 0 7px; font: 600 12px Oswald; letter-spacing: .1em; }
.mp-reveal-reserves { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.mp-reveal-reserves button { position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 2px 7px; padding: 9px; border: 1px solid #d8dedb; background: #f2f3ee; text-align: left; cursor: pointer; }
.mp-reveal-reserves button:disabled { color: inherit; cursor: default; opacity: 1; }.mp-reveal-reserves button.selected { border-color: #55a66d; background: #eaffad; box-shadow: 0 0 0 2px #55a66d; }
.mp-reveal-reserves button span { grid-row: 1 / 4; align-self: center; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #061713; color: #c7ff38; font: 600 8px Oswald; }.mp-reveal-reserves button strong { font: 600 10px Oswald; text-transform: uppercase; }.mp-reveal-reserves button small { font-size: 7px; color: #728079; }.mp-reveal-reserves button b { margin-top: 3px; color: #28734a; font-size: 7px; }
.mp-trade-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 3px solid #061713; }
.mp-trade-panel h3 { margin: 0 0 10px; font: 600 15px Oswald; }.trade-inbox,.trade-builder,.trade-log { padding: 14px; background: #f1f2ed; }.trade-log { grid-column: 1 / -1; display: grid; gap: 5px; }.trade-log span { padding: 7px; border-bottom: 1px solid #dce1de; font-size: 9px; }.trade-log b { float: right; color: #397653; }
.trade-offer { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 6px; padding: 9px 0; border-bottom: 1px solid #dce1de; font-size: 9px; }.trade-offer button { border: 0; padding: 7px; background: #061713; color: #fff; font-size: 7px; cursor: pointer; }.trade-offer button[data-accept] { background: #55a66d; }
.trade-builder { display: grid; gap: 9px; }.trade-builder label { font-size: 7px; font-weight: 700; letter-spacing: .1em; }.trade-builder select { width: 100%; margin-top: 5px; padding: 9px; border: 1px solid #cbd3cf; background: #fff; font: 500 10px DM Sans; }.trade-builder .primary-button { margin-top: 4px; padding: 11px; font-size: 9px; }
.mp-reveal-panel > p { text-align: center; font-size: 10px; color: #7a8782; }
.mp-live-layout { display: grid; grid-template-columns: 1.15fr 1fr .72fr; gap: 14px; margin-top: 18px; align-items: start; }
.mp-live-main h3 { margin: 22px 0 7px; font: 600 17px Oswald; text-transform: uppercase; }
.mp-live-match { border: 1px solid #b7d2ff; background: #edf4ff; padding: 15px; }
.mp-live-match > small { font: 600 10px Oswald; color: #315f9d; }
.mp-live-match > div { display: grid; grid-template-columns: 1fr 70px 1fr; align-items: center; gap: 8px; margin-top: 10px; }
.mp-live-match strong { font: 600 16px Oswald; text-transform: uppercase; }
.mp-live-match strong:last-child { text-align: right; }
.mp-live-match b { text-align: center; font: 600 27px Oswald; }
.mp-live-events { max-height: 155px; overflow: auto; padding: 7px 0; }
.mp-live-events p { display: grid; grid-template-columns: 38px 1fr; margin: 0; padding: 6px 3px; border-bottom: 1px solid #eceeea; font-size: 9px; }
.mp-live-events p span { font: 600 11px Oswald; }
.mp-live-events p small { grid-column: 2; color: #77857f; }
.mp-live-events .quiet { display: block; color: #77857f; }
.mp-game-live { border-bottom: 1px solid #dfe3df; }
.mp-game-live.mine { background: #edffb8; }
.mp-game-live .mp-result { border-bottom: 0; }
.mp-game-goal { display: grid; grid-template-columns: 48px 1fr; padding: 3px 10px 5px; font-size: 8px; color: #53625c; }
.mp-game-goal b { font: 600 9px Oswald; }
.mp-game-goal small { color: #7d8984; }
.live-lineup-head,.live-lineup-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.live-lineup-head strong { font: 600 12px Oswald; text-transform: uppercase; padding: 8px; background: #061713; color: #c7ff38; }
.live-lineup-cols > div { display: grid; gap: 4px; margin-top: 5px; }
.live-lineup-cols span { background: #e9f6ed; padding: 7px; font-size: 9px; font-weight: 600; }
.live-lineup-cols i { display: inline-block; min-width: 29px; margin-right: 5px; padding: 2px; border-radius: 8px; background: #061713; color: #fff; font: normal 7px Oswald; text-align: center; }
.live-lineup-cols > div:last-child span { background: #fff0df; }
.mp-ranking-row { display: grid; grid-template-columns: 24px 1fr 20px; align-items: center; gap: 6px; padding: 9px 2px; border-bottom: 1px solid #e4e7e4; }
.mp-ranking-row span { font: 600 13px Oswald; color: #8b9692; }
.mp-ranking-row strong { font-size: 9px; }
.mp-ranking-row b { font: 600 14px Oswald; text-align: right; }
.assists-title { margin-top: 25px; }
.mp-table-full { margin-top: 14px; }
.table-row.zone-lib { border-left: 4px solid #2f77d0; }
.table-row.zone-sula { border-left: 4px solid #e59b28; }
.table-row.zone-releg { border-left: 4px solid #dc4b3f; }
.zone-legend { display: flex; gap: 15px; margin-top: 12px; font-size: 7px; font-weight: 700; letter-spacing: .1em; }
.zone-legend span:before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 5px; }
.zone-legend .lib:before { background: #2f77d0; }.zone-legend .sula:before { background: #e59b28; }.zone-legend .releg:before { background: #dc4b3f; }
#mpSeason { background: linear-gradient(135deg,#edf4ff 0,#f8f7ef 50%,#fff8d9 100%); }
.bra-header { position: relative; overflow: hidden; background: linear-gradient(112deg,#003c8f 0%,#075bb5 58%,#d4aa00 100%); border-bottom: 5px solid #f1ce00; }
.bra-header:after { content: ''; position: absolute; width: 280px; height: 280px; right: 16%; top: -190px; border: 30px solid rgba(255,255,255,.12); border-radius: 50%; }
.bra-brand { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; }
.bra-logo { display: block; width: 130px; height: 64px; overflow: hidden; border: 2px solid #ffffffb8; border-radius: 8px; background: #fff; box-shadow: 0 6px 16px #001d4c66; }
.bra-logo img { width: 100%; height: 100%; margin: 0; object-fit: contain; object-position: center; transform: none; }
.bra-header .eyebrow { color: #ffe22a !important; }
.bra-header .room-code strong { color: #ffe22a; }
#mpSeason .mp-panel { border-top: 4px solid #075bb5; }
#mpSeason .panel-title { border-color: #075bb5; color: #004a9f; }
#mpSeason .primary-button { background: #e7c200; color: #002d70; }
#mpSeason .primary-button:hover { background: #075bb5; color: #fff; }
#mpSeason .mp-live-match { background: linear-gradient(135deg,#003d91,#0763c1); color: #fff; }
#mpSeason .mp-live-match small { color: #ffe22a; }
#mpSeason .mp-live-match b { color: #ffe22a; }
#mpSeason .mp-result.mine { border-color: #e1bd00; background: #fff7c9; }
#mpSeason .table-row.user-team { background: #fff3a4; }
.mp-cup-layout { display: grid; grid-template-columns: .82fr 1.18fr .82fr; gap: 15px; margin-top: 18px; align-items: start; }
#mpCup { background: linear-gradient(135deg,#eef4ff 0,#f8f7ef 48%,#eff9f0 100%); }
.cdb-header { position: relative; overflow: hidden; background: linear-gradient(115deg,#001d59 0%,#003b82 55%,#006c3b 100%); border-bottom: 5px solid #ffdf00; }
.cdb-header:after { content: ''; position: absolute; width: 260px; height: 260px; right: 18%; top: -170px; border: 28px solid rgba(255,223,0,.12); border-radius: 50%; }
.cdb-brand { display: flex; align-items: center; gap: 16px; position: relative; z-index: 1; }
.cdb-brand svg { width: 52px; height: 64px; filter: drop-shadow(0 5px 8px rgba(0,0,0,.25)); }
.cdb-brand img { width: 118px; height: 66px; object-fit: contain; border-radius: 6px; filter: drop-shadow(0 5px 8px rgba(0,0,0,.3)); }
.cdb-brand svg path:nth-child(1) { fill: #fff; }.cdb-brand svg path:nth-child(2) { fill: #ffdf00; }.cdb-brand svg path:nth-child(3) { fill: #009c3b; }.cdb-brand svg path:nth-child(4),.cdb-brand svg path:nth-child(5) { fill: #fff; }
.cdb-header .eyebrow { color: #ffdf00 !important; }
.cdb-header .room-code strong { color: #ffdf00; }
#mpCup .mp-panel { border-top: 4px solid #002776; }
#mpCup .panel-title { border-color: #002776; color: #002776; }
#mpCup .primary-button { background: #ffdf00; color: #002776; }
#mpCup .primary-button:hover { background: #002776; color: #fff; }
#mpCup .cup-pair { border-left: 4px solid #009c3b; }
#mpCup .cup-match.mine { border-color: #009c3b; background: #e6f6e9; }
#mpCup .mp-cup-featured .cup-match { border-color: #009c3b; background: linear-gradient(135deg,#e5f6e8,#fff9d6); }
.mp-cup-layout .primary-button { width: 100%; margin-top: 16px; }
.mp-cup-draw { display: grid; gap: 6px; }
.mp-cup-reel { position: relative; height: 92px; margin-bottom: 12px; display: grid; place-items: center; overflow: hidden; background: #061713; color: #fff; border: 2px solid #061713; }
.mp-cup-reel small { position: absolute; top: 9px; color: #c7ff38; font-size: 7px; letter-spacing: .16em; }
.mp-cup-reel strong { max-width: 90%; font: 600 20px Oswald; text-align: center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mp-cup-reel i { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #c7ff38; animation: cup-reel-line .6s infinite; }
@keyframes cup-reel-line { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.cup-pair-revealed { animation: cup-pair-in .35s ease both; }
@keyframes cup-pair-in { from { opacity: 0; transform: translateX(-12px); } }
.cup-pair { display: grid; grid-template-columns: 25px 1fr 20px 1fr; gap: 8px; align-items: center; padding: 10px; background: #f0efe9; font: 600 11px Oswald; text-transform: uppercase; }
.cup-pair b { color: #82908a; }.cup-pair i { font-style: normal; text-align: center; color: #87938e; }
.cup-pair .cup-empty { color: #98a39f; font-size: 8px; font-weight: 500; letter-spacing: .08em; }
.cup-pair .newly-drawn { animation: cup-team-in .35s ease both; }
.cup-pair.pair-complete { border-left-color: #ffdf00 !important; background: #fff8cf; box-shadow: inset 4px 0 0 #ffdf0035; }
.cup-draw-remaining { margin: 5px 0 0; padding: 9px; border: 1px dashed #9eaaa5; color: #68756f; font: 600 9px Oswald; text-align: center; letter-spacing: .1em; }
@keyframes cup-team-in { from { opacity: 0; transform: translateY(-6px); } }
.cup-qualified { padding: 13px; background: #eaffad; font-size: 10px; line-height: 1.7; }
.cup-match { margin-bottom: 8px; padding: 10px; border: 1px solid #e0e3df; background: #faf9f5; }
.cup-match.mine { border-color: #7aaf24; background: #f1ffd0; }
.mp-cup-featured .cup-match { padding: 16px; border: 2px solid #7aaf24; background: #f1ffd0; }
.mp-cup-featured .cup-match > div { padding: 8px 4px; font-size: 14px; }
.mp-cup-featured .cup-match > div strong { font-size: 25px; }
.mp-cup-featured .cup-match p { padding: 5px; border-top: 1px solid rgba(6,23,19,.1); font-size: 10px; }
.mp-cup-featured-panel .mp-live-lineups { margin-top: 15px; }
.mp-penalty-order { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; margin-top: 18px; padding: 15px; border: 2px solid #e0bb00; background: #fffbe4; }.mp-penalty-order h3,.mp-penalty-order p,.mp-penalty-order button { grid-column: 1 / -1; }.mp-penalty-order h3 { margin: 0; font: 600 17px Oswald; }.mp-penalty-order p { margin: 0 0 5px; font-size: 9px; color: #63716c; }.mp-penalty-order label { font-size: 7px; font-weight: 700; }.mp-penalty-order select { width: 100%; margin-top: 4px; padding: 8px 5px; border: 1px solid #ccd3cf; background: #fff; font-size: 8px; }
.cup-match > div { display: grid; grid-template-columns: 1fr auto; padding: 4px; font-size: 10px; }
.cup-match > div strong { font: 600 16px Oswald; }.cup-match p { margin: 3px 4px; font-size: 8px; color: #607069; }
.cup-match .cup-aggregate { display: block; margin-top: 5px; padding: 7px; border-top: 1px solid #d9dfdb; color: #52645d; font: 600 9px Oswald; text-align: center; letter-spacing: .04em; }
.cup-history { display: grid; margin-top: 14px; padding-top: 10px; border-top: 2px solid #061713; }
.cup-history strong { font: 600 13px Oswald; text-transform: uppercase; }.cup-history span { padding: 4px 0; font-size: 8px; border-bottom: 1px solid #eceeeb; }.cup-history span small { color: #6f7d77; font-weight: 700; }
.mp-cup-champion { position: fixed; z-index: 1200; inset: 0; overflow: auto; margin: 0; padding: 36px 5vw 42px; border: 3px solid #ffdf00; background: radial-gradient(circle at 50% 15%,#174a32,#061713 58%); color: #fff; text-align: center; animation: champion-glow 1.8s ease-in-out infinite alternate; }
.mp-cup-champion small,.mp-cup-champion strong,.mp-cup-champion span { display: block; }
.mp-cup-champion > img { position: relative; z-index: 1; width: min(210px,70vw); height: 92px; margin-bottom: 12px; border-radius: 7px; object-fit: contain; filter: drop-shadow(0 8px 18px #0009); animation: trophy-rise .7s cubic-bezier(.2,.8,.2,1) both; }
.mp-cup-champion > small { position: relative; z-index: 1; color: #ffdf00; letter-spacing: .2em; }.mp-cup-champion > strong { position: relative; z-index: 1; font: 600 clamp(38px,6vw,75px) Oswald; text-transform: uppercase; }.mp-cup-champion > span { position: relative; z-index: 1; color: #9baba5; }
.mp-cup-champion .champion-scorer { margin: 8px auto 22px; color: #ffdf00; font: 600 13px Oswald; letter-spacing: .08em; }
.mp-cup-champion .champion-best { margin: -12px auto 22px; color: #c7ff38; font: 600 13px Oswald; letter-spacing: .08em; }.champion-wait { margin-top: 22px; color: #fff !important; }.league-champion { background: radial-gradient(circle at 50% 15%,#075bb5,#031a3b 58%); }
.champion-squad { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(6,1fr); gap: 7px; max-width: 920px; margin: 0 auto; }
.champion-squad div { min-width: 0; padding: 9px 5px; border: 1px solid #ffffff24; background: #ffffff10; }
.champion-squad i { display: block; color: #ffdf00; font: 600 9px Oswald; font-style: normal; }.champion-squad b { display: block; overflow: hidden; font: 600 11px Oswald; text-overflow: ellipsis; white-space: nowrap; }.champion-squad small { color: #9baba5; font-size: 7px; }
.champion-confetti { position: absolute; inset: 0; pointer-events: none; }
.champion-confetti i { position: absolute; top: -14px; left: var(--x); width: 7px; height: 13px; background: hsl(var(--hue),90%,60%); animation: confetti-fall var(--fall) linear var(--delay) infinite; }
.champion-close { position: fixed; z-index: 5; top: 18px; right: 22px; width: 44px; height: 44px; border: 1px solid #ffffff66; border-radius: 50%; background: #061713cc; color: #fff; font: 300 30px/1 DM Sans; cursor: pointer; }
.champion-close:hover { background: #ffdf00; color: #061713; }
.mp-penalty-overlay { position: fixed; z-index: 1300; inset: 0; display: grid; place-items: center; padding: 20px; background: #020b08e8; backdrop-filter: blur(8px); }
.penalty-board { width: min(680px,100%); padding: 28px; border: 3px solid #ffdf00; background: linear-gradient(145deg,#0d3328,#061713); color: #fff; box-shadow: 0 30px 80px #000b; text-align: center; }
.penalty-board > small { color: #ffdf00; font-size: 8px; font-weight: 700; letter-spacing: .22em; }.penalty-board h2 { margin: 5px 0; font: 600 clamp(25px,5vw,43px) Oswald; text-transform: uppercase; }
.penalty-score { font: 600 clamp(55px,10vw,90px) Oswald; color: #c7ff38; line-height: 1.05; }.penalty-board > strong { display: block; min-height: 22px; margin-bottom: 16px; color: #fff; font: 600 13px Oswald; letter-spacing: .08em; }
.penalty-taker { display: block; min-height: 26px; margin: -10px 0 12px; color: #ffdf00; font: 600 18px Oswald; text-transform: uppercase; }
.penalty-team { display: grid; grid-template-columns: minmax(110px,1fr) 2fr; align-items: center; gap: 12px; padding: 9px; border-top: 1px solid #ffffff1c; text-align: left; }.penalty-team > span { overflow: hidden; font: 600 14px Oswald; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.penalty-kicks { display: flex; flex-wrap: wrap; gap: 5px; }.penalty-kicks i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #fff; font: 700 14px Oswald; font-style: normal; animation: penalty-mark .3s ease both; }.penalty-kicks i.goal { background: #29a85d; }.penalty-kicks i.miss { background: #df4d3c; }
.penalty-goal { position: relative; width: 150px; height: 62px; margin: 22px auto 0; border: 3px solid #fff; border-bottom: 0; }.penalty-goal i { position: absolute; inset: 6px; background: repeating-linear-gradient(45deg,#ffffff18 0 2px,transparent 2px 9px); }.penalty-goal b { position: absolute; left: 50%; bottom: -9px; font-size: 22px; transform: translateX(-50%); }.penalty-goal b.charging { animation: penalty-charge .42s ease-in both; }.penalty-goal b.goal { animation: penalty-goal .45s ease-out both; }.penalty-goal b.miss { animation: penalty-miss .45s ease-out both; }
@keyframes penalty-mark { from { opacity: 0; transform: scale(.2); } }@keyframes penalty-charge { to { transform: translate(-50%,-25px) scale(.75); } }@keyframes penalty-goal { from { transform: translate(-50%,-25px); }to { transform: translate(35px,-52px) scale(.7); } }@keyframes penalty-miss { from { transform: translate(-50%,-25px); }to { transform: translate(75px,-75px) scale(.65); opacity: .45; } }
@keyframes champion-glow { to { box-shadow: inset 0 0 45px #ffdf001b,0 0 20px #ffdf0040; } }
@keyframes trophy-rise { from { opacity: 0; transform: translateY(28px) scale(.75) rotate(-7deg); } }
@keyframes confetti-fall { to { transform: translateY(430px) rotate(580deg); } }

@media (max-width: 900px) {
  .mp-lottery-order { grid-template-columns: repeat(2, 1fr); }
  .mp-reveal-content { grid-template-columns: 1fr; }
  .mp-live-layout { grid-template-columns: 1fr; }
  .mp-cup-layout { grid-template-columns: 1fr; }
  .mp-draft-layout .player-cards { grid-template-columns: repeat(3,1fr); }
  .blind .mp-draft-layout .player-cards { grid-template-columns: repeat(4,1fr); }
  .mp-pick-history { grid-template-columns: repeat(3,1fr); }
  .champion-squad { grid-template-columns: repeat(3,1fr); }
  .mp-penalty-order { grid-template-columns: 1fr 1fr; }.mp-penalty-order h3,.mp-penalty-order p,.mp-penalty-order button { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .bra-brand { gap: 9px; }
  .bra-logo { width: 96px; height: 48px; flex: 0 0 96px; }
  .bra-logo img { width: 100%; height: 100%; margin: 0; }
  .mp-lottery-order { grid-template-columns: 1fr; }
  .mp-reveal-list { grid-template-columns: 1fr; }
  .mp-reveal-pitch { min-height: 470px; }
  .mp-draft-layout .player-cards { grid-template-columns: repeat(2,1fr); }
  .blind .mp-draft-layout .player-cards { grid-template-columns: repeat(2,1fr); }
  .mp-draft-layout > .mp-panel:last-child { padding-left: 10px; padding-right: 10px; }
  .mp-draft-layout .player-card { min-height: 224px; padding: 9px; }
  .mp-draft-layout .player-card .card-top { min-height: 40px; padding-right: 31px; }
  .mp-draft-layout .player-card .card-rating { font-size: 19px; }
  .mp-draft-layout .player-card .card-era { font-size: 6px; letter-spacing: .08em; white-space: nowrap; }
  .mp-draft-layout .player-card .club-crest.has-logo { top: 6px; right: 6px; width: 31px; height: 35px; }
  .mp-draft-layout .player-card .avatar { height: 60px; }
  .mp-draft-layout .player-card .avatar-circle { width: 50px; height: 50px; }
  .mp-draft-layout .player-card h3 { min-height: 29px; margin-top: 3px; font-size: 13px; }
  .mp-draft-layout .player-card .club { min-height: 24px; font-size: 7px; }
  .blind .mp-draft-layout .player-card { min-height: 112px; padding: 9px 55px 9px 9px; justify-content: center; }
  .blind .mp-draft-layout .player-card .card-top { min-height: 27px; padding: 0; }
  .blind .mp-draft-layout .player-card h3 { min-height: auto; font-size: 12px; }
  .blind .mp-draft-layout .player-card .club-crest.has-logo { top: 7px; right: 51px; width: 25px; height: 29px; }
  .blind .mp-draft-layout .player-card .avatar { right: 5px; width: 44px; height: 44px; }
  .blind .mp-draft-layout .player-card .avatar-circle { width: 40px; height: 40px; }
  .mp-my-team-bar { grid-template-columns: 1fr; padding-left: 12px; padding-right: 12px; }
  .mp-pick-history { grid-template-columns: repeat(2,1fr); }
  .champion-squad { grid-template-columns: repeat(2,1fr); }
}

/* Tema claro/escuro */
.danger-button { width: 100%; margin-top: 10px; display: flex; justify-content: space-between; padding: 13px 16px; border: 1px solid #c94d3d; background: transparent; color: #b83e30; font: 700 9px DM Sans; letter-spacing: .12em; cursor: pointer; }
.danger-button:hover { background: #c94d3d; color: #fff; }
.finish-home-button { width: min(360px,100%); margin: 22px auto 0; display: flex; justify-content: space-between; padding: 16px 20px; border: 0; background: #061713; color: #c7ff38; font: 700 11px DM Sans; letter-spacing: .12em; cursor: pointer; }
.league-continue { background: linear-gradient(90deg,#003c8f,#075bb5); color: #fff; border-bottom: 4px solid #f1ce00; }.league-continue-hint { margin: 20px 0 0; text-align: center; color: #64736d; font-size: 10px; }
.champion-home { position: relative; z-index: 4; width: min(360px,90%); margin: 25px auto 0; display: flex; justify-content: space-between; padding: 15px 18px; border: 1px solid #ffdf00; background: #ffdf00; color: #061713; font: 700 10px DM Sans; letter-spacing: .12em; cursor: pointer; }
.header-actions { display: flex; align-items: center; gap: 16px; }
.theme-toggle { position: relative; width: 70px; height: 36px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 3px; border: 1px solid var(--line); border-radius: 22px; background: #fff; color: #52605c; cursor: pointer; box-shadow: 0 5px 14px rgba(6,23,19,.08); }
.theme-toggle:before { content: ''; position: absolute; width: 28px; height: 28px; left: 3px; top: 3px; border-radius: 50%; background: #ffe06a; transition: transform .25s ease,background .25s ease; }
.theme-toggle span { position: relative; z-index: 1; display: grid; place-items: center; font-size: 16px; line-height: 1; }
html[data-theme="dark"] { color-scheme: dark; --paper:#07110f; --white:#10201c; --muted:#9aaba4; --line:rgba(226,240,234,.16); }
html[data-theme="dark"] .theme-toggle { background: #10201c; color: #dce7e2; }
html[data-theme="dark"] .theme-toggle:before { background: #29483f; transform: translateX(34px); }
html[data-theme="dark"] body { background: #07110f; color: #e8f1ed; }
html[data-theme="dark"] .site-header { background: #0a1714; }
html[data-theme="dark"] .brand { color: #f1f6f4; }
html[data-theme="dark"] .hero-copy h1 em { -webkit-text-stroke-color: #e8f1ed; }
html[data-theme="dark"] .hero-lead,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .label,html[data-theme="dark"] .pitch-help,html[data-theme="dark"] .mp-rules p { color: #a6b6b0; }
html[data-theme="dark"] .setup-card,html[data-theme="dark"] .result-panel,html[data-theme="dark"] .mp-entry-card,html[data-theme="dark"] .mp-panel { background: #10201c; color: #e8f1ed; box-shadow: 0 18px 45px #0005; }
html[data-theme="dark"] .formation-options button,html[data-theme="dark"] .mp-pane input,html[data-theme="dark"] .mp-pane select { background: #172a25; color: #e8f1ed; }
html[data-theme="dark"] .lineup-panel { background: #0d1b18; }
html[data-theme="dark"] .pack-panel,html[data-theme="dark"] .results-view,html[data-theme="dark"] .multiplayer-view { background: #07110f; }
html[data-theme="dark"] .mp-entry { background: linear-gradient(120deg,#061713 0 48%,#07110f 48%); }
html[data-theme="dark"] .panel-title { border-color: #d9e6e1; }
html[data-theme="dark"] .secondary-button,html[data-theme="dark"] .outline-button { border-color: #d9e6e1; color: #e8f1ed; }
html[data-theme="dark"] .secondary-button:hover,html[data-theme="dark"] .outline-button:hover { background: #c7ff38; color: #061713; }
html[data-theme="dark"] .table-row,html[data-theme="dark"] .scorer-row,html[data-theme="dark"] .fixture,html[data-theme="dark"] .mp-player,html[data-theme="dark"] .mp-mini-player,html[data-theme="dark"] .mp-ranking-row { border-color: #263a34; }
html[data-theme="dark"] .table-row.user-team,html[data-theme="dark"] #mpSeason .table-row.user-team,html[data-theme="dark"] .mp-result.mine { background: #214c3e; color: #fff; }
html[data-theme="dark"] .squad-row,html[data-theme="dark"] .mp-slot,html[data-theme="dark"] .pick-history-item { background: #172a25; color: #e8f1ed; }
html[data-theme="dark"] .mp-my-team-bar { background: #0d1b18; border-color: #263a34; }
html[data-theme="dark"] .mp-my-team-slot,html[data-theme="dark"] .mp-lottery-item,html[data-theme="dark"] .mp-reveal-tabs button,html[data-theme="dark"] .mp-reveal-list div { background: #172a25; color: #e8f1ed; border-color: #31463f; }
html[data-theme="dark"] .mp-reveal-reserves button,html[data-theme="dark"] .trade-inbox,html[data-theme="dark"] .trade-builder,html[data-theme="dark"] .trade-log { background: #172a25; color: #e8f1ed; border-color: #31463f; }
html[data-theme="dark"] .trade-builder select { background: #0d1b18; color: #e8f1ed; border-color: #3b5049; }
html[data-theme="dark"] .mp-lottery-item.mine,html[data-theme="dark"] .mp-last-pick { background: #284c27; color: #fff; }
html[data-theme="dark"] .pick-history-item.mode-auto { background: #3a211d; }
html[data-theme="dark"] .selection-hint { background: #172a25; color: #bac8c3; }
html[data-theme="dark"] .slot.filled .slot-node { background: #10201c; color: #e8f1ed; }
html[data-theme="dark"] #mpSeason { background: linear-gradient(135deg,#071525,#07110f 52%,#191707); }
html[data-theme="dark"] #mpCup { background: linear-gradient(135deg,#071525,#07110f 48%,#071a10); }
html[data-theme="dark"] .cup-match,html[data-theme="dark"] .cup-pair { background: #14241f; color: #e8f1ed; border-color: #2b4039; }
html[data-theme="dark"] .cup-pair.pair-complete { background: #363313; }
html[data-theme="dark"] .cup-match.mine,html[data-theme="dark"] #mpCup .cup-match.mine,html[data-theme="dark"] #mpCup .mp-cup-featured .cup-match { background: #183c2f; color: #fff; }
html[data-theme="dark"] .cup-qualified,html[data-theme="dark"] .cup-draw-remaining { background: #172a25; color: #c5d1cd; }
html[data-theme="dark"] .live-lineup-cols span { background: #173126; color: #e8f1ed; }
html[data-theme="dark"] .live-lineup-cols > div:last-child span { background: #35291d; }
html[data-theme="dark"] .mp-game-live,html[data-theme="dark"] .mp-result { color: #e8f1ed; }
html[data-theme="dark"] .mp-waiting { color: #9aaba4; }
html[data-theme="dark"] input,html[data-theme="dark"] select { color-scheme: dark; }
html[data-theme="dark"] #clubName { color: #e8f1ed; border-color: #d9e6e1; }
@media (max-width:620px) { .header-actions { gap: 8px; }.theme-toggle { width: 64px; }.theme-toggle:before { width: 26px; height: 26px; top: 4px; }html[data-theme="dark"] .theme-toggle:before { transform: translateX(31px); }.mp-reveal-reserves,.mp-trade-panel { grid-template-columns: 1fr; }.trade-log { grid-column: auto; } }