/* ==== bb-chat-sheet v1: full-screen Team Chat (iMessage-style) + typing + Seen by ==== */
html.bbcs-on,html.bbcs-on body{overflow:hidden!important;overscroll-behavior:none}
html.bbcs-on .nav,html.bbcs-on .chel-top{visibility:hidden}
html.bbcs-on body::after{display:none}
.bbcs{position:fixed;left:0;right:0;top:0;height:100vh;z-index:100001;pointer-events:auto!important;display:flex;flex-direction:column;background:var(--k10);color:var(--k11);transition:transform .22s ease;will-change:transform}
@supports (height:100dvh){.bbcs{height:100dvh}}
.bbcs.drag{transition:none}
body.bb-sheet-open .bbcs,body.bb-sheet-open .bbcs *{pointer-events:auto!important}
#idgate{z-index:100002!important}
.bbcs-head{flex:0 0 auto;position:relative;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 16px) 12px 10px 14px;background:var(--k12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--k13);touch-action:none;user-select:none;-webkit-user-select:none}
.bbcs-grab{position:absolute;top:calc(env(safe-area-inset-top,0px) + 6px);left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:var(--k14)}
.bbcs-crest{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--k15);color:var(--k9);display:flex;align-items:center;justify-content:center;font:800 13px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.02em}
.bbcs-ttl{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.bbcs-ttl b{font:700 17px/1.15 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--k4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbcs-as{font:500 12.5px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--k16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbcs-as b{font:inherit;color:var(--k17);font-weight:600}
.bbcs-as .link{font:inherit;color:var(--k18)!important;background:none;border:0;padding:0 0 0 2px;text-decoration:none;cursor:pointer}
.bbcs-alert{flex:0 0 auto;height:30px;padding:0 10px;border-radius:15px;border:1px solid var(--k19);background:var(--k20);color:var(--k21);font:600 12px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.bbcs-x{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:0;background:var(--k22);color:var(--k9);font:700 24px/1 system-ui,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px var(--k23);padding:0 0 2px}
.bbcs-x:focus-visible,.bbcs-alert:focus-visible{outline:2px solid var(--k4);outline-offset:2px}
.bbcs #chatidentity:empty,.bbcs #identitystatus:empty,.bbcs #chatstatus:empty{display:none}
.bbcs #chatidentity{flex:0 0 auto;padding:10px 14px;background:var(--k24);border-bottom:1px solid var(--k13)}
.bbcs #chatidentity .notice{margin:0}
.bbcs #identitystatus{padding:6px 14px;font-size:13px;color:var(--k25)}
.bbcs-body{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}
.bbcs .chatlog-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative}
.bbcs #chatlog.chatlog{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 12px 14px!important;transition:padding-bottom .15s}
.bbcs.typing-on #chatlog.chatlog{padding-bottom:58px!important}
.bbcs.typing-on .chat-newpill{bottom:62px!important}
.bbcs-form{flex:0 0 auto;margin:0!important;padding:6px 10px calc(env(safe-area-inset-bottom,0px) + 8px);background:var(--k26);border-top:1px solid var(--k13)}
.bbcs.kb .bbcs-form{padding-bottom:8px}
.bbcs .chat-crow{margin:2px 0!important}
.bbcs #chatstatus{font-size:12.5px!important;padding:2px 4px 0;min-height:0!important}
.bbcs .chat-photo-preview{margin:4px 0 6px}
.bbcs .chat-emoji-panel{max-height:38vh;overflow:auto}
.bbcs-typing{position:absolute;left:12px;bottom:10px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none;animation:bbcsIn .18s ease}
.bbcs-typing[hidden]{display:none}
.bbcs-typing small{font:600 11px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--k27);margin-left:8px}
.bbcs-dots{display:inline-flex;gap:4px;align-items:center;background:var(--k28);border-radius:18px;border-bottom-left-radius:5px;padding:11px 13px}
.bbcs-dots i{width:7px;height:7px;border-radius:50%;background:var(--k29);animation:bbcsDot 1.2s infinite ease-in-out}
.bbcs-dots i:nth-child(2){animation-delay:.15s}.bbcs-dots i:nth-child(3){animation-delay:.3s}
@keyframes bbcsDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes bbcsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bbcs,.bbcs-typing{transition:none;animation:none}.bbcs-dots i{animation:none;opacity:.7}}
#chatlog .message.bbcs-seen-on::after{content:none!important;display:none!important}
.bbcs-seen{display:flex;align-items:center;gap:4px;margin:4px 4px 0;font:600 11px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--k27)}
.message.mine .bbcs-seen{justify-content:flex-end}
.bbcs-seen .bbcs-av{width:16px;height:16px;border-radius:50%;color:var(--k4);font:700 7.5px/16px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 1.5px var(--k30)}
.bbcs-seen .bbcs-av+.bbcs-av{margin-left:-7px}
.bbcs-seen span{margin-left:3px}
/* chel resets radii with !important; the sheet's round bits need theirs back */
.bbcs .bbcs-crest,.bbcs .bbcs-x,.bbcs-seen .bbcs-av,.bbcs-dots i{border-radius:50%!important}
.bbcs .bbcs-alert{border-radius:15px!important}
.bbcs .bbcs-dots{border-radius:18px 18px 18px 5px!important}
@media (max-width:389px){.bbcs .bbcs-alert{padding:0 8px;font-size:11px}.bbcs-head{gap:8px}}
/* ==== /bb-chat-sheet v1 ==== */


