/* 13 Nov: Parent and Club modes (roles.js). Built on the coach app's pieces (coach.css, teamfeed.css): white pages, soft panels,
   Baller orange for matches, kit blue for training, dark pill buttons. Everything here starts with rx-. */
html.rxmode #app{background:#fff}
.rx{padding-bottom:10px}
.rx h1{margin:0;font:900 28px/1.1 Nunito,system-ui,sans-serif;color:#1D1D27;letter-spacing:-.01em}
.rx-top{margin:4px 0 14px}.rx-top h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-top>div{min-width:0;flex:1}
.rx-top .rl-b{margin-left:auto}
.rl-b img.rx-crest{object-fit:contain;background:none;border-radius:0}
img.rx-crest{object-fit:contain!important;background:none!important;border-radius:0!important}
.rx-sec{margin:22px 0 8px;font:900 13px Nunito,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9A9AA6}
.rx-note{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:#F6F7F9;font:700 13.5px/1.35 Nunito,system-ui,sans-serif;color:#6B6B76}.rx-note svg{flex:none;width:18px;height:18px;color:#9A9AA6}
.rx-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:8px;border:2px solid #ECECF1;border-radius:14px;background:#fff;font:900 14.5px Nunito,system-ui,sans-serif;color:#2E2E36;cursor:pointer}.rx-more svg{width:16px;height:16px;color:#EE7F00}

/* kid chips (Everyone · Danny · Bella) */
.rx-kids{display:flex;gap:8px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}.rx-kids::-webkit-scrollbar{display:none}
.rx-kids button{flex:none;display:flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 6px;border:2px solid #ECECF1;border-radius:20px;background:#fff;font:800 14.5px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.rx-kids button:first-child:not(:has(img)){padding-left:14px}
.rx-kids img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#F1F2F6}
.rx-kids button.on{border-color:#2E2E36;background:#2E2E36;color:#fff}

/* Next up (feed.css .cl-nx) with each child's answer */
.rx-nx{margin-top:0}
.rx-nxw{flex-wrap:wrap;gap:8px 14px!important}
.rx-av{display:inline-flex;align-items:center;gap:6px}.rx-av img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff}.rx-av b{font:900 14.5px Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;background:color-mix(in srgb,var(--tc) 12%,#fff);font:900 12px Nunito,system-ui,sans-serif;font-style:normal;color:var(--tc);white-space:nowrap}
.rx-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cd-row>.rx-tags{flex:none;margin:0;flex-direction:column;align-items:flex-end}

/* Needs you: a bold short line, a quiet sentence, a dark button */
.rx-ny{margin-top:14px}
.rx-nyr span{display:flex;flex-direction:column;gap:2px;min-width:0}.rx-nyr span b{font:900 15px/1.25 Nunito,system-ui,sans-serif;color:#1D1D27}.rx-nyr span small{font:700 13px/1.3 Nunito,system-ui,sans-serif;color:#8A7A66}
.rx-nyr .rx-b2{background:#fff!important;color:#2E2E36!important;border:2px solid #F0DCC0!important;height:36px}
.cm-ok b svg{stroke:#167A43}

/* rows (coach.css .cd-row) */
.rx-row{gap:12px}
.rx-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--ic) 12%,#fff);color:var(--ic)}.rx-ic svg{width:22px;height:22px}
.rx-rav{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#F1F2F6}
.rx-d{background:color-mix(in srgb,var(--ec) 11%,#fff)!important;color:var(--ec)!important}
.rx-d .rx-ko{font-size:15px!important;letter-spacing:-.02em}
.rx-tcr{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--tc);color:#fff;font:900 19px Nunito,system-ui,sans-serif}

/* the last result + the car ride home */
.rx-res{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:20px;background:#EEF3FF}
.rx-resl{flex:1;min-width:0}.rx-resl i{display:block;font:900 12px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#2F6BFF}
.rx-resl b{display:block;margin-top:2px;font:900 19px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-resl small{display:block;margin-top:2px;font:700 13.5px/1.35 Nunito,system-ui,sans-serif;color:#4B4B55}
.rx-res button{flex:none;height:38px;padding:0 16px;border:0;border-radius:12px;background:#2F6BFF;color:#fff;font:900 14px Nunito,system-ui,sans-serif;cursor:pointer}
.rx-car{margin-top:14px;padding:14px 16px 8px;border-radius:20px;background:#F4EFFF}
.rx-carh{display:flex;align-items:center;gap:12px;margin-bottom:6px}.rx-carh img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff}
.rx-carh i{display:block;font:900 12px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#7B3FE4}
.rx-carh b{display:block;font:900 18px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-carh small{display:block;font:700 13px/1.35 Nunito,system-ui,sans-serif;color:#5E5872}
.rx-q{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border:0;border-top:1.5px solid #E6DCFA;background:none;text-align:left;font:800 15px/1.3 Nunito,system-ui,sans-serif;color:#2E2E36;cursor:pointer}
.rx-q i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;font:900 13px Nunito,system-ui,sans-serif;font-style:normal;color:#7B3FE4}
.rx-q.on{color:#8A8496;text-decoration:line-through;text-decoration-color:#C9BDEB}.rx-q.on i{background:#7B3FE4;color:#fff}.rx-q i svg{width:15px;height:15px}

/* this week, one card per child */
.rx-wk{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.rx-wkc{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border:2px solid #ECECF1;border-radius:18px;background:#fff;text-align:left;cursor:pointer}
.rx-wkc img{width:40px;height:40px;margin-bottom:6px;border-radius:50%;object-fit:cover;background:#F1F2F6}.rx-wkc b{font:900 16px Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-wkc small{font:800 12.5px Nunito,system-ui,sans-serif;color:#9A9AA6}.rx-wkc span{margin-top:6px;font:700 13px Nunito,system-ui,sans-serif;color:#4B4B55}

/* news */
.rx-news{margin-top:10px;padding:14px 16px;border-radius:20px;background:#F7F8FB}
.rx-nh{display:flex;align-items:center;gap:10px}.rx-nh img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff}
.rx-nh b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-nh small{display:block;font:700 12.5px Nunito,system-ui,sans-serif;color:#9A9AA6}
.rx-nt{display:block;margin:10px 0 4px;font:900 17px/1.25 Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-news p{margin:0;font:700 14.5px/1.45 Nunito,system-ui,sans-serif;color:#4B4B55}
.rx-npic{display:block;width:100%;max-height:170px;margin-top:10px;border-radius:14px;object-fit:cover;background:#fff}.rx-npic.big{max-height:240px;margin:6px 0 10px}
.rx-rx{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rx-rx button{height:34px;padding:0 12px;border:2px solid #E6E7EE;border-radius:17px;background:#fff;font:800 14px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.rx-rx button.on{border-color:#F08A00;background:#FFF4E6;color:#B25E00}
.rx-rx .rx-tell{margin-left:auto;border:0;background:none;color:#2F6BFF;font-weight:900;padding:0 4px}

/* calendar */
.rx-keys{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 4px;font:800 12.5px Nunito,system-ui,sans-serif;color:#7A7A86}.rx-keys span{display:flex;align-items:center;gap:5px}.rx-keys i{width:9px;height:9px;border-radius:50%}
.rx-ev.off{opacity:.55}.rx-ev.off b{text-decoration:line-through}
.rx-evk{display:flex;align-items:center;gap:6px;margin-top:7px}.rx-evk>span{position:relative}.rx-evk img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#F1F2F6}
.rx-evk u{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#2F6BFF;color:#fff;font:900 9px Nunito,sans-serif;text-decoration:none}
.rx-evk u svg{width:9px;height:9px;stroke-width:4}.rx-evk u.out{background:#9A9AA6}.rx-evk u.maybe{background:#EE7F00}
.rx-evk em{font:800 12.5px Nunito,system-ui,sans-serif;font-style:normal;color:#C25E00}
.rx-addcal{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:14px;border:2px dashed #E1E2E9;border-radius:18px;background:#fff;text-align:left;cursor:pointer}
.rx-addcal svg{flex:none;width:24px;height:24px;color:#2F6BFF}.rx-addcal b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-addcal small{display:block;font:700 13px Nunito,system-ui,sans-serif;color:#8A8A96}

/* sheets */
.rx-sh .rx-k{display:block;margin-bottom:4px;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9A9AA6}
.rx-sh input:not([type=checkbox]),.rx-sh textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #E6E7EE;border-radius:14px;background:#F8F8FA;font:700 15.5px Nunito,system-ui,sans-serif;color:#1D1D27;outline:none;resize:vertical}
.rx-sh input:focus,.rx-sh textarea:focus{border-color:#F08A00;background:#fff}
.rx-dl{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px;padding:14px;border-radius:16px;background:#F7F8FB}
.rx-dl span{display:flex;align-items:center;gap:10px}.rx-dl svg{flex:none;width:20px;height:20px;color:#EE7F00}.rx-dl b{flex:1;font:800 15px/1.3 Nunito,system-ui,sans-serif;color:#2E2E36}
.rx-dl a{flex:none;font:900 14px Nunito,system-ui,sans-serif;color:#2F6BFF;text-decoration:none}
.rx-avr{display:flex;align-items:center;gap:10px;padding:8px 0}.rx-avr img{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover;background:#F1F2F6}.rx-avr>b{flex:1;font:900 15.5px Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-seg{display:flex;gap:4px;padding:3px;border-radius:13px;background:#F1F1F4}
.rx-seg button{height:34px;padding:0 12px;border:0;border-radius:10px;background:none;font:900 13.5px Nunito,system-ui,sans-serif;color:#7A7A86;cursor:pointer}
.rx-seg button.on{background:#fff;box-shadow:0 2px 0 #E3E3E8;color:#2E2E36}.rx-seg button.on.in{color:#2F6BFF}.rx-seg button.on.out{color:#4B4B55}.rx-seg button.on.maybe{color:#B25E00}
.rx-lift{padding:12px 14px;border-radius:16px;background:#FFF6EA}.rx-lift b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-lift small{display:block;font:700 13.5px/1.35 Nunito,system-ui,sans-serif;color:#7A6A55}
.rx-lift .tm-chips .rx-btn{width:auto;height:36px;margin:0;padding:0 14px;font-size:13.5px}
.rx-2{display:flex;gap:8px;margin-top:14px}.rx-2 .rx-btn{flex:1;margin:0}
.rx-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:10px;padding:0 14px;border:0;border-radius:14px;background:#2E2E36;color:#fff;font:900 15px Nunito,system-ui,sans-serif;cursor:pointer}
.rx-btn svg{width:18px;height:18px}.rx-btn.ghost{background:#fff;border:2px solid #E6E7EE;color:#2E2E36}.rx-btn.warn{background:#FFF1E6;color:#B24A00}
.rx-pay{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1.5px solid #F1F1F4;font:800 15px Nunito,system-ui,sans-serif;color:#4B4B55}.rx-pay b{color:#1D1D27}
.rx-apay{width:100%;height:52px;margin-top:6px;border:0;border-radius:14px;background:#000;color:#fff;font:600 18px -apple-system,system-ui,sans-serif;cursor:pointer}
.rx-qm{display:flex;flex-direction:column;gap:8px}.rx-qm button{padding:14px;border:2px solid #E6E7EE;border-radius:14px;background:#fff;text-align:left;font:800 15px Nunito,system-ui,sans-serif;color:#2E2E36;cursor:pointer}
.rx-qm button:active{background:#FFF4E6;border-color:#F08A00}

/* settings rows + switch */
.rx-set{border-radius:18px;background:#F7F8FB;padding:2px 14px}
.rx-sr{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1.5px solid #ECEDF2}.rx-set .rx-sr:first-child{border-top:0}
.rx-sh .rx-sr{border-top:1.5px solid #F1F1F4}
.rx-sr>span{flex:1;min-width:0}.rx-sr>span b{display:block;font:900 15px/1.3 Nunito,system-ui,sans-serif;color:#1D1D27}.rx-sr>span small{display:block;margin-top:1px;font:700 13px/1.35 Nunito,system-ui,sans-serif;color:#8A8A96}
.rx-sr .rx-btn{width:auto;height:36px;margin:0;font-size:13.5px}
.rx-sw{flex:none;position:relative;width:50px;height:30px;border:0;border-radius:15px;background:#D9DAE1;cursor:pointer;transition:background .2s}
.rx-sw i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.rx-sw.on{background:#2F6BFF}.rx-sw.on i{transform:translateX(20px)}

/* the Kids tab */
.rx-kh{display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;background:color-mix(in srgb,var(--tc) 10%,#fff)}
.rx-kh img{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 3px #fff}
.rx-kh b{display:block;font:900 21px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-kh small{display:block;margin-top:2px;font:700 13.5px/1.35 Nunito,system-ui,sans-serif;color:#4B4B55}
.rx .cd-tiles{margin-top:12px}
.rx-focus{padding:14px 16px;border-radius:18px;background:#EEF3FF}.rx-focus b{display:block;font:900 17px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-focus small{display:block;margin-top:3px;font:700 13.5px/1.4 Nunito,system-ui,sans-serif;color:#4B4B55}
.rx-me,.rx-club{display:flex;align-items:center;gap:12px;margin:0 0 6px}
.rx-me img{width:56px;height:56px;border-radius:50%}.rx-club img{width:46px;height:52px}
.rx-me b,.rx-club b{display:block;font:900 18px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-me small,.rx-club small{display:block;font:700 13.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.rx-who{margin-bottom:4px}

/* Club: the weekend card */
.rx-wknd{display:block;width:100%;margin-top:10px;padding:16px;border:0;border-radius:22px;background:#FFF4E8;text-align:left;cursor:pointer}
.rx-wkh i{display:block;font:900 12px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#C25E00}
.rx-wkh b{display:block;margin-top:3px;font:900 24px/1.15 Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-pitches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 10px}
.rx-pitches span{padding:9px 8px;border-radius:12px;background:#fff;border:2px dashed #F2DCC0}
.rx-pitches span.on{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(90deg,#4CAF63 0 8px,#5CC072 8px 16px) border-box}
.rx-pitches b{display:block;font:900 13px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-pitches small{display:block;margin-top:1px;font:800 11.5px/1.3 Nunito,system-ui,sans-serif;color:#7A6A55}
.rx-wkf{display:flex;flex-direction:column;gap:5px;padding-top:10px;border-top:1.5px solid #F6DFC2}
.rx-wkf span{display:flex;align-items:center;gap:7px;font:700 13.5px Nunito,system-ui,sans-serif;color:#4B4B55}.rx-wkf b{font-weight:900;color:#1D1D27}.rx-wkf i{flex:none;width:9px;height:9px;border-radius:50%}
.rx-wkf span.off{text-decoration:line-through;opacity:.55}
.rx-wx{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:12px;padding:14px 16px;border-radius:20px;background:#EEF3FF}
.rx-wx>svg{flex:none;width:30px;height:30px;color:#2F6BFF}.rx-wx>span{flex:1;min-width:0}.rx-wx>span b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-wx>span small{display:block;margin-top:2px;font:700 13.5px/1.35 Nunito,system-ui,sans-serif;color:#4B5470}
.rx-wx .rx-2{flex-basis:100%;margin-top:2px}.rx-wx .rx-btn{height:42px;font-size:14px}
.rx-wx.done{background:#F2F3F6}.rx-wx.done>svg{color:#4B4B55;stroke-width:3}
.rx-resl2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rx-resl2 div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px;padding:12px;border-radius:16px;background:#F7F8FB}
.rx-resl2 i{width:9px;height:9px;border-radius:50%}.rx-resl2 b{font:900 14.5px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-resl2 span{font:900 15px Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-resl2 small{grid-column:2/4;font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}

/* Club: fixtures */
.rx-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.rx-pgrid>div{display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-radius:16px;background:#F1F8F2;border:2px solid #DDEEDF}
.rx-pgrid>div>b{font:900 14px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-pgrid>div>small{margin-top:-5px;font:800 11.5px Nunito,system-ui,sans-serif;color:#5E7A64}
.rx-pgrid button{display:flex;flex-direction:column;align-items:flex-start;padding:7px 8px;border:0;border-left:4px solid var(--tc);border-radius:10px;background:#fff;font:900 12.5px Nunito,system-ui,sans-serif;color:#1D1D27;text-align:left;cursor:pointer}
.rx-pgrid button i{font:800 11.5px Nunito,system-ui,sans-serif;font-style:normal;color:#7A7A86}
.rx-pgrid em{font:700 12px Nunito,system-ui,sans-serif;font-style:normal;color:#7A9A80}
.rx-fx.off{opacity:.6}.rx-fx.off b{text-decoration:line-through}
.rx-trw{border-radius:18px;background:#F7F8FB;padding:4px 14px}
.rx-tr{display:flex;gap:12px;padding:10px 0;border-top:1.5px solid #ECEDF2}.rx-tr:first-child{border-top:0}
.rx-tr>b{flex:none;width:36px;font:900 14px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-tr>span{display:flex;flex-wrap:wrap;gap:6px}
.rx-tr em{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;background:color-mix(in srgb,var(--tc) 12%,#fff);font:800 12.5px Nunito,system-ui,sans-serif;font-style:normal;color:color-mix(in srgb,var(--tc) 80%,#000)}

/* Club: people */
.rx-join{margin:14px 0 4px;padding:14px 16px;border-radius:18px;background:#EEF9F1}.rx-join b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-join small{display:block;font:700 13.5px Nunito,system-ui,sans-serif;color:#4E6E58}
.rx-search{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:2px solid #E6E7EE;border-radius:14px;background:#F8F8FA;font:700 15.5px Nunito,system-ui,sans-serif;outline:none}
.rx-flt{margin:10px 0 6px}
.rx-cov{position:relative;overflow:hidden;margin-bottom:6px;border-radius:22px;background:#E9F3EA}
.rx-cov>img{display:block;width:100%;height:140px;object-fit:cover}
.rx-cov>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:0 16px 14px;margin-top:-26px;position:relative}
.rx-cov>span img{grid-row:1/3;width:56px;height:62px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.rx-cov b{align-self:end;padding-top:30px;font:900 19px Nunito,system-ui,sans-serif;color:#1D1D27}.rx-cov small{font:700 13px Nunito,system-ui,sans-serif;color:#5E7A64}

/* tab bar: a crest instead of the team badge on Club */
html.rxmode #app .tabs .tlogo{object-fit:contain;border-radius:0}
.rx-cf{position:absolute;top:30%;z-index:99;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:rxcf 1.4s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes rxcf{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),420px) rotate(var(--r));opacity:0}}
.who-gu .avs img{object-fit:contain;background:#F6F6F9}
.rx-hi{display:block;margin-bottom:1px;font:800 14px Nunito,system-ui,sans-serif;color:#9A9AA6}
.rx-motm{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:16px;background:#FFF4E6}
.rx-motm img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff}
.rx-motm i{display:block;font:900 11.5px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#C25E00}.rx-motm b{display:block;font:900 17px Nunito,system-ui,sans-serif;color:#1D1D27}

/* 13 Nov: Needs you, round 2 (Joshua: "the design could be a bit better"): one clean white card, a face or icon per job, round buttons */
.rx-ny2{margin-top:18px}
.rx-nyh2{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font:900 19px Nunito,system-ui,sans-serif;color:#1D1D27}
.rx-nyh2 i{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;border-radius:12px;background:#EE7F00;color:#fff;font:900 13px Nunito,system-ui,sans-serif;font-style:normal}
.rx-nyl{padding:2px 14px;border:1.5px solid #EFEFF3;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(20,24,40,.05),0 8px 24px rgba(20,24,40,.06)}
.rx-nyi{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1.5px solid #F2F2F5}.rx-nyi:first-child{border-top:0}
.rx-nyic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--ic) 12%,#fff);color:var(--ic)}.rx-nyic svg{width:22px;height:22px}
img.rx-nyic.face{border-radius:50%;object-fit:cover;background:#F1F2F6}
.rx-nyt{flex:1;min-width:0}.rx-nyt b{display:block;font:900 15.5px/1.25 Nunito,system-ui,sans-serif;color:#1D1D27}.rx-nyt small{display:block;margin-top:2px;font:700 13px/1.35 Nunito,system-ui,sans-serif;color:#8A8A96}
.rx-nyb{flex:none;display:flex;gap:6px}
.rx-go,.rx-no{height:38px;padding:0 16px;border:0;border-radius:19px;font:900 14px Nunito,system-ui,sans-serif;cursor:pointer}
.rx-go{background:#1D1D27;color:#fff}.rx-no{background:#F1F1F5;color:#4B4B55}
.rx-go:active,.rx-no:active{transform:scale(.96)}
.rx-nyi.hot{margin:0 -14px;padding:13px 14px;border-radius:20px 20px 0 0;background:#FFF4E6}.rx-nyi.hot+.rx-nyi{border-top:0}.rx-nyi.hot:only-child{border-radius:20px}
.rx-nyi.hot .rx-go{background:#EE7F00}
.rx-nyok{display:flex;align-items:center;gap:12px;padding:14px}

/* 13 Nov: match day card: the app knows from the kick-off time (before · live · half time · full time) */
.rx-md{padding:16px;border-radius:24px;background:#151A2B;color:#fff;background-image:radial-gradient(120% 90% at 50% 0%,#24304F 0%,#151A2B 70%)}
.rx-md.ph-pre{background:#FFF4E8;background-image:none;color:#1D1D27}
.rx-mdh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rx-mdl{display:inline-flex;align-items:center;gap:7px;font:900 12.5px Nunito,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#FFB54D}
.ph-pre .rx-mdl{color:#C25E00}.rx-mdh small{font:800 12.5px Nunito,system-ui,sans-serif;color:rgba(255,255,255,.6)}.ph-pre .rx-mdh small{color:#9A8670}
.rx-dot{width:9px;height:9px;border-radius:50%;background:#FF5A4E;box-shadow:0 0 0 0 rgba(255,90,78,.6);animation:rxdot 1.6s infinite}
@keyframes rxdot{0%{box-shadow:0 0 0 0 rgba(255,90,78,.6)}70%{box-shadow:0 0 0 9px rgba(255,90,78,0)}100%{box-shadow:0 0 0 0 rgba(255,90,78,0)}}
.rx-sc{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:14px 0 6px}
.rx-sc strong{display:flex;align-items:center;gap:8px;font:900 40px/1 Nunito,system-ui,sans-serif;letter-spacing:-.02em}.rx-sc strong i{font-style:normal;opacity:.45}
.rx-sc .rx-ko2{font-size:30px}
.rx-tm{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.rx-tmc{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--tc);color:#fff;font:900 20px Nunito,system-ui,sans-serif;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.rx-tm em{max-width:100%;font:900 14px/1.2 Nunito,system-ui,sans-serif;font-style:normal;overflow:hidden;text-overflow:ellipsis}
.rx-mds{margin:4px 0 0;text-align:center;font:700 13.5px Nunito,system-ui,sans-serif;color:rgba(255,255,255,.72)}.ph-pre .rx-mds{color:#7A6A55}
.rx-mdf{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1.5px solid #F4DEC2}
.rx-mdf span{display:flex;align-items:center;gap:8px;font:700 14.5px Nunito,system-ui,sans-serif;color:#4B4B55}.rx-mdf svg{flex:none;width:18px;height:18px;color:#EE7F00}
.rx-md a.rx-btn{text-decoration:none}
.rx-vote{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px 14px;border:0;border-radius:18px;background:#EE7F00;color:#fff;text-align:left;cursor:pointer;box-shadow:0 4px 0 #B85F00}
.rx-vote>svg:first-child{flex:none;width:28px;height:28px}.rx-vote>svg:last-child{flex:none;width:18px;height:18px}
.rx-vote span{flex:1}.rx-vote b{display:block;font:900 16px Nunito,system-ui,sans-serif}.rx-vote small{display:block;font:700 13px Nunito,system-ui,sans-serif;opacity:.85}
.rx-vote:active{transform:translateY(3px);box-shadow:0 1px 0 #B85F00}
.rx-pw{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.08)}
.rx-pw img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 3px #FFB54D}
.rx-pw span{flex:1;min-width:0}.rx-pw i{display:block;font:900 11.5px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#FFB54D}
.rx-pw b{display:block;font:900 19px Nunito,system-ui,sans-serif}.rx-pw small{display:block;font:700 13px Nunito,system-ui,sans-serif;color:rgba(255,255,255,.7)}
.rx-pw button{flex:none;height:34px;padding:0 12px;border:0;border-radius:17px;background:rgba(255,255,255,.14);color:#fff;font:900 13px Nunito,system-ui,sans-serif;cursor:pointer}
/* the vote sheet */
.rx-vg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 4px;margin:4px 0 2px}
.rx-vg button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border:0;border-radius:16px;background:none;cursor:pointer}
.rx-vg img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#F1F2F6;box-shadow:0 0 0 2px #fff,0 0 0 4px transparent;transition:box-shadow .15s}
.rx-vg b{font:800 13px Nunito,system-ui,sans-serif;color:#2E2E36}.rx-vg small{margin-top:-4px;font:800 11px Nunito,system-ui,sans-serif;color:#9A9AA6}
.rx-vg button.on{background:#FFF4E6}.rx-vg button.on img{box-shadow:0 0 0 2px #fff,0 0 0 4.5px #EE7F00}.rx-vg button.on b{color:#B85F00}
.rx-vg button:disabled{opacity:.4;cursor:default}

/* ---------- reaction effects (fx3d.js, 13 Nov) ---------- */
.bfx{position:absolute;inset:0;pointer-events:none;z-index:60;overflow:hidden}
.bfx-gl{position:absolute;left:0;top:0}
.bfx-sh{position:absolute;height:9px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,30,20,.55),rgba(20,30,20,0));transform:translate(-50%,-50%)}
.bfx-e{position:absolute;transform:translate(-50%,-50%);font-size:54px;line-height:1;will-change:transform}
.bfx-e i{display:block;font-style:normal}
.bfx-ball{animation:bfxBall 1.5s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes bfxBall{0%{transform:translate(-50%,-50%) scale(.33) rotate(0)}28%{transform:translate(calc(-50% + 26px),calc(-50% - 170px)) scale(1.07) rotate(400deg)}52%{transform:translate(calc(-50% + 34px),-50%) scale(1.07) rotate(720deg)}58%{transform:translate(calc(-50% + 36px),-50%) scale(1.27,.87) rotate(740deg)}64%{transform:translate(calc(-50% + 36px),-50%) scale(1.03) rotate(760deg)}78%{transform:translate(calc(-50% + 18px),calc(-50% - 58px)) scale(.8) rotate(900deg)}90%{transform:translate(-50%,-50%) scale(.47) rotate(1000deg);opacity:1}100%{transform:translate(-50%,-50%) scale(.2) rotate(1040deg);opacity:0}}
/* 👍: jumps up, flips over in 3D, comes back down */
.bfx-thumb{perspective:300px;animation:bfxUp 1.1s cubic-bezier(.3,.7,.3,1) forwards}
.bfx-thumb i{animation:bfxFlip 1.1s cubic-bezier(.45,.05,.3,1) forwards;filter:drop-shadow(0 6px 6px rgba(20,40,120,.25))}
@keyframes bfxUp{0%{transform:translate(-50%,-50%) scale(.33)}35%{transform:translate(-50%,calc(-50% - 70px)) scale(1.12)}62%{transform:translate(-50%,calc(-50% - 74px)) scale(1.05);opacity:1}100%{transform:translate(-50%,-50%) scale(.26);opacity:.2}}
@keyframes bfxFlip{0%{transform:rotateY(0) rotateZ(0)}35%{transform:rotateY(360deg) rotateZ(-14deg)}50%{transform:rotateY(360deg) rotateZ(10deg)}62%{transform:rotateY(360deg) rotateZ(0)}100%{transform:rotateY(540deg)}}
/* 👏: up, two claps with a spark ring each, back down */
.bfx-clap{animation:bfxUp2 1.1s cubic-bezier(.3,.7,.3,1) forwards}
.bfx-clap i{animation:bfxClap 1.1s ease-in-out forwards;filter:drop-shadow(0 6px 6px rgba(160,90,0,.25))}
@keyframes bfxUp2{0%{transform:translate(-50%,-50%) scale(.33)}28%{transform:translate(-50%,calc(-50% - 62px)) scale(1.05)}70%{transform:translate(-50%,calc(-50% - 62px)) scale(1.05);opacity:1}100%{transform:translate(-50%,-50%) scale(.26);opacity:.2}}
@keyframes bfxClap{0%,26%{transform:scale(1) rotate(0)}32%{transform:scale(.78,1.12) rotate(-8deg)}40%{transform:scale(1.12) rotate(4deg)}52%{transform:scale(1) rotate(0)}58%{transform:scale(.78,1.12) rotate(8deg)}66%{transform:scale(1.12) rotate(-4deg)}74%,100%{transform:scale(1) rotate(0)}}
.bfx-mini{font-size:22px;animation:bfxMini 1.1s ease-out forwards}
@keyframes bfxMini{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}20%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% - 120px)) scale(1.1) rotate(var(--r));opacity:0}}
.bfx-pop{animation:bfxUp 1s cubic-bezier(.3,.7,.3,1) forwards}
/* bits: grass/confetti and spark rays */
.bfx-gr{position:absolute;width:6px;height:9px;border-radius:2px;transform:translate(-50%,-50%);animation:bfxGr .7s cubic-bezier(.2,.7,.4,1) forwards}
.bfx-cf{width:7px;height:7px;border-radius:2px;animation-duration:.8s}
@keyframes bfxGr{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 14px)) rotate(var(--rot));opacity:0}}
.bfx-ray{position:absolute;width:4px;height:var(--len);border-radius:2px;transform-origin:50% 0;transform:translate(-50%,0) rotate(var(--a)) translateY(18px) scaleY(.2);animation:bfxRay .55s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes bfxRay{50%{opacity:1}to{transform:translate(-50%,0) rotate(var(--a)) translateY(52px) scaleY(1);opacity:0}}
/* the button takes the hit */
.bfx-hit{animation:bfxHit .45s cubic-bezier(.3,1.6,.5,1)}
.bfx-soft{animation:bfxSoft .3s ease-out}
@keyframes bfxHit{0%{transform:scale(1)}30%{transform:scale(.86,1.08)}60%{transform:scale(1.12,.94)}100%{transform:scale(1)}}
@keyframes bfxSoft{50%{transform:scale(.94)}}
.rx-rx button{transition:transform .12s}.rx-rx button:active{transform:scale(.9)}
/* ball styles (13 Nov round 2): shake, flash, GOLAZO, keepy-up count, golden rays */
.bfx-shake{animation:bfxShake .45s cubic-bezier(.36,.07,.19,.97)}
.bfx-shake2{animation:bfxShake2 .55s cubic-bezier(.36,.07,.19,.97)}
@keyframes bfxShake{20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}
@keyframes bfxShake2{10%{transform:translate(-9px,5px) rotate(-.6deg)}25%{transform:translate(8px,-6px) rotate(.5deg)}40%{transform:translate(-6px,4px)}60%{transform:translate(4px,-2px)}80%{transform:translate(-2px,1px)}}
.bfx-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.95),rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 75%);animation:bfxFlash .45s ease-out forwards}
@keyframes bfxFlash{from{opacity:1}to{opacity:0}}
.bfx-word{position:absolute;transform:translate(-50%,-50%) rotate(-6deg);font:italic 900 46px/1 Nunito,system-ui,sans-serif;color:#FF7A00;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 6px 0 #B84E00,0 10px 24px rgba(0,0,0,.25);letter-spacing:-.02em;animation:bfxWord 1.1s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes bfxWord{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(.2);opacity:0}25%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.08);opacity:1}75%{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}100%{transform:translate(-50%,-80%) rotate(-6deg) scale(.9);opacity:0}}
.bfx-n{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#1D1D27;color:#fff;font:900 16px/30px Nunito,system-ui,sans-serif;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:bfxN .8s cubic-bezier(.2,1.5,.4,1) forwards}
@keyframes bfxN{0%{transform:translate(-50%,-30%) scale(.3);opacity:0}25%{transform:translate(-50%,-50%) scale(1.1);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-140%) scale(.9);opacity:0}}
.bfx-rays{position:absolute;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(rgba(255,196,40,.42) 0 9deg,rgba(255,196,40,0) 9deg 22.5deg);-webkit-mask:radial-gradient(closest-side,#000 25%,transparent);mask:radial-gradient(closest-side,#000 25%,transparent);animation:bfxRays 1.25s ease-out forwards}
@keyframes bfxRays{0%{transform:translate(-50%,-50%) rotate(0) scale(.3);opacity:0}25%{opacity:1}80%{opacity:1}100%{transform:translate(-50%,-50%) rotate(70deg) scale(1.1);opacity:0}}
/* the coach's announcement in the parent's match card (13 Nov) */
.rx-pw+.rx-pw{margin-top:8px}
.rx-pw.coach img{box-shadow:0 0 0 3px #8FB8FF}.rx-pw.coach i{color:#8FB8FF}
.rx-mdn{display:flex;align-items:center;gap:6px;margin:10px 2px 0;font:800 12.5px Nunito,system-ui,sans-serif;color:rgba(255,255,255,.62)}
.rx-mdn svg{width:14px;height:14px;flex:none}
.rx-md+.rx-md{margin-top:12px}

/* ---------- 13 Nov · full time: score, scorers, assists, clean sheets (result.js) ---------- */
.br-sh,.br-pop,.br-sea{padding:0 2px 6px;font-family:Nunito,system-ui,sans-serif}
.br-sh .rx-k,.br-pop .rx-k,.br-sea .rx-k{display:block;margin-bottom:4px;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9A9AA6}
.br-sh h3,.br-pop h3,.br-sea h3{margin:0;font:900 22px Nunito,system-ui,sans-serif;color:#1D1D27}
.br-sc{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 4px;padding:14px 10px;border-radius:20px;background:#F4F5F8}
.br-sc>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.br-sc small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 13px Nunito,system-ui,sans-serif;color:#6B6B76}
.br-sc span{display:flex;align-items:center;gap:10px}.br-sc b{min-width:34px;text-align:center;font:900 38px/1 Nunito,system-ui,sans-serif;color:#1D1D27}
.br-sc em{font:900 26px Nunito,system-ui,sans-serif;font-style:normal;color:#B5B5C0}
.br-sc button{width:34px;height:34px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 0 #E4E5EA,0 2px 6px rgba(20,24,40,.08);font:900 20px/1 Nunito,system-ui,sans-serif;color:#1D1D27;cursor:pointer}
.br-h{margin:16px 0 8px;font:900 16px Nunito,system-ui,sans-serif;color:#1D1D27}.br-h small{display:block;margin-top:2px;font:700 13px Nunito,system-ui,sans-serif;color:#8A8A96}
.br-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px}
.br-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;border:0;background:none;cursor:pointer;font-family:inherit}
.br-f{position:relative;display:block;width:54px;height:54px;border-radius:50%;padding:3px;background:#F1F2F6;transition:transform .15s}
.br-f img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff}
.br-p.on .br-f{background:#F08A00}.br-p:active .br-f{transform:scale(.9)}
.br-f i{position:absolute;right:-6px;bottom:-4px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;border:2px solid #fff;background:#1D1D27;color:#fff;font:900 12px/20px Nunito,system-ui,sans-serif;font-style:normal;white-space:nowrap;animation:brPop .3s cubic-bezier(.3,1.6,.5,1)}
.br-p b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 12.5px Nunito,system-ui,sans-serif;color:#4B4B55}
.br-p u{position:absolute;left:4px;top:0;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);text-decoration:none;font:900 15px/21px Nunito,system-ui,sans-serif;color:#E5383B}
@keyframes brPop{0%{transform:scale(.3)}100%{transform:scale(1)}}
.br-cs{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;border-radius:18px;background:#E8F7F4}
.br-cs img{width:46px;height:auto;flex:none}.br-cs b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#0E6E62}.br-cs small{display:block;font:700 12.5px Nunito,system-ui,sans-serif;color:#3F7F76}
.br-csl{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.br-csl button{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:2px solid #E4E5EA;border-radius:22px;background:#fff;cursor:pointer;font-family:inherit;opacity:.55}
.br-csl button.on{border-color:#16A08E;background:#F2FBF9;opacity:1}
.br-csl img{width:30px;height:30px;border-radius:50%;object-fit:cover}.br-csl b{font:800 13.5px Nunito,system-ui,sans-serif;color:#1D1D27}.br-csl small{font:700 11.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.br-go{margin-top:20px}.br-ft{margin:10px 0 0;text-align:center;font:700 12.5px Nunito,system-ui,sans-serif;color:#9A9AA6}
/* on the result card (team feed) */
.br-ln{display:flex;align-items:center;gap:8px;margin:8px 14px 0;font:800 14px Nunito,system-ui,sans-serif;color:#4B4B55}
.br-ai{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#7B3FE4;color:#fff;font:900 11px Nunito,system-ui,sans-serif;font-style:normal}
.br-csr img{width:30px;height:auto;flex:none}.br-csr b{color:#0E6E62}
.br-you{display:flex;align-items:center;gap:12px;width:calc(100% - 28px);margin:10px 14px 2px;padding:10px 12px;border:0;border-radius:18px;background:linear-gradient(135deg,#FFF4E2,#FFE9F2);text-align:left;cursor:pointer;font-family:inherit}
.br-yb{display:flex;flex:none}.br-yb img{width:44px;height:auto;margin-right:-10px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.br-yb img:last-child{margin-right:0}
.br-you b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#1D1D27}.br-you small{display:block;margin-top:1px;font:700 12.5px Nunito,system-ui,sans-serif;color:#6B6B76}
/* on the parent's match card (dark) */
.rx-md .br-pa{display:flex;align-items:center;justify-content:center;gap:6px}.rx-md .br-pa img{width:22px;height:auto}
.rx-md .br-kid{width:100%;margin:12px 0 0;background:rgba(255,255,255,.1);cursor:default}.rx-md .br-kid b{color:#fff}.rx-md .br-kid small{color:rgba(255,255,255,.7)}
/* the new-badge pop and the season */
.br-pop{text-align:center}.br-pb{display:block;width:150px;height:auto;margin:4px auto 10px;animation:brIn .6s cubic-bezier(.3,1.5,.5,1)}
@keyframes brIn{0%{transform:scale(.2) rotate(-25deg);opacity:0}100%{transform:none;opacity:1}}
.br-pop p{margin:6px 0 0;font:700 15px Nunito,system-ui,sans-serif;color:#4B4B55}
.br-pm{display:flex;justify-content:center;gap:16px;margin-top:12px}.br-pm span{display:flex;flex-direction:column;align-items:center;gap:2px}.br-pm img{width:56px}.br-pm b{font:800 12px Nunito,system-ui,sans-serif;color:#4B4B55}
.br-st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.br-st div{padding:12px 4px;border-radius:16px;background:#F4F5F8;text-align:center}.br-st b{display:block;font:900 26px/1 Nunito,system-ui,sans-serif;color:#1D1D27}.br-st small{display:block;margin-top:4px;font:800 11.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.br-bd{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.br-bd div{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.br-bd img{width:74px;height:auto;filter:grayscale(1);opacity:.35}.br-bd .on img{filter:none;opacity:1}
.br-bd b{font:900 13px Nunito,system-ui,sans-serif;color:#1D1D27}.br-bd small{font:700 11.5px/1.3 Nunito,system-ui,sans-serif;color:#9A9AA6}.br-bd .on small{color:#1E8A4A}
/* the Journal: my season, counted by the coach (result.js journal/peek) */
.br-j{margin:0 0 16px;padding:16px;border-radius:24px;background:#fff;box-shadow:0 1px 0 #ECEDF1,0 6px 18px rgba(20,24,40,.06);font-family:Nunito,system-ui,sans-serif}
.br-jh{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.br-jh b{font:900 19px Nunito,system-ui,sans-serif;color:#1D1D27}.br-jh small{font:800 12.5px Nunito,system-ui,sans-serif;color:#9A9AA6}
.br-jt{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.br-jt span{display:flex;flex-direction:column;align-items:center;padding:12px 2px 10px;border-radius:16px;background:color-mix(in srgb,var(--c) 10%,#fff);font:800 11.5px Nunito,system-ui,sans-serif;color:#6B6B76;text-align:center}
.br-jt b{font:900 28px/1.05 Nunito,system-ui,sans-serif;color:var(--c)}
.br-jb{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px 6px 8px;border:0;border-radius:18px;background:#F6F6F9;cursor:pointer;font-family:inherit}
.br-jb span{display:flex;justify-content:center;gap:2px}.br-jb img{width:46px;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.br-jb img.no{filter:grayscale(1);opacity:.3}
.br-jb small{font:800 12.5px Nunito,system-ui,sans-serif;color:#F08A00}
.br-jl{margin:14px 0 6px;font:900 14px Nunito,system-ui,sans-serif;color:#1D1D27}
.br-jm{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #F0F0F4}.br-jm>span:nth-child(2){flex:1;min-width:0}
.br-jm b{display:block;font:900 14.5px Nunito,system-ui,sans-serif;color:#1D1D27}.br-jm small{display:block;font:700 12.5px Nunito,system-ui,sans-serif;color:#6B6B76}.br-jm img{width:30px;height:auto}
.br-jr{flex:none;min-width:46px;padding:5px 8px;border-radius:10px;background:#F1F2F6;text-align:center;font:900 14px Nunito,system-ui,sans-serif;color:#4B4B55}.br-jr.w{background:#E9F8EF;color:#1E8A4A}.br-jr.l{background:#FDECEC;color:#C0392B}
.br-jn{margin:12px 0 0;font:700 13px Nunito,system-ui,sans-serif;color:#8A8A96}
.br-j.off{display:flex;align-items:center;gap:12px}.br-j.off img{width:48px;filter:grayscale(1);opacity:.45}.br-j.off b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#1D1D27}.br-j.off small{display:block;margin-top:2px;font:700 13px/1.35 Nunito,system-ui,sans-serif;color:#8A8A96}
.br-jp img{width:40px;height:auto}
.rx-setn{margin:8px 4px 0;font:700 12.5px/1.4 Nunito,system-ui,sans-serif;color:#8A8A96}
/* four ways to react (13 Nov): 👍 👏 ⚽ + a character sticker, in the team feed (feed.js) and parent News */
.fd-re4{gap:6px;flex-wrap:wrap}
.fd-qr{display:flex;gap:6px}
.fd-q{width:44px;height:44px;padding:0;border:2px solid #E3E3E8;border-radius:14px;background:#fff;box-shadow:0 3px 0 #E3E3E8;font-size:21px;line-height:1;cursor:pointer;transition:transform .12s}
.fd-q:active{transform:scale(.88)}
.fd-q.on{border-color:#F08A00;background:#FFF4E6;box-shadow:0 3px 0 #F3C27A}
.fd-re4 .fd-rb{padding:0 9px;gap:0;justify-content:center;min-width:44px}
.fd-re4 .fd-rb img{width:30px;height:30px}
.fd-re4 .fd-shb{font-size:0;gap:0;padding:0 11px}
.fd-re4 .fd-rc{margin-left:auto}
.rx-news{position:relative}
.rx-rx .rx-stb{display:inline-flex;align-items:center;gap:4px;padding:0 9px}
.rx-rx .rx-stb svg{width:20px;height:20px}
.rx-rx .rx-stb img{width:24px;height:24px;margin:-3px 0}
.rx-rx .rx-stb.pop img{animation:fdPop .45s cubic-bezier(.3,1.7,.5,1)}
.rx-news .rx-tray{left:8px;bottom:54px}
/* the coach fixes a sent result (13 Nov) */
.br-edit{display:inline-flex;align-items:center;gap:7px;height:40px;margin:12px 14px 2px;padding:0 14px 0 12px;border:2px solid #E3E3E8;border-radius:14px;background:#fff;box-shadow:0 3px 0 #E3E3E8;font:800 14px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.br-edit svg{width:17px;height:17px}
.br-edit:active{transform:translateY(2px);box-shadow:0 1px 0 #E3E3E8}
.br-upd{margin:8px 14px 0;font:700 12.5px Nunito,system-ui,sans-serif;color:#8C8C98}