@import"https://fonts.googleapis.com/css2?family=Teko:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--ink-900: #171717;--grey-700: #3d3d3d;--grey-100: #f2f1f0;--white: #ffffff;--pink-500: #ec1e6d;--pink-600: #c4155a;--ink-600: #5c5c5c;--line-300: #e0e0e0;--danger: #b3261e;--font-display: "Teko", sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--grey-100);color:var(--ink-900);font-family:var(--font-body);line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;margin:0 0 .2em;color:var(--ink-900)}h1{font-size:2.6rem;line-height:1.05}a{color:var(--grey-700)}.page{max-width:960px;margin:0 auto;padding:32px 24px 64px}.page-narrow{max-width:640px}.page-loading{padding:64px 24px;text-align:center;color:var(--ink-600);font-family:var(--font-display);font-size:1.4rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;border-bottom:3px solid var(--ink-900);background-image:repeating-linear-gradient(90deg,var(--ink-900) 0 2px,transparent 2px 40px);background-position:bottom;background-repeat:repeat-x;background-size:40px 8px;padding-bottom:20px;margin-bottom:28px}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--pink-600);font-size:.95rem;margin:0 0 4px}.navbar{background:var(--ink-900);color:var(--white);display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.navbar-brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.03em}.navbar-mark{background:var(--pink-500);color:var(--white);font-weight:700;border-radius:4px;padding:2px 8px;font-size:1rem}.navbar-links{display:flex;align-items:center;gap:20px}.navbar-links a,.link-button{color:var(--grey-100);text-decoration:none;font-size:.95rem;background:none;border:none;cursor:pointer;font-family:var(--font-body)}.navbar-links a:hover,.link-button:hover{color:var(--pink-500)}.btn{font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:10px 18px;border-radius:6px;border:2px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--pink-500);color:var(--white)}.btn-primary:hover{background:var(--pink-600)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink-900);border-color:var(--ink-900)}.btn-secondary:hover{background:var(--ink-900);color:var(--white)}.auth-page{min-height:calc(100% - 60px);display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-card,.card-form{background:var(--white);border:1px solid var(--line-300);border-radius:10px;padding:32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.card-form{max-width:none}.auth-subtitle{color:var(--ink-600);margin-top:-8px}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;color:var(--ink-900);flex:1}input,select{font-family:var(--font-body);font-size:1rem;padding:10px 12px;border:1.5px solid var(--line-300);border-radius:6px;font-weight:400}input:focus,select:focus,button:focus-visible{outline:2px solid var(--pink-500);outline-offset:1px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.form-error{color:var(--danger);font-size:.9rem;margin:0}.form-success{color:var(--grey-700);font-size:.9rem;margin:0;font-weight:600}.form-note{color:var(--ink-600);font-size:.9rem}.auth-switch{font-size:.9rem;color:var(--ink-600);font-weight:400;text-align:center}.stat-fieldset{border:1px solid var(--line-300);border-radius:8px;padding:16px;margin:0}.stat-fieldset legend{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--grey-700);padding:0 6px}.stat-input-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.stat-input-label{font-weight:500;font-size:.85rem}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-700);font-size:1.05rem;margin:0 0 12px}.totals-section{display:flex;flex-direction:column;gap:24px;margin-bottom:36px}.totals-card{background:var(--white);border:1px solid var(--line-300);border-radius:10px;padding:20px}.totals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.total-tile{display:flex;flex-direction:column}.total-value{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--ink-900)}.total-label{font-size:.8rem;color:var(--ink-600);font-weight:500}.game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.game-list-item{display:flex;justify-content:space-between;background:var(--white);border:1px solid var(--line-300);border-radius:8px;padding:14px 18px;text-decoration:none;color:var(--ink-900)}.game-list-item:hover{border-color:var(--pink-500)}.game-date{color:var(--ink-600);font-size:.9rem}.game-opponent{font-weight:600}.empty-state{color:var(--ink-600);font-style:italic}.back-link{color:var(--ink-600);text-decoration:none;font-size:.9rem}.live-section{margin-bottom:28px}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.stat-counter{background:var(--white);border:1px solid var(--line-300);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.stat-counter-label{font-weight:600;font-size:.9rem}.stat-counter-controls{display:flex;align-items:center;justify-content:space-between}.stat-counter-value{font-family:var(--font-display);font-size:2.2rem;color:var(--ink-900);min-width:48px;text-align:center}.stat-counter-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--grey-700);background:var(--white);color:var(--grey-700);font-size:1.4rem;font-weight:700;cursor:pointer;line-height:1}.stat-counter-btn-add{background:var(--pink-500);border-color:var(--pink-500);color:var(--white)}.stat-counter-btn:active{transform:scale(.94)}.editor-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.editor-list li{background:var(--white);border:1px solid var(--line-300);border-radius:6px;padding:8px 14px;font-size:.9rem}@media (max-width: 600px){h1{font-size:2.1rem}.page{padding:20px 16px 48px}.page-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
