/* Baller (football fork of MatchPoint, 11 Nov 2026): what football adds on top of the MatchPoint look */
/* the pitch question (lessons): a pitch from above, tap A, B or C */
.pq { margin: 6px auto 0; max-width: 340px; }
.pitchq { display: block; width: 100%; max-height: 52vh; border-radius: 16px; box-shadow: 0 3px 0 rgba(15, 60, 30, .18); }
.pitchq .spot { cursor: pointer; }
.pitchq .spot.gone { opacity: .25; pointer-events: none; }
.pq-key { display: flex; justify-content: center; gap: 14px; margin-top: 8px; font: 800 12px Nunito, sans-serif; color: #475569; }
.pq-key span { display: inline-flex; align-items: center; gap: 5px; }
.pq-key i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
/* football games in a frame (fbgames.js) */
.ghost-host>iframe.fbg{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0B1B2B}
.fbg-pens{margin:auto;text-align:center;color:#fff;display:grid;gap:6px}
.fbg-pens b{font-size:18px;font-weight:800;opacity:.8}.fbg-pens span{font-size:34px;font-weight:900}
.jx-wl.d{background:#94A3B8;box-shadow:0 3px 0 #64748B}
/* 12 Nov: match goals (match.js) + the Journal's season card */
.gl-c{display:grid;gap:10px}
.gl-ci{padding:12px;border:2px solid #EFEFF2;border-radius:16px}.gl-ci.on{border-color:#BFE8CF;background:#F3FBF6}
.gl-ci>b{display:block;margin-bottom:8px;font:900 16px Nunito,system-ui,sans-serif;color:#1A1D2B}
.gl-n{display:flex;flex-wrap:wrap;gap:8px}
.gl-n button{display:flex;align-items:center;gap:6px;padding:9px 14px;border:2px solid #E3E3E8;border-radius:99px;background:#fff;font:800 14.5px Nunito,system-ui,sans-serif;color:#3B3F52;cursor:pointer}
.gl-n button.on{border-color:#3CB96B;background:#3CB96B;color:#fff}.gl-n button svg{width:16px;height:16px}
.gl-m{display:grid;gap:10px}
.gl-m button{display:flex;gap:12px;padding:12px 14px;border:2px solid #E3E3E8;border-radius:16px;background:#fff;text-align:left;cursor:pointer}
.gl-m button.on{border-color:#6A3DF0;background:#F6F2FF}
.gl-m i{flex:none;display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border:2.5px solid #D5D5DC;border-radius:50%;color:#fff}
.gl-m button.on i{border-color:#6A3DF0;background:#6A3DF0}.gl-m i svg{width:16px;height:16px}
.gl-m b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#1A1D2B}.gl-m small{display:block;margin-top:3px;font:600 14px/1.4 Nunito,system-ui,sans-serif;color:#4E5366}
.gl-row{display:flex;align-items:center;gap:12px;padding:9px 0}
.gl-row i{flex:none;display:grid;place-items:center;width:30px;height:30px;border:2.5px solid #D5D5DC;border-radius:50%;color:#fff}
.gl-row.ok i{border-color:#22B573;background:#22B573}.gl-row.half i{border-color:#F2B33D;background:#FFF5DE}.gl-row i svg{width:16px;height:16px}
.gl-row b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#1A1D2B}.gl-row small{display:block;font:700 13px Nunito,system-ui,sans-serif;color:#6B7080}
.gl-done{text-align:center}.gl-done>img{width:150px;margin:0 auto 8px;display:block}.gl-done .gl-row{justify-content:flex-start;text-align:left;max-width:320px;margin:0 auto}
.gl-cue{margin:14px 0;padding:16px;border-radius:18px;background:#1F2433;color:#fff}
.gl-cue small{display:block;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#FFD66B}
.gl-cue b{display:block;margin:6px 0;font:900 26px/1.15 Nunito,system-ui,sans-serif}.gl-cue p{margin:0;font:600 14.5px/1.4 Nunito,system-ui,sans-serif;color:#D5D8E3}
.jx-stats span.d b{color:#8A8F9E}
.jx-season{margin:14px 0;padding:16px;border-radius:20px;background:linear-gradient(160deg,#1E3A6E,#2D5596);color:#fff}
.jx-sh{display:flex;align-items:baseline;justify-content:space-between}.jx-sh b{font:900 18px Nunito,system-ui,sans-serif}.jx-sh small{font:700 13px Nunito,system-ui,sans-serif;color:#C9D8F5}
.jx-st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.jx-st span{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:14px;background:rgba(255,255,255,.12);font:800 11.5px Nunito,system-ui,sans-serif;color:#DCE6FA;text-align:center}
.jx-st b{font:900 24px Nunito,system-ui,sans-serif;color:#fff}
.jx-sl{margin:10px 0 0;font:700 14px Nunito,system-ui,sans-serif;color:#E6EDFB}.jx-sl b{color:#FFD66B}
.jx-sb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.jx-sb .b3{margin:0;font-size:14px;padding:10px 8px}
.jx-sb .b3.ghost{background:transparent;border-color:rgba(255,255,255,.5);color:#fff;box-shadow:none}
.jn .jx-season .jx-sh b{color:#fff}