/* C# client skill component presentation, namespaced for Laravel. */
.mg-csharp-skill-progress-row{margin:14px 0}.mg-csharp-skill-progress-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.mg-csharp-skill-progress-title small{font-size:11px;font-weight:400}.mg-csharp-skill-segments{display:flex;width:100%;height:27px;border:3px solid #08224a;border-radius:9px;overflow:hidden;background:#ccc;box-shadow:2px 3px 0 #08224a}.mg-csharp-skill-segments:focus-visible{outline:3px solid #ffc51a;outline-offset:3px}.mg-csharp-skill-segments>span{flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;border-right:1px solid #08224a;box-sizing:border-box}.mg-csharp-segment-earned{background:#075fcb;color:white}.mg-csharp-segment-youth{background:#ffc51a;color:#08224a}.mg-csharp-segment-training{background:#18bd38;color:#08224a}.mg-csharp-segment-free{background:#a436df;color:white}.mg-csharp-segment-locked{background:repeating-linear-gradient(135deg,#7c8795 0,#7c8795 5px,#b3bac4 5px,#b3bac4 10px);color:#08224a}.mg-csharp-skill-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px}.mg-csharp-skill-legend>span{display:flex;align-items:center;gap:5px}.mg-csharp-skill-legend i{width:18px;height:18px;border:2px solid #08224a;border-radius:4px}.mg-csharp-skill-progress-row b{white-space:nowrap}@media(max-width:480px){.mg-csharp-skill-progress-title{font-size:12px}.mg-csharp-skill-progress-title small{font-size:9px}.mg-csharp-skill-segments{height:25px}}

.mg-csharp-segment-unknown{background:#fff5cc;color:#08224a}

.mg-csharp-skill-cluster-grid{display:grid;gap:16px;margin:20px 0}.mg-csharp-skill-cluster-row{min-width:0}.mg-csharp-skill-cluster-row>h3{margin:0 0 8px;font-size:1rem;color:var(--gold,#ffc51a)}.mg-csharp-skill-cluster-row>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mg-csharp-skill-cluster-row .mg-csharp-skill-progress-row{margin:0;min-width:0}.mg-csharp-skill-cluster-row .mg-csharp-skill-progress-title{flex-wrap:wrap;gap:3px 8px}.mg-csharp-skill-cluster-row .mg-csharp-skill-progress-title small{display:block}.mg-csharp-player-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mg-csharp-player-condition-grid label{min-width:0}.mg-csharp-player-condition-grid meter{display:block;width:100%;margin-top:6px}
@media(max-width:680px){.mg-csharp-skill-cluster-row>div{grid-template-columns:1fr;gap:14px}.mg-csharp-player-condition-grid{gap:9px;font-size:.82rem}}

.mg-csharp-skill-allocation{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:end;min-width:0}.mg-csharp-skill-point-controls{display:flex;flex-direction:column;align-items:center;gap:3px}.mg-csharp-skill-point-controls>button{width:34px;height:34px;min-height:34px;padding:0;border:2px solid #071f46;border-radius:10px;background:#ffc51a;color:#071f46;font-size:24px;line-height:1;box-shadow:0 2px 0 #071f46}.mg-csharp-skill-point-controls>.mg-csharp-skill-point-undo{height:24px;min-height:24px;font-size:18px}.mg-csharp-skill-point-controls small{color:#ffc51a;font-weight:900;font-size:11px}.mg-csharp-skill-draft-summary{color:#ffc51a;font-weight:800}

/* Reserve undo space so repeated clicks never move the plus button. */
.mg-csharp-skill-allocation{grid-template-columns:minmax(0,1fr) 72px}.mg-csharp-skill-point-controls{position:relative;display:block;width:72px;height:34px}.mg-csharp-skill-point-controls>button:first-child{position:absolute;right:0;bottom:0}.mg-csharp-skill-point-controls>.mg-csharp-skill-point-undo{position:absolute;left:0;bottom:0;height:34px;min-height:34px}.mg-csharp-skill-point-controls small{position:absolute;right:0;bottom:38px;white-space:nowrap}

.mg-csharp-skill-points-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.mg-csharp-skill-points-summary>span:last-child{margin-left:auto;font-size:12px}

.mg-fine-tactics{grid-column:1/-1;display:grid;gap:12px;min-width:0}.mg-fine-tactics fieldset{min-width:0;margin:0}.mg-fine-tactics input[type="range"]{display:block;width:100%;accent-color:#ffc51a}.mg-fine-tactics output{font-weight:800;font-variant-numeric:tabular-nums}.mg-fine-tactics small{display:block}


/* Daily attempts can be resumed but never manually consumed. */
[data-play-mode="daily"] .mg-abort { display: none !important; }

.mg-position-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mg-position-learning-card{display:grid;gap:7px;padding:12px;background:#084796;border:3px solid #062859;border-radius:14px;color:white}.mg-position-learning-card>strong{color:#ffd329}.mg-position-learning-card meter{width:100%;accent-color:#ffd329}.mg-position-learning-card>small{font-size:.75rem}@media(max-width:500px){.mg-position-learning-grid{grid-template-columns:1fr}}

.mg-csharp-segment-potential{background:#a436df;color:white}

.mg-skill-budget-radar{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);gap:16px;align-items:center}.mg-skill-budget-radar svg{display:block;width:100%;height:auto}.mg-skill-budget-radar dl{margin:0;min-width:0}.mg-skill-budget-radar dd{margin:0 0 8px;font-size:12px}.mg-skill-budget-radar .mg-csharp-skill-legend{grid-column:1/-1}.mg-skill-budget-radar.is-compact{display:block;width:100%;height:100%}.mg-skill-budget-radar.is-compact svg{height:100%}@media(max-width:600px){.mg-skill-budget-radar{grid-template-columns:1fr}.mg-skill-budget-radar>svg{max-width:260px;margin:auto}}

body.mg-theme-bso .mg-lineup-roster-player{display:grid;grid-template-columns:64px 64px minmax(0,1fr);gap:12px}.mg-lineup-roster-face img,.mg-lineup-bench-visual>img{width:100%;height:100%;object-fit:contain}.mg-lineup-roster-radar{width:64px;height:64px}body.mg-theme-bso :is(.mg-lineup-roster-player,.mg-form-grid) :is(.mg-lineup-roster-face,.mg-lineup-bench-visual){width:64px;height:64px;padding:0;border:3px solid #08224a;border-radius:50%;box-shadow:0 0 0 2px #ffc51a;background:#073879;touch-action:none}.mg-lineup-player-marker{touch-action:none}.mg-lineup-radar-visual{display:block;width:100%;aspect-ratio:1;position:absolute;inset:0}.mg-lineup-radar-visual[hidden]{display:none}.mg-lineup-player-caption{position:relative;z-index:2}.mg-lineup-drag-ghost{position:fixed;z-index:90;pointer-events:none;transform:translate(-50%,-120%);padding:8px;border:2px solid #08224a;border-radius:12px;background:#ffc51a;color:#071f46}.mg-lineup-view-switch{display:flex;align-items:center;gap:12px;margin-bottom:12px}body.mg-theme-bso .mg-lineup-roster-face[aria-pressed=true]{outline:3px solid white;outline-offset:3px}@media(max-width:480px){body.mg-theme-bso .mg-lineup-roster-player{grid-template-columns:48px 48px minmax(0,1fr);gap:8px}body.mg-theme-bso .mg-lineup-roster-face,.mg-lineup-roster-radar{width:48px;height:48px}}

body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-player-marker{position:relative;overflow:visible;padding:0;background:transparent;border-radius:50%}.mg-lineup-v2-pitch .mg-lineup-player-portrait-wrap{display:block;aspect-ratio:1}.mg-lineup-v2-pitch .mg-lineup-player-face{width:100%;height:100%;object-fit:contain}.mg-lineup-v2-pitch .mg-lineup-radar-visual{height:auto;bottom:auto;pointer-events:none}

.mg-scout-estimate{height:27px;position:relative;overflow:hidden;background:#073879;border:2px solid #80b3eb;border-radius:8px}.mg-scout-estimate>span{position:absolute;inset-block:0;background:#ffc51a;border-inline:1px solid #071f46}

/* Keep portrait/radar tokens circular and captions legible at phone widths. */
body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-slot{width:17%;min-width:0;max-width:76px;height:auto;aspect-ratio:1}
body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-slot .mg-lineup-player-marker{display:block;width:100%;height:100%;min-height:0;aspect-ratio:1;padding:0;border:3px solid #08224a;border-radius:50%;background:#073879;box-shadow:0 0 0 2px #ffc51a;transform:none}
body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-player-portrait-wrap{width:100%;height:100%;border-radius:50%;overflow:hidden}
body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-player-caption{position:absolute;inset:auto -10px -12px;display:block;line-height:1.1}
body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-slot-nameplate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px;background:#ffc51a;color:#071f46;border:1px solid #071f46;border-radius:5px;font-size:10px}
body.mg-theme-bso .mg-lineup-v2-pitch .mg-lineup-slot-rating-badge{position:absolute;right:0;bottom:18px;border-radius:50%;background:#0c52ac;color:#fff;border:1px solid #ffc51a;padding:3px;font-size:10px}
body.mg-theme-bso .mg-lineup-v2-pitch [hidden]{display:none!important}