:root{--ink: #111;--ink-soft: #555;--ink-faint: #999;--paper: #fafaf8;--card: #fff;--line: #e6e6e1;--grey: #f2f2f0;--danger-bg: #fdecec;--danger-ink: #8a1f1f;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}#app{max-width:560px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:baseline;gap:8px;padding:18px 2px 14px}.app-header .wordmark{font-size:1.15rem;font-weight:800;letter-spacing:.01em}.app-header .tagline{color:var(--ink-faint);font-size:.78rem}h1{font-size:1.35rem;margin:6px 0 4px}h2{font-size:.95rem;margin:0 0 8px}.sub{color:var(--ink-soft);font-size:.9rem;margin:0 0 18px}.btn{display:block;width:100%;padding:15px;border:0;border-radius:var(--radius);background:var(--ink);color:#fff;font-size:1.02rem;font-weight:600;cursor:pointer;text-align:center;margin:10px 0}.btn:active{opacity:.85}.btn.secondary{background:var(--grey);color:var(--ink);font-weight:500}.btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0}.banner{margin:12px 0;padding:12px 14px;border-radius:10px;background:var(--grey);font-size:.9rem}.banner.error{background:var(--danger-bg);color:var(--danger-ink)}.progress{display:flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;flex:none;border:2.5px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fields-form input{width:100%;padding:12px;margin:5px 0;border:1px solid var(--line);border-radius:10px;font-size:.98rem;background:var(--card)}.fields-form .row2{display:flex;gap:8px}.fields-form .row2 input{flex:1}.fields-form label{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:8px}.candidate{display:block;width:100%;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--radius);margin:8px 0;background:var(--card);cursor:pointer;font:inherit}.candidate:active{background:var(--grey)}.candidate .matchup{font-weight:700}.candidate .detail{color:var(--ink-soft);font-size:.85rem;margin-top:2px}.scoreline{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 2px}.scoreline .team{flex:1;text-align:center;font-size:.85rem;font-weight:600}.scoreline .team .abbr{display:block;font-size:1rem}.scoreline .pts{font-size:1.9rem;font-weight:800}.scoreline .dash{color:var(--ink-faint);font-size:1.2rem}.final-tag{text-align:center;color:var(--ink-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.tabs{display:flex;gap:4px;margin:16px 0 4px;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:11px 4px;border:0;background:transparent;font-size:.88rem;font-weight:600;color:var(--ink-faint);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--grey);border-radius:999px;padding:5px 11px;font-size:.8rem}table.stats{width:100%;border-collapse:collapse;font-size:.8rem}table.stats th,table.stats td{text-align:right;padding:5px 4px;border-bottom:1px solid var(--grey)}table.stats th{color:var(--ink-faint);font-weight:600}table.stats th:first-child,table.stats td:first-child{text-align:left;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbp{font-size:.82rem}.pbp-period{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:14px 0 4px}.pbp-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--grey)}.pbp-row .clock{color:var(--ink-faint);flex:none;width:44px}.pbp-row .desc{flex:1}.pbp-row .score{color:var(--ink-faint);flex:none}.pbp-row.scoring .desc{font-weight:600}.pbp-row.scoring .score{color:var(--ink);font-weight:700}.unavailable{color:var(--ink-soft);font-size:.9rem;padding:8px 0}.offline-banner{background:var(--ink);color:#fff;text-align:center;font-size:.82rem;padding:8px 12px;border-radius:0 0 10px 10px;margin:0 -16px}.viewfinder{position:fixed;inset:0;background:#000;z-index:50;display:flex;flex-direction:column}.viewfinder video{flex:1;width:100%;object-fit:cover;min-height:0}.viewfinder .controls{display:flex;align-items:center;justify-content:space-around;padding:18px 16px calc(18px + env(safe-area-inset-bottom));background:#000}.viewfinder .shutter{width:68px;height:68px;border-radius:50%;border:4px solid #fff;background:#ffffff40;cursor:pointer}.viewfinder .cancel{background:transparent;border:0;color:#fff;font-size:.95rem;cursor:pointer}.photo-preview{width:100%;border-radius:var(--radius);border:1px solid var(--line);margin-top:8px}