:root{--accent:#b5683c;--background:#fbfaf9;--surface:#fff;--foreground:#3e301e;--muted:#6b5f4d;--border:#3e301e26;--subtle:#3e301e08;--accent-soft:#b5683c12;color:var(--foreground);background:var(--background);font-synthesis:none;font-smooth:always;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.scoreboard-app{min-height:100vh;color:var(--foreground);background:var(--background)}.brand{color:var(--foreground);align-items:center;gap:.6em;min-width:0;font-size:1em;font-weight:600;display:flex}.openintake-logo{width:auto;height:1.7em}.wordmark{letter-spacing:-.04em;font-size:1.15em}.wordmark strong{font-weight:750}.brand-product{color:var(--muted);border-left:1px solid var(--border);margin-left:.3em;padding-left:.9em;font-size:.72em;font-weight:500}.customer-logo{object-fit:contain;object-position:left;max-width:16em;height:2.2em}.customer-name{text-overflow:ellipsis;white-space:nowrap;max-width:28em;overflow:hidden}.setup>.brand,.connection-screen>.brand{font-size:clamp(22px,1.6vw,40px)}.eyebrow{letter-spacing:.2em;color:var(--muted);margin:0 0 10px;font-size:.64em;font-weight:650}.muted{color:var(--muted);font-size:.85em;line-height:1.6}.board{flex-direction:column;gap:18px;height:100vh;padding:26px 34px 16px;display:flex}.board-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.board-header .brand{font-size:2.1em}.clock{text-align:right;flex-direction:column;gap:6px;display:flex}.clock strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.85em;font-weight:500}.clock span{color:var(--muted);font-size:.75em}.board-layout{flex:1;grid-template-columns:minmax(380px,1fr) minmax(460px,1.15fr);gap:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel h2{letter-spacing:-.035em;align-items:center;gap:8px;margin:0;font-size:1.15em;font-weight:550;display:flex}.panel h2 svg{color:var(--accent)}.ranking-panel{flex-direction:column;display:flex}.ranking-panel h2{font-size:2em}.period-label{animation:.5s fade-up}.period-dots{gap:6px;display:flex}.period-dots span{background:var(--border);border-radius:50%;width:6px;height:6px}.period-dots .active{background:var(--accent);border-radius:5px;width:20px}.ranking-columns{color:var(--muted);letter-spacing:.1em;grid-template-columns:1fr auto 66px;gap:18px;margin:10px 14px 18px;font-size:.56em;display:grid}.ranking-columns span:last-child{text-align:right}.ranking-rows{flex:1;position:relative}.team-row{background:var(--subtle);will-change:transform;border-left:3px solid;border-radius:5px;grid-template-columns:1fr auto 66px;align-items:center;column-gap:16px;height:70px;padding:10px 14px 14px;transition:transform .9s cubic-bezier(.22,.61,.36,1);display:grid;position:absolute;left:0;right:0}.team-row.first{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-soft)}.team-title{align-items:center;gap:12px;min-width:0;display:flex}.team-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95em;font-weight:550;overflow:hidden}.rank{color:var(--muted);font-variant-numeric:tabular-nums;min-width:21px;font-size:.75em}.first .rank{color:var(--accent)}.team-value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:600}.team-count{text-align:right;font-variant-numeric:tabular-nums;font-size:.9em}.team-count small{color:var(--muted);font-size:.7em}.team-bar{background:var(--subtle);height:3px;position:absolute;bottom:0;left:0;right:0}.team-bar span{opacity:.8;height:100%;transition:width 1s cubic-bezier(.22,.61,.36,1);display:block}.ranking-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.ranking-total span{letter-spacing:.15em;color:var(--muted);font-size:.6em}.ranking-total strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:1.7em}.right-panels{flex-direction:column;gap:20px;min-width:0;display:flex}.race-panel{flex-direction:column;flex:1;min-height:300px;display:flex}.leader-label{color:var(--muted);border-left:2px solid;align-items:center;gap:8px;padding:5px 9px;font-size:.73em;display:flex}.leader-label svg{color:var(--accent)}.leader-label strong{color:var(--foreground);font-size:1.15em}.chart{flex:1;min-height:220px}.bottom-panels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bottom-panels .panel{padding:20px}.bottom-panels h2{font-size:.92em}.previous-row,.activity-row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:13px 0;font-size:.79em;display:flex}.previous-row>span:nth-child(2),.activity-row>span:nth-child(2){flex:1;min-width:0}.previous-row strong,.activity-row strong{white-space:nowrap;text-overflow:ellipsis;font-weight:550;display:block;overflow:hidden}.previous-row small,.activity-row small{color:var(--muted);margin-top:3px;font-size:.8em;display:block}.previous-row b,.activity-row b{white-space:nowrap;letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-weight:600}.previous-rank{color:var(--accent);width:16px}.activity-dot{border-radius:50%;width:7px;height:7px;margin:0 5px;display:inline-block}.activity-row.big>svg{color:var(--accent)}.activity-row{animation:.5s fade-up}.activity-row.big b{color:var(--accent)}.board footer{color:var(--muted);align-items:center;gap:7px;padding:0 3px;font-size:.65em;display:flex}.footer-device{margin-left:auto;margin-right:14px}.status-dot{background:#74a780;border-radius:50%;width:5px;height:5px}.status-dot.stale{background:#cba05d}.notice{text-align:center;border:1px solid var(--border);background:var(--accent-soft);color:var(--foreground);border-radius:6px;padding:10px 15px;font-size:.75em}.win-banner{z-index:5;background:var(--surface);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:14px;padding:18px 28px;animation:.6s banner-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 60px #0002}.win-banner.major{background:var(--surface);border-color:var(--accent);box-shadow:0 0 50px var(--accent-soft)}.win-banner span{color:var(--muted);font-size:.85em}.win-banner b{letter-spacing:-.04em;font-size:1.5em}.win-banner svg{color:var(--accent)}.setup{flex-direction:column;justify-content:center;min-height:100vh;padding:6vh 7vw;display:flex}.setup-body{grid-template-columns:1fr 360px;align-items:center;gap:8vw;margin-top:8vh;display:grid}.setup h1{letter-spacing:-.055em;margin:20px 0 28px;font-size:clamp(32px,4vw,70px);font-weight:500;line-height:1.08}.setup-intro{color:var(--muted);max-width:480px;font-size:1.1em;line-height:1.6}.setup-step{color:var(--muted);align-items:center;gap:14px;margin-top:30px;font-size:.85em;line-height:1.7;display:flex}.setup-step strong{color:var(--foreground);font-weight:500}.setup-code{letter-spacing:.23em;font-variant-numeric:tabular-nums;color:var(--accent);margin-top:26px;font-size:3.8em;font-weight:600}.qr-panel{text-align:center;color:var(--muted)}.qr-panel img{border:1px solid var(--border);background:#fff;border-radius:14px;max-width:100%;height:auto;padding:20px}.qr-panel small{max-width:300px;margin:15px auto;font-size:.78em;line-height:1.7;display:block}.qr-placeholder{background:var(--subtle);border-radius:12px;place-items:center;height:320px;display:grid}.connection-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.connection-screen h1{letter-spacing:-.04em;font-size:2.4em;font-weight:500}.connection-screen>p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.7}.connection-indicator{background:var(--accent);border-radius:4px;width:70px;height:4px;margin-top:30px;animation:2s infinite breathe}.empty{color:var(--muted);font-size:.9em;line-height:1.6}@keyframes fade-up{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes banner-in{0%{opacity:0;top:-80px}to{opacity:1;top:18px}}@keyframes breathe{50%{opacity:.3}}@media (width>=1800px){.board{gap:24px;padding:36px 48px 20px}.board-layout{gap:28px}.panel{padding:28px}.chart{min-height:300px}.right-panels,.bottom-panels{gap:24px}.board-header .brand{font-size:2.3em}.team-row{height:72px}}@media (width<=1000px){.board{gap:14px;padding:18px}.board-layout{grid-template-columns:1fr 1fr;gap:14px}.panel{padding:15px}.bottom-panels{grid-template-columns:1fr;gap:14px}.last-month{display:none}.team-value{font-size:1.1em}.team-title{gap:7px}.team-row{grid-template-columns:1fr auto 48px;gap:8px;padding-left:8px;padding-right:8px}.leader-label{font-size:.66em}.setup-body{grid-template-columns:1fr 280px;gap:5vw}.qr-panel img{width:280px}.setup{padding:5vh 5vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=650px){.setup-body{grid-template-columns:1fr;gap:24px;margin-top:24px}.setup h1{margin-top:0}.setup-code{font-size:3em}.setup-step strong{overflow-wrap:anywhere}.qr-panel img{width:220px}}