/* ==== bb-v490 desktop chat: right-side panel on wide screens (phones unchanged) ==== */
@media (min-width:1000px){
html.bbcs-on,html.bbcs-on body{overflow:auto!important}
html.bbcs-on .chel-top{visibility:visible}
html.bbcs-on .bbcs-grab{display:none}
html body .bbcs{left:auto!important;right:0!important;top:var(--bbtop,64px)!important;height:calc(100vh - var(--bbtop,64px))!important;transform:none!important;width:min(460px,38vw);min-width:380px;border-left:1px solid var(--k31);box-shadow:-18px 0 44px var(--k32);z-index:45}
@supports (height:100dvh){html body .bbcs{height:calc(100dvh - var(--bbtop,64px))!important}}
.bbcs-head{padding-top:12px}
.bbcs.bb-dropping::after{content:"Drop pictures or clips to add them";position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:var(--k33);border:2px dashed var(--k22);color:var(--k4);font:800 18px system-ui;letter-spacing:.02em;text-align:center;padding:24px}
.bbcs #chatbody{max-height:140px}
.bbcs-kbd{font:600 11px system-ui;color:var(--k34);padding:0 4px 2px}
}


@media (min-width:1000px){
html.bbcs-on body{padding-right:min(460px,38vw)}
html.bbcs-on .bbcs-grab{display:none}
}
@media (min-width:1100px){
html body .content[data-view="home"],html body .content[data-view="career"],html body .content[data-view="coach"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}
html body .content[data-view="home"]>*,html body .content[data-view="career"]>*,html body .content[data-view="coach"]>*{grid-column:1/-1;margin-top:0;margin-bottom:0}
html body .content[data-view="home"]>section.card,html body .content[data-view="career"]>section.card,html body .content[data-view="coach"]>section.card{grid-column:auto}
html body .content[data-view="settings"]{max-width:900px;margin:0 auto}
}


