[hidden]{display:none!important}
.sport-tabs{display:flex;gap:8px;max-width:1200px;margin:18px auto 0;padding:0 32px}
.sport-tabs button{flex:1;min-height:48px;font-size:18px;font-weight:800;border-radius:10px}
.sport-tabs button[aria-pressed=true]{background:#151515;color:#f2c438;border-color:#151515}
#baseball-surface{padding-top:18px}
.bb-ages{margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.bb-ages button{min-height:44px;font-size:16px}
.bb-hero{padding:30px;border-radius:16px;background:#151515;color:white}
.bb-hero>span{color:#f2c438;font-size:14px;font-weight:700;letter-spacing:1px}
.bb-hero h1{font-size:clamp(34px,5vw,58px);margin:18px 0}
.bb-hero p{font-size:16px;line-height:1.5;margin:0}
.bb-sync{font-size:16px;line-height:1.5;padding:12px 0;overflow-wrap:anywhere}
.bb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 0 28px}
.bb-stats>div{display:flex;flex-direction:column;gap:5px;font-size:14px}
.bb-stats strong{font-size:26px}
.bb-tabs,.bb-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bb-tabs{margin-bottom:18px}
.bb-tabs button{flex:1;min-height:46px;font-size:16px}
.bb-tabs button[aria-pressed=true]{background:#151515;color:#f2c438}
.bb-director{padding:20px;border-radius:12px;background:#fff1c6;margin-bottom:24px}
.bb-director>.bb-actions{margin:14px 0}
.bb-director p,.bb-content p{font-size:16px;line-height:1.5}
.bb-content h2{font-size:24px}
.bb-content h3{font-size:20px}
.bb-pool{margin-bottom:30px}
.bb-game .team{min-height:50px;font-size:16px;gap:8px}
.bb-game .team>span{overflow-wrap:anywhere}
.bb-game .gamehead,.bb-game .gamefoot{font-size:14px;line-height:1.4}
.bb-game .controls button{font-size:14px;min-height:44px}
.bb-add-team{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.bb-add-team input{font:inherit;font-size:16px;min-height:44px;padding:10px;min-width:0;border:1px solid #b4b0a7;border-radius:8px}
.bb-primary{background:#f2c438;color:#151515;border:1px solid #d6aa25;font-weight:700}
.bb-table-scroll{overflow:auto;border:1px solid #dedbd3;border-radius:10px;background:white}
.bb-table-scroll table{border-collapse:collapse;width:100%;min-width:720px;font-size:16px}
.bb-table-scroll th,.bb-table-scroll td{text-align:left;padding:12px;border-bottom:1px solid #eeebe3;white-space:nowrap}
.bb-table-scroll thead{background:#151515;color:#f2c438}
.bb-bracket-scroll{overflow:auto;padding:10px 0 20px}
.bb-bracket-board{position:relative}
.bb-bracket-game,.bb-round-title{position:absolute;top:0}
.bb-bracket-game .game{margin:0}
.bb-bracket-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#9c7c27;stroke-width:2}
.bb-round-title{font-size:14px;line-height:1.4;width:280px}
#baseball-editor{max-width:600px;max-height:calc(100dvh - 24px);width:calc(100% - 24px);overflow:auto;background:white;color:#1c1c1c}
#baseball-editor fieldset{border:0;margin:0;padding:0;min-width:0}
#baseball-editor label{display:block;font-size:16px;font-weight:700;line-height:1.4;margin:14px 0}
#baseball-editor input,#baseball-editor select{display:block;width:100%;min-width:0;margin-top:6px;padding:10px;font:inherit;font-size:16px;min-height:44px;border:1px solid #b4b0a7;border-radius:8px;background:white;color:#1c1c1c}
#baseball-editor p{font-size:16px;line-height:1.5}
#baseball-editor [data-editor-error]{color:#9b2020}
.bb-dialog-heading,.bb-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bb-dialog-heading h2{font-size:22px;margin:0}
.bb-dialog-actions{justify-content:flex-end;margin-top:20px}
.bb-dialog-actions button,.bb-dialog-heading button{min-height:44px}
#baseball-screen{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;border-radius:0;background:#f8f7f3;color:#1c1c1c;overflow:auto;padding:20px}
.bb-screen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:2;background:#151515;color:#f2c438;padding:14px;border-radius:10px;margin-bottom:20px}
.bb-screen-top button{background:white;color:#151515;min-height:44px}
#baseball-surface button:focus-visible,#baseball-editor button:focus-visible,#baseball-editor input:focus-visible,#baseball-editor select:focus-visible{outline:3px solid #876100;outline-offset:3px}
@media(max-width:650px){.sport-tabs{padding:0 18px}.bb-tabs button{flex:1 1 40%}.bb-stats{grid-template-columns:repeat(2,1fr)}.bb-hero{padding:24px}.bb-add-team input{width:100%}.bb-ages{gap:6px}.bb-ages button{flex:1 1 20%}.bb-screen-top{font-size:14px}}
/* Bracket cards have bounded rows so long names and director controls cannot collide. */
.bb-bracket-section{margin:28px 0 36px}.bb-bracket-board{isolation:isolate}.bb-bracket-lines{z-index:0;stroke:#8b7435;stroke-width:2}.bb-bracket-game{z-index:1;box-sizing:border-box}.bb-round-title{font-size:13px;line-height:18px;padding:4px 0;max-height:44px;overflow:hidden;color:#353a30}.bb-match{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #c9cbbf;border-radius:10px;background:#fff;color:#20231f;box-shadow:0 2px 5px #0001}.bb-match-top{box-sizing:border-box;flex:0 0 32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:#20231f;color:#ffe083;font-size:12px}.bb-match-team{box-sizing:border-box;flex:0 0 64px;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #e6e7df}.bb-match-team>div{min-width:0}.bb-match-team strong{font-size:14px;line-height:17px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.bb-match-team small{display:block;font-size:10px;line-height:14px;color:#666c5b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-match-seed{font-size:11px;text-align:center;color:#686e5e}.bb-match-team>b{font-size:18px;text-align:right}.bb-match-team.is-winner{background:#fff6d2}.bb-match-bottom{box-sizing:border-box;flex:1;min-height:0;display:flex;align-items:center;padding:5px 12px;font-size:11px;line-height:15px;overflow:hidden;overflow-wrap:anywhere}.bb-match>button{box-sizing:border-box;flex:0 0 44px!important;min-height:44px!important;max-height:44px;margin:0 8px 6px!important;padding:6px!important;font-size:12px!important;border-radius:6px}.bb-bracket-scroll:focus-visible{outline:3px solid #997100;outline-offset:3px}

.bb-screen-top small{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;color:#ddd}.bb-screen-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.bb-screen-navigation button{min-height:44px;padding:10px 16px;background:#fff;color:#20231f;border:1px solid #b6baa9;border-radius:8px;font-weight:700}.bb-screen-navigation button[aria-pressed=true]{background:#20231f;color:#ffe083}#baseball-screen .bb-screen-top{position:sticky;top:0;z-index:10}#baseball-screen .bb-screen-top button{flex-shrink:0}#baseball-screen .bb-bracket-section{margin:20px 0 28px}@media(max-width:650px){#baseball-screen{padding:10px}.bb-screen-top{gap:10px;padding:10px}.bb-screen-top strong{font-size:12px}.bb-screen-top button{font-size:12px;padding:10px}}