.select-label select { border: 1px solid var(--line); padding: 8px 9px; color: var(--ink); background: white; font: 500 11px 'Space Grotesk', sans-serif; }.selected-team { background: var(--orange-soft); }.selected-team .team-badge { background: var(--teal); }.reference-team { background: var(--teal-soft); }.reference-team .team-badge { background: var(--teal); }.check-cell { width: 45px; text-align: center; }.check-cell input { width: 16px; height: 16px; accent-color: var(--orange); cursor: pointer; }.empty-state { padding: 30px 10px; color: var(--muted); text-align: center; }
:root {
  --ink: #17252b;
  --muted: #718087;
  --paper: #f4f1e9;
  --panel: #fffdf8;
  --line: #dfe1d9;
  --orange: #e85f35;
  --orange-soft: #fff0e8;
  --teal: #1f7a78;
  --teal-soft: #e4f0ed;
  --yellow: #f2c94c;
  --shadow: 0 15px 40px rgba(23, 37, 43, .07);
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: 'Space Grotesk', 'Malgun Gothic', sans-serif; }
body:before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .25; background-image: radial-gradient(#c5c8bd .7px, transparent .7px); background-size: 12px 12px; }
.topbar { position: relative; display: flex; align-items: center; justify-content: space-between; height: 76px; padding: 0 clamp(20px, 5vw, 78px); border-bottom: 1px solid var(--line); background: rgba(244,241,233,.92); }
.brand-mark { display: flex; align-items: center; gap: 12px; letter-spacing: .08em; }
.brand-mark span { display: grid; place-items: center; width: 34px; height: 34px; color: white; background: var(--orange); font-size: 12px; font-weight: 700; transform: rotate(-7deg); }
.brand-mark strong { font-size: 15px; }
.season-pill, .status-label, .panel-index, .panel-rule, .threshold, .select-label, footer { font-family: 'DM Mono', monospace; letter-spacing: .06em; }
.season-pill { color: var(--muted); font-size: 11px; }
.live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px var(--teal-soft); }
.update-button { border: 0; padding: 12px 18px; color: white; background: var(--ink); font: 600 12px 'DM Mono', monospace; cursor: pointer; transition: transform .2s, background .2s; }
.update-button:hover { background: var(--orange); transform: translateY(-2px); }
.refresh-icon { margin-right: 7px; font-size: 17px; vertical-align: -1px; }
.page-shell { position: relative; max-width: 1280px; margin: 0 auto; padding: 70px clamp(20px, 5vw, 64px) 50px; }
.intro-grid { display: grid; grid-template-columns: 1fr 300px; align-items: end; gap: 30px; padding-bottom: 52px; }
.kicker, .panel-index { margin: 0 0 15px; color: var(--orange); font-size: 11px; font-weight: 500; }
h1 { margin: 0; font-size: clamp(44px, 6vw, 76px); line-height: .98; letter-spacing: -.04em; }
h1 em { color: var(--teal); font-style: normal; }
.intro-copy { margin: 24px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.status-card { padding: 24px; border: 1px solid var(--line); border-top: 3px solid var(--teal); background: var(--panel); box-shadow: var(--shadow); }
.status-label { display: block; margin-bottom: 14px; color: var(--muted); font-size: 10px; }
.status-card strong { display: block; font-size: 18px; }
.status-note { display: block; margin-top: 9px; color: var(--teal); font-size: 12px; }
.type-strip { display: flex; align-items: center; gap: 28px; padding: 15px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.type-strip > div { display: flex; align-items: center; gap: 9px; }
.type-tag { padding: 5px 7px; font: 500 10px 'DM Mono', monospace; }
.type-one { color: var(--teal); background: var(--teal-soft); }.type-two { color: var(--orange); background: var(--orange-soft); }
.data-note { margin-left: auto; font: 10px 'DM Mono', monospace; text-transform: uppercase; }.tiny-line { width: 23px; height: 1px; background: var(--orange); }
.table-grid { display: flex; flex-direction: column; gap: 22px; padding-top: 30px; }
.ranking-panel { padding: 26px; border: 1px solid var(--line); background: var(--panel); box-shadow: var(--shadow); animation: rise .55s both; }
.type-two-panel { border-top: 3px solid var(--orange); animation-delay: .08s; }.compact-panel { animation-delay: .16s; }.winner-panel { border-top: 3px solid var(--teal); animation-delay: .22s; }
@keyframes rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.panel-heading { display: flex; justify-content: space-between; align-items: start; gap: 15px; margin-bottom: 20px; }h2 { margin: 0; font-size: 24px; letter-spacing: -.03em; }.panel-rule, .threshold { color: var(--teal); font-size: 10px; white-space: nowrap; }.threshold { color: var(--muted); }.threshold.accent { color: var(--orange); }
.panel-description { margin: -7px 0 18px; color: var(--muted); font-size: 12px; line-height: 1.6; }.panel-description b { color: var(--orange); }
.select-label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }.select-label select { border: 1px solid var(--line); padding: 8px 9px; color: var(--ink); background: white; font: 500 11px 'Space Grotesk', sans-serif; }
.table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }th { padding: 9px 10px; color: var(--muted); border-bottom: 1px solid var(--ink); font: 10px 'DM Mono', monospace; white-space: nowrap; }td { padding: 11px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }tbody tr:hover { background: #f8f6ef; }.rank { width: 35px; color: var(--muted); font-family: 'DM Mono', monospace; }.team { font-weight: 600; }.team-badge { display: inline-block; width: 5px; height: 5px; margin-right: 7px; background: var(--orange); vertical-align: middle; }.win { color: var(--orange); font-weight: 700; }.seotda { color: var(--teal); font: 10px 'DM Mono', monospace; }.seotda small { color: var(--orange); font-size: 10px; }.used-number { padding: 2px 3px; color: var(--ink); background: var(--yellow); font-weight: 700; }.tie-order { margin-top: 15px; color: var(--muted); font: 10px 'DM Mono', monospace; }.tie-order span { padding: 0 5px; color: var(--orange); }.tie-order + .tie-order { margin-top: 6px; }.projected { color: var(--teal); font-family: 'DM Mono', monospace; }
.threshold-select-label { display: flex; align-items: center; gap: 7px; color: var(--teal); font: 10px 'DM Mono', monospace; white-space: nowrap; }.threshold-select-label select { border: 1px solid var(--line); padding: 7px 8px; color: var(--ink); background: white; font: 500 11px 'Space Grotesk', sans-serif; }.accent-label { color: var(--orange); }
footer { display: flex; justify-content: space-between; max-width: 1280px; margin: 0 auto; padding: 22px clamp(20px, 5vw, 64px) 35px; color: var(--muted); font-size: 9px; }
.player-block { padding: 18px; margin-bottom: 16px; border: 1px solid var(--line); background: white; }.player-block:last-child { margin-bottom: 0; }
.player-block-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }.player-block-header h3 { margin: 0; font-size: 15px; }
.player-controls { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 14px; }
.player-controls select { border: 1px solid var(--line); padding: 7px 8px; color: var(--ink); background: white; font: 500 11px 'Space Grotesk', sans-serif; }
.stat-picks { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.stat-pick { display: flex; align-items: center; gap: 6px; color: var(--muted); font: 10px 'DM Mono', monospace; }
.stat-pick select { border: 1px solid var(--line); padding: 6px 7px; color: var(--ink); background: white; font: 500 11px 'Space Grotesk', sans-serif; }
.player-slots { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.player-slot select { border: 1px solid var(--line); padding: 7px 8px; min-width: 150px; color: var(--ink); background: white; font: 500 11px 'Space Grotesk', sans-serif; }
.player-block-hint { color: var(--muted); font-size: 11px; }
@media (max-width: 720px) { .topbar { height: 65px; }.season-pill { display: none; }.page-shell { padding-top: 46px; }.intro-grid { grid-template-columns: 1fr; }.status-card { max-width: none; }.type-strip { flex-wrap: wrap; gap: 12px 20px; }.data-note { width: 100%; margin-left: 0; }.ranking-panel { padding: 20px 15px; }h2 { font-size: 21px; }.panel-heading { flex-direction: column; }.select-label { align-self: stretch; justify-content: space-between; }.select-label select { flex: 1; max-width: 170px; }footer { flex-direction: column; gap: 8px; } }