/* ==== bb-v490 desktop layout: wider content + paired cards on Stats / Film / Scout. Phones and anything under 1100px are untouched. ==== */
@media (min-width:1100px){
html body #app{max-width:1260px}
html body .hc-banner{max-width:1204px}
}
@media (min-width:1500px){
html body #app{max-width:1456px}
html body .hc-banner{max-width:1400px}
}
@media (min-width:1100px){
/* Stats: header rows span, then Club Rank sits beside the Team card; big tables stay full width */
html body .content[data-view="stats"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}
html body .content[data-view="stats"]>*{grid-column:1/-1;margin-top:0;margin-bottom:0}
html body .content[data-view="stats"]>.st-club{grid-column:1}
html body .content[data-view="stats"]>.st-club+.card{grid-column:2}
html body .content[data-view="stats"]>.st-club+.card+.hc-times{grid-column:1/-1}
/* Film + Scout: cards flow into two even columns; titles, tabs, buttons and table/video cards span the full row */
html body .content[data-view="film"],html body .content[data-view="scout"]{column-count:2;column-gap:20px}
html body .content[data-view="film"]>*,html body .content[data-view="scout"]>*{break-inside:avoid;page-break-inside:avoid}
html body .content[data-view="film"]>:not(.card):not(p),html body .content[data-view="scout"]>:not(.card):not(p),
html body .content[data-view="film"]>.card:has(table,video,iframe),html body .content[data-view="scout"]>.card:has(table,video,iframe){column-span:all}
html body .content[data-view="film"]>.card,html body .content[data-view="scout"]>.card{margin-top:0;margin-bottom:16px}
}
@media (min-width:1500px){
/* the two build tables (ours / opponent) sit side by side */
html body .content[data-view="stats"] .bd-team{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:start}
html body .content[data-view="stats"] .bd-team>.ch-kick{grid-column:1/-1}
html body .content[data-view="stats"] .bd-team>:nth-child(2){grid-column:1;grid-row:2}
html body .content[data-view="stats"] .bd-team>:nth-child(3){grid-column:1;grid-row:3 / span 3}
html body .content[data-view="stats"] .bd-team>:nth-child(4){grid-column:2;grid-row:2}
html body .content[data-view="stats"] .bd-team>:nth-child(5){grid-column:2;grid-row:3}
html body .content[data-view="stats"] .bd-team>:nth-child(6){grid-column:2;grid-row:4}
html body .content[data-view="stats"] .bd-team>:nth-child(n+7){grid-column:1/-1}
}


#bb-post-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100000;max-width:min(92vw,420px);display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;font:600 14px/1.25 Rajdhani,system-ui,sans-serif;letter-spacing:.02em;color:var(--k35);background:var(--k36);border:1px solid var(--k37);box-shadow:0 8px 28px var(--k38)}
#bb-post-toast.err{border-color:var(--k39);background:var(--k40)}
#bb-post-toast b{color:var(--k41);font-size:16px}#bb-post-toast.err b{color:var(--k42)}
#bb-post-toast button{font:700 13px/1 inherit;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--k42);background:transparent;color:var(--k43);border-radius:8px;padding:7px 10px;cursor:pointer}
#bb-post-toast button.x{border:0;padding:4px 6px;color:var(--k44)}
.bb-desk #bb-post-toast{bottom:28px}


#bbw{position:fixed;left:50%;transform:translateX(-50%);top:max(10px,env(safe-area-inset-top));z-index:99990;width:min(94vw,520px);background:var(--k45);color:var(--k4);border:1px solid var(--k46);border-radius:14px;box-shadow:0 8px 28px var(--k47);padding:12px 14px;font:14px/1.35 system-ui,sans-serif}
#bbw h4{margin:0 0 6px;font:800 12px system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--k46)}
#bbw ul{list-style:none;margin:0 0 10px;padding:0}#bbw li{display:flex;gap:8px;align-items:center;padding:5px 0;border-top:1px solid var(--k48)}
#bbw li:first-child{border-top:0}#bbw li span.n{background:var(--k49);border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}
#bbw li .t{flex:1}#bbw li .t small{display:block;opacity:.7;font-size:12px}
#bbw button{font:700 13px system-ui;border-radius:10px;padding:8px 12px;border:1px solid var(--k50);background:transparent;color:var(--k4);cursor:pointer;min-height:40px}
#bbw button.go{background:var(--k46);color:var(--k45);border-color:var(--k46)}#bbw .row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}


