@font-face{font-family:'Barlow Condensed';src:url('/barlow-condensed-extrabold-italic.ttf') format('truetype');font-style:italic;font-weight:800;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/roboto-condensed.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#242424;--accent:#424242;--highlight:#8A2946;--line:#e6e6e6;--muted:#616161}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.sheet{width:min(100% - 56px,820px);margin:0 auto}
.masthead{padding:28px 0 19px;border-bottom:3px solid var(--accent)}
.brand{display:flex;align-items:center;flex-wrap:wrap;gap:18px;width:fit-content;max-width:100%;color:var(--ink);text-decoration:none}
.monogram{display:grid;place-items:center;flex:0 0 62px;width:62px;height:68px;padding-right:3px;border-bottom:5px solid var(--accent);background:var(--ink);color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:3.5rem;font-weight:800;font-style:italic;line-height:1}
.wordmark{display:flex;flex-direction:column;color:var(--ink)}
.read-the{padding-left:2px;font-family:'Roboto Condensed',Arial,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.19em;line-height:1.1}
.blitz{font-family:'Barlow Condensed',Impact,sans-serif;font-size:3.5rem;font-weight:800;font-style:italic;letter-spacing:-.025em;line-height:.96}
.tagline{margin:15px 0 0;color:var(--muted);font-size:.875rem;line-height:1.4}
.headlines{list-style:none;margin:0;padding:0}
.feed-heading{margin:21px 0 4px;color:var(--ink);font-family:'Roboto Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
.trending-list{border-top:2px solid var(--highlight)}
.trending-list .headline{padding:12px 0}
.privacy-page{padding:22px 0 40px;max-width:650px;line-height:1.6}
.privacy-page h1{font-family:'Roboto Condensed',Arial,sans-serif;font-size:1.75rem;line-height:1.2}
.privacy-page a{color:var(--ink)}
.headlines li{margin:0;padding:0;border-bottom:1px solid var(--line)}
.headline{display:block;padding:15px 0;color:var(--ink);font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.25;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:break-word}
.highlight .headline{color:var(--highlight)}
.headline:hover,.headline:focus-visible{text-decoration:underline}
.headline:visited,.highlight .headline:visited{color:#0000ee}
.headline:focus-visible,a:focus-visible{outline:3px solid var(--highlight);outline-offset:5px;border-radius:1px}
footer{margin-top:20px;padding:0 0 24px;color:var(--muted);font-size:.8125rem;line-height:1.5}
.footer-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.footer-brand{color:var(--ink);font-family:'Roboto Condensed',Arial,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.04em}
footer a{color:var(--muted);font-size:.8125rem;text-underline-offset:3px}
.skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;color:#111;z-index:2}
.skip:focus{top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.sheet{width:calc(100% - 36px)}.masthead{padding-top:23px}.brand{gap:15px}.monogram{flex-basis:54px;width:54px;height:62px;font-size:3.125rem}.blitz{font-size:3.125rem}.headline{font-size:1.125rem}footer{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
button:focus-visible,input:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}
.masthead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.account-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.primary-button,.secondary-button{border:1px solid var(--ink);border-radius:5px;padding:10px 15px;min-height:42px;font-size:.875rem;font-weight:700;line-height:1.3}
.primary-button{background:var(--ink);color:#fff}
.secondary-button{background:#fff;color:var(--ink)}
.primary-button:hover:not(:disabled){background:#424242}
.secondary-button:hover:not(:disabled){background:#f4f4f4}
.text-button{border:0;background:transparent;color:var(--ink);padding:8px 2px;font-size:.875rem;text-decoration:underline;text-underline-offset:3px;line-height:1.4}
.feed-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0 12px}
.feed-toggle{display:inline-flex;border:1px solid #c7c7c7;border-radius:5px;overflow:hidden}
.feed-toggle button{background:#fff;border:0;color:var(--ink);font-size:.875rem;font-weight:700;padding:10px 15px;min-height:42px}
.feed-toggle button+button{border-left:1px solid #c7c7c7}
.feed-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}
.feed-toggle button:focus-visible{outline-offset:-3px}
.feed-empty{padding:20px 0 28px;font-size:1rem;line-height:1.5;border-bottom:1px solid var(--line)}
.feed-empty p{margin:0 0 14px}
dialog{width:min(100% - 28px,580px);max-height:calc(100dvh - 36px);border:1px solid #d0d0d0;border-radius:10px;background:#fff;color:var(--ink);padding:24px;box-shadow:0 12px 50px #0002;font-family:Arial,Helvetica,sans-serif}
dialog::backdrop{background:#0007}
.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}
.dialog-top h2{font-size:1.5rem;line-height:1.2;margin:0;font-weight:700}
.close-button{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:transparent;border:0;color:var(--ink);font-size:1.75rem;line-height:1}
.dialog-intro{font-size:.9375rem;line-height:1.5;color:#535353;margin:0 0 18px}
.field-label{display:block;font-size:.875rem;font-weight:700;line-height:1.4;margin:16px 0 6px}
dialog input:not([type=file]){display:block;width:100%;min-height:44px;border:1px solid #aaa;border-radius:5px;padding:10px 11px;background:#fff;color:var(--ink);font-size:1rem;line-height:1.4}
dialog input[type=file]{display:block;width:100%;font-size:.875rem;line-height:1.6}
dialog input::file-selector-button{border:1px solid #aaa;border-radius:4px;background:#fff;color:var(--ink);padding:9px 10px;margin-right:10px;font-weight:700;cursor:pointer}
.field-help{font-size:.875rem;line-height:1.5;color:var(--muted);margin:9px 0}
.form-error{color:#8A2946;font-size:.875rem;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}
#auth-submit{margin-top:16px;width:100%}
.auth-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}
.upload-area{padding:0 14px 12px;border:1px solid var(--line);border-radius:6px;background:#fafafa}
dialog h3{font-size:1rem;line-height:1.4;margin:20px 0 10px}
.player-results{margin-top:4px}
.player-result{display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 8px;text-align:left;background:#fff;color:var(--ink);font-size:.9375rem;line-height:1.4}
.player-result:hover:not(:disabled){background:#f4f4f4}
.selected-players{list-style:none;padding:0;margin:0}
.selected-players li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.4}
.remove-player{background:transparent;color:var(--ink);border:0;flex:0 0 40px;width:40px;height:40px;font-size:1.5rem}
.ambiguous-group{border:1px solid #d4c1c6;padding:10px 12px;border-radius:5px;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ambiguous-group p{width:100%;font-size:.875rem;margin:0 0 4px;overflow-wrap:anywhere}
.ambiguous-group .secondary-button{font-size:.8125rem;padding:8px 10px}
.privacy-note{font-size:.875rem;color:var(--muted);line-height:1.5;margin:20px 0 8px}
.data-credit{font-size:.75rem;color:var(--muted);line-height:1.5;margin:8px 0 18px}
.data-credit a{color:inherit;text-underline-offset:2px}
.dialog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
@media(max-width:600px){dialog{padding:18px}.masthead-top{gap:12px}.account-controls{gap:5px}.account-controls .secondary-button{padding:8px 11px}.feed-toggle button{padding:10px 12px}.dialog-actions .primary-button{flex:1 1 auto}}
@media(pointer:coarse){.close-button,.remove-player{min-width:44px;min-height:44px}.text-button{min-height:44px}.primary-button,.secondary-button,.feed-toggle button{min-height:44px}}
/* Connected teams keep the same compact, charcoal roster controls. */
.team-filter { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 1rem; font: 400 .875rem/1.4 Arial, sans-serif; }
.team-filter select { width: auto; max-width: 100%; padding: .5rem; border: 1px solid #ccc; border-radius: .25rem; background: #fff; color: #242424; font: inherit; }
.connected-section { border-bottom: 1px solid #e6e6e6; padding-bottom: 1rem; margin-bottom: 1.25rem; }
.connection-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.connected-teams { list-style: none; padding: 0; margin: .75rem 0 0; }
.connected-teams li { padding: .65rem 0; border-top: 1px solid #e6e6e6; }
.connected-teams strong, .connected-teams span { display: block; overflow-wrap: anywhere; }
.connected-teams span { font-size: .875rem; line-height: 1.5; }
.connected-teams .unmatched { color: #8a2946; margin-top: .25rem; }
.yahoo-logo { width: 90px; height: auto; display: block; margin-bottom: .5rem; }