/* bb-v518 Big win banner (DEMO) */
#bb-bigwin{position:fixed;left:0;right:0;top:max(10px,env(safe-area-inset-top,0px));z-index:66;display:flex;justify-content:center;padding:0 12px;pointer-events:none;animation:bbbw-in .45s cubic-bezier(.2,.9,.3,1.2) both}
#bb-bigwin .bbw-card{pointer-events:auto;position:relative;width:100%;max-width:416px;background:linear-gradient(135deg,var(--k51) 0%,var(--k52) 70%);border:2px solid var(--k53);border-radius:18px;padding:16px 44px 14px 16px;box-shadow:0 10px 34px var(--k54),0 0 0 4px var(--k55);overflow:hidden}
#bb-bigwin .bbw-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,var(--k56),transparent 55%);pointer-events:none}
#bb-bigwin .bbw-eye{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--k53);text-transform:uppercase}
#bb-bigwin h2{margin:4px 0 6px;font-size:24px;line-height:1.1;font-weight:900;color:var(--k4)}
#bb-bigwin .bbw-line{margin:0 0 10px;font-size:15px;line-height:1.35;color:var(--k57)}
#bb-bigwin .bbw-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
#bb-bigwin .bbw-chip{font-size:13px;font-weight:800;border-radius:999px;padding:5px 10px;background:var(--k58);color:var(--k4);white-space:nowrap}
#bb-bigwin .bbw-chip b{color:var(--k53)}
#bb-bigwin .bbw-ok{min-height:44px;width:100%;border:0;border-radius:12px;background:var(--k53);color:var(--k59);font-weight:900;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
#bb-bigwin .bbw-x{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:var(--k60);font-size:26px;line-height:1}
#bb-bigwin .bbw-score{margin:0 0 8px;font-size:16px;color:var(--k57)}#bb-bigwin .bbw-score b{color:var(--k53);font-size:20px}#bb-bigwin .bbw-chip small{opacity:.7;font-weight:700}#bb-bigwin .bbw-pts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}#bb-bigwin .bbw-pt{font-size:13px;color:var(--k57);background:var(--k61);border-radius:8px;padding:4px 8px}#bb-bigwin .bbw-pt b{color:var(--k4)}#bb-bigwin .bbw-note{margin:8px 0 0;font-size:12px;color:var(--k62);line-height:1.3}
#bb-bigwin.bbw-out{animation:bbbw-out .25s ease-in both}
@keyframes bbbw-in{from{transform:translateY(-120%);opacity:0}to{transform:none;opacity:1}}
@keyframes bbbw-out{to{transform:translateY(-120%);opacity:0}}
@media (prefers-reduced-motion:reduce){#bb-bigwin,#bb-bigwin.bbw-out{animation:none}}
/* bb-v530: Option A "legendary loot card" reveal. Plays once on insert, no sound. Same frame is reused for award trophy cards (.bbv). */
@property --bbv-a{syntax:"<angle>";initial-value:0deg;inherits:false}
#bb-bigwin{align-items:flex-start;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow:auto;pointer-events:none}
#bb-bigwin .bbv{pointer-events:auto;position:relative;width:100%;max-width:416px;isolation:isolate;overflow:hidden;margin-bottom:12px}
#bb-bigwin .bbv-frame{padding:3px;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));background:conic-gradient(from var(--bbv-a),var(--k53),var(--k63),var(--k64),var(--k53),var(--k65),var(--k63),var(--k53));animation:bbv-spin 5s linear infinite,bbv-fin .3s both}
#bb-bigwin .bbv-in{clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(180deg,var(--k66),var(--k67));padding:20px 18px 14px;position:relative;color:var(--k4)}
#bb-bigwin .bbv-in:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,var(--k68),transparent 60%),repeating-linear-gradient(0deg,var(--k69) 0 1px,transparent 1px 4px);pointer-events:none}
#bb-bigwin .bbv-rar{display:flex;justify-content:space-between;align-items:center;padding-right:34px;font-size:11px;font-weight:900;letter-spacing:.22em;color:var(--k53);text-transform:uppercase;position:relative}
#bb-bigwin .bbv-rar i{font-style:normal;color:var(--k70);background:var(--k53);padding:2px 8px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
#bb-bigwin .bbv-vic{position:relative;display:block;font-weight:900;line-height:.95;font-size:clamp(44px,14.5vw,68px);letter-spacing:.03em;margin:14px 0 2px;text-align:center;font-style:italic;transform:skewX(-8deg);background:linear-gradient(180deg,var(--k4) 10%,var(--k71) 45%,var(--k53) 70%,var(--k65));-webkit-background-clip:text;background-clip:text;color:transparent;animation:bbv-gin .7s .1s steps(1,end) both}
#bb-bigwin .bbv-vsub{position:relative;text-align:center;font-size:12px;letter-spacing:.2em;color:var(--k62);text-transform:uppercase;font-weight:800;margin-bottom:14px}
#bb-bigwin .bbv-score{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 14px;font-weight:900}
#bb-bigwin .bbv-score .t{flex:1;font-size:13px;letter-spacing:.12em;color:var(--k62);text-transform:uppercase;text-align:center;min-width:0;overflow-wrap:anywhere}
#bb-bigwin .bbv-score .t b{display:block;color:var(--k4);font-size:15px;letter-spacing:.04em;margin-top:2px;text-transform:none}
#bb-bigwin .bbv-score .n{font-size:50px;line-height:1;color:var(--k4);font-variant-numeric:tabular-nums}
#bb-bigwin .bbv-score .n.w{color:var(--k53)}
#bb-bigwin .bbv-stats{position:relative;display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:8px}
#bb-bigwin .bbv-st{background:var(--k61);border:1px solid var(--k68);padding:10px 4px;text-align:center;min-width:0}
#bb-bigwin .bbv-st small{display:block;font-size:10px;letter-spacing:.14em;color:var(--k62);text-transform:uppercase;font-weight:800}
#bb-bigwin .bbv-st b{display:block;font-size:16px;white-space:nowrap;margin-top:4px;color:var(--k4);font-variant-numeric:tabular-nums}
#bb-bigwin .bbv-st b em{font-style:normal;color:var(--k53);font-size:20px}
#bb-bigwin .bbv-st span{display:block;font-size:10px;color:var(--k62);margin-top:2px;font-weight:700}
#bb-bigwin .bbv-pts{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;justify-content:center}
#bb-bigwin .bbv-pt{font-size:12px;background:var(--k72);padding:4px 9px;color:var(--k57);font-weight:700}#bb-bigwin .bbv-pt b{color:var(--k4)}
#bb-bigwin .bbv .bbw-ok{position:relative;margin-top:14px}
#bb-bigwin .bbv-foot{position:relative;display:flex;gap:10px;align-items:center;margin-top:10px;font-size:10px;color:var(--k73);letter-spacing:.06em;line-height:1.3}
#bb-bigwin .bbv-wm{white-space:nowrap;font-weight:900;color:var(--k74);letter-spacing:.2em;text-transform:uppercase}
#bb-bigwin .bbv .bbw-x{z-index:7}
#bb-bigwin .bbv-sweep{position:absolute;inset:-20% -60%;pointer-events:none;z-index:6;background:linear-gradient(105deg,transparent 42%,var(--k75) 50%,transparent 58%);transform:translateX(-80%);opacity:0;animation:bbv-sw 1s .95s ease-out both}
#bb-bigwin .bbv-slam{opacity:0;animation:bbv-slam .38s cubic-bezier(.2,1.1,.3,1) both;animation-delay:var(--d)}
@keyframes bbv-spin{to{--bbv-a:360deg}}
@keyframes bbv-fin{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes bbv-sw{0%{transform:translateX(-80%);opacity:1}100%{transform:translateX(80%);opacity:1}}
@keyframes bbv-slam{0%{opacity:0;transform:scale(1.9);filter:blur(6px)}60%{opacity:1;transform:scale(.97);filter:blur(0)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes bbv-gin{0%{opacity:0;transform:translateX(-8px) skewX(-28deg)}10%{opacity:1;transform:translateX(6px) skewX(-8deg)}20%{opacity:0}30%{opacity:1;transform:translateX(-4px) skewX(-4deg)}45%{opacity:.4}55%{opacity:1;transform:translateX(3px) skewX(-8deg)}100%{opacity:1;transform:skewX(-8deg)}}
@media (prefers-reduced-motion:reduce){#bb-bigwin .bbv-frame,#bb-bigwin .bbv-vic,#bb-bigwin .bbv-slam{animation:none!important;opacity:1;transform:none;filter:none}#bb-bigwin .bbv-vic{transform:skewX(-8deg)}#bb-bigwin .bbv-sweep{display:none}}

.bbdi-bar{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:0 4px 0 0;min-height:44px;border:1px solid var(--k76);border-radius:12px;background:var(--k77);color:var(--k78)}
.bbdi-bar .bbdi-main{flex:1;text-align:left;border:0;background:none;color:inherit;font:700 14px system-ui,sans-serif;padding:12px 14px;min-height:44px;cursor:pointer}
.bbdi-bar .bbdi-txt{flex:1;padding:10px 14px;font-size:13px}
.bbdi-bar .bbdi-x{width:40px;height:40px;border:0;background:none;color:var(--k79);font-size:22px;line-height:1;cursor:pointer}
.bbdi-bar .bbdi-go,.bbdi-sheet .bbdi-go{border:0;border-radius:10px;background:var(--k80);color:var(--k9);font:800 14px system-ui,sans-serif;padding:10px 14px;min-height:44px;cursor:pointer}
.bbdi-link{margin:0 0 6px;text-align:right}.bbdi-link button{border:0;background:none;color:var(--k81);font:600 12px system-ui,sans-serif;text-decoration:underline;padding:8px 4px;cursor:pointer}
.bbdi-sheet{position:fixed;inset:0;z-index:2147482500;background:var(--k82);display:flex;align-items:flex-end;justify-content:center}
.bbdi-box{width:100%;max-width:520px;max-height:85vh;overflow:auto;background:var(--k83);color:var(--k78);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
.bbdi-box h3{margin:0 0 10px;font-size:17px}.bbdi-box input{width:100%;box-sizing:border-box;font-size:16px;padding:12px;border-radius:10px;border:1px solid var(--k76);background:var(--k77);color:var(--k78)}
.bbdi-res{display:grid;gap:6px;margin-top:10px}.bbdi-hit{text-align:left;border:1px solid var(--k76);border-radius:10px;background:var(--k77);color:var(--k78);padding:11px 12px;min-height:44px;cursor:pointer}
.bbdi-hit b{display:block;font-size:14px}.bbdi-hit small{display:block;margin-top:3px;color:var(--k79);font-size:12px}
.bbdi-note{color:var(--k79);font-size:13px;margin:8px 0}.bbdi-conf{margin:0 0 8px}.bbdi-pick{padding:12px;border:1px solid var(--k76);border-radius:10px;background:var(--k77);font-size:16px}
.bbdi-act{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.bbdi-sec{border:1px solid var(--k76);border-radius:10px;background:none;color:var(--k78);font:700 14px system-ui,sans-serif;padding:10px 14px;min-height:44px;cursor:pointer}

.bbso-entry{display:block;margin:-4px 0 10px;border:0;background:none;color:var(--k81);font:700 13px system-ui,sans-serif;text-decoration:underline;padding:10px 4px;min-height:44px;cursor:pointer}
.bbso{position:fixed;inset:0;z-index:2147482400;background:var(--k82);display:flex;align-items:flex-end;justify-content:center}
.bbso-box{width:100%;max-width:560px;height:92vh;max-height:92vh;overflow:auto;background:var(--k83);color:var(--k78);border-radius:16px 16px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));box-sizing:border-box;font:14px system-ui,sans-serif;-webkit-overflow-scrolling:touch}
@media(min-width:760px){.bbso{align-items:center}.bbso-box{height:auto;max-height:88vh;border-radius:16px;max-width:640px}}
.bbso h3{margin:0;font-size:19px}.bbso h4{margin:16px 0 6px;font-size:14px;color:var(--k81);text-transform:uppercase;letter-spacing:.06em}
.bbso-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bbso-x{width:44px;height:44px;border:0;background:none;color:var(--k79);font-size:26px;cursor:pointer}
.bbso-p{color:var(--k84);line-height:1.45;margin:8px 0}.bbso-note{color:var(--k79);font-size:13px;line-height:1.4;margin:8px 0}.bbso-empty{color:var(--k79);padding:24px 4px;text-align:center}
.bbso-lab{display:block;margin:12px 0 4px;font-weight:700}.bbso input[type=text]{width:100%;box-sizing:border-box;font-size:16px;padding:12px;border-radius:10px;border:1px solid var(--k76);background:var(--k77);color:var(--k78)}
.bbso-chk{display:flex;gap:10px;align-items:flex-start;margin:14px 0;min-height:44px;line-height:1.35}.bbso-chk input{width:24px;height:24px;flex:none;margin-top:0}
.bbso-act{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.bbso-go{border:0;border-radius:10px;background:var(--k80);color:var(--k9);font:800 14px system-ui,sans-serif;padding:10px 16px;min-height:44px;cursor:pointer}.bbso-go:disabled{opacity:.45}
.bbso-sec{border:1px solid var(--k76);border-radius:10px;background:none;color:var(--k78);font:700 14px system-ui,sans-serif;padding:10px 14px;min-height:44px;cursor:pointer}.bbso-danger{color:var(--k85);border-color:var(--k86)}
.bbso-watch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--k76);border-radius:12px;background:var(--k77);margin:6px 0 8px}.bbso-watch small{display:block;color:var(--k79);font-size:12px}
.bbso-find{width:100%}.bbso-msg{min-height:20px;margin:6px 2px;color:var(--k81);font-size:13px}
.bbso-prompt{border:1px solid var(--k87);background:var(--k88);border-radius:12px;padding:10px 12px;margin:6px 0}.bbso-prompt p{margin:4px 0 8px;font-size:13px;color:var(--k89)}
.bbso-tabs{display:flex;gap:4px;border-bottom:1px solid var(--k90);margin:8px 0 10px}.bbso-tab{flex:1;border:0;background:none;color:var(--k79);font:700 14px system-ui,sans-serif;padding:12px 4px;min-height:44px;border-bottom:3px solid transparent;cursor:pointer}.bbso-tab.on{color:var(--k4);border-bottom-color:var(--k80)}
.bbso-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0}.bbso-sum div{background:var(--k77);border-radius:10px;padding:8px 6px;text-align:center}.bbso-sum small{display:block;color:var(--k79);font-size:11px}.bbso-sum b{font-size:18px}
.bbso-team,.bbso-game{border:1px solid var(--k90);border-radius:12px;margin:8px 0;background:var(--k91);overflow:hidden}
.bbso-th,.bbso-gh{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;background:none;color:inherit;font:inherit;padding:11px 12px;min-height:48px;cursor:pointer}
.bbso-th small,.bbso-gh small{display:block;color:var(--k79);font-size:12px;margin-top:2px}.bbso-grades{display:flex;gap:4px;flex:none}
.bbso-l{display:inline-block;border-radius:8px;padding:4px 8px;font:800 13px system-ui,sans-serif;background:var(--k90);color:var(--k4);font-style:normal;white-space:nowrap}
.bbso-lur .bbso-l{padding:2px 6px;font-size:12px}
.bbso-l-a{background:var(--k92)}.bbso-l-b{background:var(--k93)}.bbso-l-c{background:var(--k94)}.bbso-l-d{background:var(--k95)}.bbso-l-f{background:var(--k96)}
.bbso-lus,.bbso-det{padding:0 12px 10px}.bbso-lu{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--k97);font-size:13px}.bbso-lun{flex:1;min-width:0;overflow-wrap:anywhere}.bbso-lur{flex:none;color:var(--k84)}
.bbso-r{display:inline-block;min-width:26px;text-align:center;border-radius:6px;padding:1px 5px;font-size:12px}.bbso-r-W{background:var(--k92)}.bbso-r-L{background:var(--k96)}.bbso-r-OTL{background:var(--k94)}
.bbso-flags{padding:0 12px 8px;display:flex;gap:6px;flex-wrap:wrap}.bbso-flag{font-size:12px;border:1px solid var(--k87);color:var(--k89);border-radius:999px;padding:3px 9px}
.bbso-its{display:grid;gap:4px}.bbso-it{display:grid;grid-template-columns:1fr auto 64px;gap:8px;padding:6px 8px;border-radius:8px;background:var(--k77);font-size:13px}.bbso-it em{font-style:normal;text-align:right;font-size:12px}.bbso-it.hit em{color:var(--k98)}.bbso-it.miss em{color:var(--k85)}
.bbso-mate{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--k97);font-size:13px}.bbso-mate small{color:var(--k79)}.bbso-na{color:var(--k99)}
.bbso-seg{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.bbso-pill{border:1px solid var(--k76);border-radius:999px;background:none;color:var(--k78);font:700 13px system-ui,sans-serif;padding:10px 14px;min-height:44px;cursor:pointer}.bbso-pill.on{background:var(--k80);border-color:var(--k80)}
.bbso-tg{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid var(--k97)}.bbso-tg small{display:block;color:var(--k79);font-size:11px}
.bbso-step{display:flex;align-items:center;gap:8px}.bbso-step button{width:44px;height:44px;border-radius:10px;border:1px solid var(--k76);background:var(--k77);color:var(--k4);font-size:20px;cursor:pointer}.bbso-step b{min-width:44px;text-align:center}
.bbso-q{margin:10px 0}.bbso-q p{margin:3px 0;color:var(--k84);line-height:1.45}

/* bb-v562 team announcements */
.an-card .an-lede{margin:6px 0 4px}
.an-card .an-step{display:flex;align-items:center;gap:8px;margin:18px 0 8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--k84)}
.an-card .an-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--k22);color:var(--k9);font-size:11px;letter-spacing:0;flex:none}
.an-card .an-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.an-card .an-seg button{min-height:44px;border-radius:10px;border:1px solid var(--k100);background:var(--k101);color:var(--k102);font-weight:800;padding:8px 6px}
.an-card .an-seg button small{opacity:.7;font-weight:700;margin-left:4px}
.an-card .an-seg button.on{background:var(--k22);border-color:var(--k22);color:var(--k9)}
.an-card .an-picks{margin-top:10px;border:1px solid var(--k103);border-radius:10px;overflow:hidden}
.an-card .an-pickbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;color:var(--k104);background:var(--k101);border-bottom:1px solid var(--k103)}
.an-card .an-list{max-height:280px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.an-card .an-row{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:46px;border-bottom:1px solid var(--k105);cursor:pointer}
.an-card .an-row:last-child{border-bottom:0}
.an-card .an-tag{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--k78);font-size:15px;text-align:left}
.an-card .an-pos{flex:none;font-size:12px;font-weight:800;color:var(--k106);letter-spacing:.05em}
.an-card input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px!important;height:22px!important;min-width:22px;flex:none;margin:0!important;padding:0!important;border-radius:6px!important;border:2px solid var(--k107)!important;background:var(--k101)!important;cursor:pointer}
.an-card input[type=checkbox]:checked{background:#ed3d4e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important;border-color:var(--k22)!important}
.an-card input[type=checkbox]:disabled{opacity:.45;cursor:default}
.an-card .an-lbl{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--k106);margin:10px 0 5px;text-align:left}
.an-card input:not([type=checkbox]),.an-card textarea,.an-card select{width:100%;box-sizing:border-box;padding:12px;border-radius:9px;font-size:16px}
.an-card textarea{min-height:96px;resize:vertical}
.an-card .an-more{margin-top:10px}
.an-card .an-more summary{font-size:13px;color:var(--k108);font-weight:700}
.an-card .an-chk{display:flex;align-items:flex-start;gap:12px;padding:8px 0;text-align:left;cursor:pointer}
.an-card .an-chk span{flex:1;min-width:0;line-height:1.35}
.an-card .an-chk small{display:block;color:var(--k79);font-size:12px;margin-top:2px}
.an-card .an-chk.an-off span{color:var(--k109)}
.an-card .an-prevrow{margin-bottom:10px}
.an-card .an-send{margin-top:12px}
.an-card .an-link{background:none;border:0;color:var(--k108);font-weight:700;font-size:13px;padding:4px 2px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.an-card .an-result{min-height:20px;margin-top:10px;font-size:14px;line-height:1.4;color:var(--k84)}
.an-card .an-result.ok{color:var(--k110)}.an-card .an-result.warn{color:var(--k111)}.an-card .an-result.bad{color:var(--k112)}
.an-card .an-last{margin-top:8px;overflow-wrap:anywhere}
.an-card .an-pv{margin:12px 0 0;padding:12px;border:1px dashed var(--k100);border-radius:12px;background:var(--k113)}
.an-card .an-pv-cap{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--k106);margin:4px 0 8px}
.an-card .an-pv-chat{background:var(--k114);border-radius:14px;padding:9px 12px;margin-bottom:10px;font-size:14px;overflow-wrap:anywhere}
.an-card .an-pv-push{display:flex;flex-direction:column;gap:2px;background:var(--k115);color:var(--k116);border-radius:12px;padding:9px 12px;margin-bottom:10px;font-size:14px;overflow-wrap:anywhere}
.an-notice{position:relative;border:1px solid var(--k22);border-left:4px solid var(--k22);border-radius:14px;background:linear-gradient(135deg,var(--k117),var(--k118));padding:14px 14px 12px;margin:0 0 12px;text-align:left;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.an-notice .an-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--k119)}
.an-notice .an-h{margin:6px 0 4px;font-size:19px;line-height:1.2;color:var(--k4)}
.an-notice .an-b{margin:0 0 10px;font-size:15px;line-height:1.45;color:var(--k120);white-space:pre-wrap}
.an-notice video{width:100%;border-radius:10px;margin:0 0 10px}
.an-notice .btn{width:100%;min-height:44px;margin-top:6px}
.an-home{margin:0 0 4px}