@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.staff-role-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:-8px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.presence-section-title{display:flex;align-items:center;gap:12px;margin:24px 0 0;color:var(--muted);font:700 .7rem DM Sans,sans-serif;letter-spacing:.12em;text-align:center;text-transform:uppercase}.presence-section-title:before,.presence-section-title:after{content:"";height:1px;flex:1;background:var(--line)}.staff-section-title{margin-top:28px;margin-bottom:18px}.stats-row{border-block:0!important}.staff-role-summary-item{display:grid;justify-items:center;gap:4px;min-width:0;text-align:center}.staff-role-label{color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.staff-role-summary-item img,.staff-role-placeholder{width:48px;height:48px;border:2px solid var(--line);border-radius:50%;object-fit:cover}.staff-role-placeholder{display:grid;place-items:center;color:var(--muted);background:var(--surface);font:700 1.1rem Space Grotesk,sans-serif}.staff-role-summary-item strong{width:100%;overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.staff-role-summary-item>span:last-child{color:var(--muted);font-size:.62rem}.staff-role-status{padding:3px 6px;border:1px solid currentColor;border-radius:999px;font-size:.58rem;font-weight:700;white-space:nowrap}.staff-role-present{opacity:1}.staff-role-present .staff-role-status{color:#087453;background:#dff7ed}.staff-role-absent,.staff-role-unknown{opacity:.62}.staff-role-absent .staff-role-status{color:#a83a3a;background:#ffe7e7}.staff-role-unknown .staff-role-status{color:var(--muted);background:transparent}.selection-staff-section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.selection-staff-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.selection-staff-heading h2{font:700 1.55rem Space Grotesk,sans-serif}.selection-staff-heading span{color:var(--muted);font-size:.85rem;font-weight:700}.staff-card{cursor:default}.player-detail-hero{display:flex;align-items:center;gap:18px;padding:26px 0 20px}.player-detail-hero img{width:104px;height:104px;border-radius:18px;object-fit:cover}.player-detail-hero h2{margin-top:6px;font:700 1.8rem Space Grotesk,sans-serif;line-height:1.05}.player-detail-hero p:last-child{margin-top:8px;color:var(--muted);font-size:.85rem}.activity-hero .activity-name{margin-top:10px;color:var(--muted);font-size:.95rem}.activity-hero .activity-description{margin-top:8px;white-space:pre-wrap;color:var(--text);font-size:.95rem}.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}.activity-navigation{display:flex;align-items:center;gap:16px}.activity-navigation button{padding:8px 0;color:var(--blue);background:transparent;font-size:.8rem;font-weight:700}.next-match{cursor:pointer}.next-match .match-departure{position:relative;z-index:1;margin-top:8px;color:#c7d8e8;font-size:.95rem}.next-match h2{max-width:none;font-size:clamp(1.25rem,5vw,2.25rem);white-space:nowrap}.date-mobile{display:none}.player-description{padding:17px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:var(--surface);line-height:1.55}.player-stats{grid-template-columns:repeat(2,1fr);margin-top:18px}.player-card{display:block;width:100%;padding:0;color:var(--navy);text-align:left}.profile-form{display:grid;gap:9px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.form-help{color:var(--muted);font-size:.85rem;line-height:1.45}.profile-form label{margin-top:7px;font-size:.8rem;font-weight:700}.profile-form select,.profile-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fbfcfe;font:inherit}.success-message{color:var(--green);font-size:.85rem;font-weight:700}.empty-state{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:#ffffff8c;font-size:.85rem;text-align:center}.scorer-list{display:grid;gap:8px}.scorer-row{display:grid;width:100%;min-width:0;grid-template-columns:28px 34px minmax(0,1fr) repeat(4,minmax(52px,auto));align-items:center;gap:8px;padding:12px 10px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.scorer-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.scorer-row strong{min-width:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scorer-rank{color:var(--blue);font:700 1.1rem Space Grotesk,sans-serif}.scorer-stat{display:grid;justify-items:center;gap:2px;min-width:0}.scorer-stat b{font:700 1rem Space Grotesk,sans-serif;white-space:nowrap}.scorer-stat small{color:var(--muted);font-size:.58rem;white-space:nowrap}.scorer-stat.assists,.scorer-stat.matches,.scorer-stat.ratio{min-width:52px}@media(max-width:700px){.scorer-row{gap:6px;padding:11px 9px}}@media(max-width:610px){.scorer-row{grid-template-columns:28px 34px minmax(0,1fr) repeat(4,minmax(52px,auto));gap:6px;padding:10px 8px}}@media(max-width:540px){.scorer-row{gap:6px;padding:10px 8px}}@media(max-width:420px){.scorer-row{grid-template-columns:28px 34px minmax(0,1fr) repeat(3,minmax(52px,auto));gap:4px;padding:10px 8px}.scorer-stat.ratio{display:none}.scorer-stat b{font-size:.95rem}}@media(max-width:360px){.scorer-row{grid-template-columns:28px 34px minmax(0,1fr) repeat(3,minmax(52px,auto));gap:4px;padding:10px 8px}}@media(max-width:340px){.scorer-row{grid-template-columns:28px 34px minmax(0,1fr) repeat(2,minmax(52px,auto));gap:4px;padding:10px 8px}.scorer-stat.matches{display:none}.scorer-stat b{font-size:.95rem}}.admin-form{display:grid;gap:12px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.admin-form-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-form label{display:grid;gap:6px;color:var(--muted);font-size:.8rem;font-weight:700}.admin-form input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:transparent;font:inherit}.admin-presence-actions{display:flex;gap:5px;margin-left:auto}.admin-presence-actions button{padding:4px 6px;border-radius:6px;color:var(--blue);background:transparent;font-size:.65rem;font-weight:700}.dashboard-scorers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-scorer{display:grid;justify-items:center;gap:7px;padding:12px 6px;border:1px solid var(--line);border-radius:14px;color:var(--navy);background:var(--surface)}.dashboard-scorer img{width:52px;height:52px;border-radius:50%;object-fit:cover}.dashboard-scorer>span:last-child{display:grid;gap:3px;text-align:center}.dashboard-scorer strong{overflow:hidden;max-width:90px;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-scorer small{color:var(--muted);font-size:.65rem}.topbar-actions{display:flex;align-items:center;gap:10px}.theme-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--navy);background:var(--surface);font-size:1.2rem}.quick-link{display:grid;justify-items:start;gap:4px;min-height:125px;padding:15px;border:1px solid var(--line);border-radius:15px;color:var(--navy);background:var(--surface);text-align:left;text-decoration:none}.player-card div{min-height:88px;align-content:start}.player-card strong{min-height:2.4em}.player-card small{min-height:2.6em}.dark-mode{--navy: #edf4fb;--blue: #78a8ff;--green: #62d8b0;--amber: #f7c66b;--muted: #a9bacb;--line: #30465c;--surface: #172b3f;color:#edf4fb;background:#0d1b2a}.dark-mode .next-match{background:linear-gradient(135deg,#173b5b,#22516f)}.dark-mode .primary-button{color:#102a43;background:#edf4fb}.dark-mode .primary-button span{color:#1e5eff}.dark-mode .date-tile{color:#9fc0ff;background:#203c5b}.dark-mode .player-card,.dark-mode .activity-card,.dark-mode .profile-panel,.dark-mode .login-panel,.dark-mode .presence-panel,.dark-mode .player-row{background:var(--surface)}.dark-mode .login-panel input[type=email],.dark-mode .login-panel input[type=password],.dark-mode .profile-form select,.dark-mode .profile-form textarea,.dark-mode .activity-admin-form input,.dark-mode .activity-admin-form select,.dark-mode .activity-admin-form textarea,.dark-mode .activity-admin-form option{color:#102a43;background:#dfeaf4}.dark-mode .bottom-nav{border-color:var(--line);background:#172b3ff0}.dark-mode .empty-state{background:#172b3fa6}.nav-avatar{display:block!important;width:22px;height:22px;overflow:hidden;border:2px solid currentColor;border-radius:50%}.nav-avatar img{display:block;width:100%;height:100%;object-fit:cover}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.bottom-nav button{min-width:0}.dashboard-scorers-section{padding-top:4px}.dashboard-section-divider{display:flex;align-items:center;gap:12px;margin-top:2px;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dashboard-section-divider:before,.dashboard-section-divider:after{content:"";height:1px;flex:1;background:var(--line)}.login-panel{display:grid;gap:8px}.login-panel label{margin-top:8px;font-size:.8rem;font-weight:700}.login-panel input[type=email],.login-panel input[type=password]{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fbfcfe;font:inherit}.remember-option{display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:500!important}.login-button{margin-top:12px}.logout-button{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:11px;color:var(--navy);background:var(--surface);font-weight:700}.activity-screen-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.activity-screen-title>button{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:var(--surface);font-size:.78rem;font-weight:700}.dark-mode .activity-screen-title>button{color:#102a43;background:#dfeaf4}.activity-admin-form{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);scroll-margin-top:16px}.activity-admin-form label{display:grid;gap:6px;color:var(--muted);font-size:.8rem;font-weight:700}.activity-admin-form input,.activity-admin-form select,.activity-admin-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:transparent;font:inherit}.activity-admin-form textarea{resize:vertical}.activity-admin-form .primary-button{margin-top:4px;color:var(--navy);background:var(--line)}.activity-admin-actions{display:flex;gap:5px}.activity-admin-actions button{padding:5px 6px;border-radius:6px;color:var(--blue);background:transparent;font-size:.62rem;font-weight:700}.activity-admin-actions button:last-child{color:#c24141}.dashboard-presence-toggle{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:18px;padding:4px;border:1px solid rgba(255,255,255,.28);border-radius:11px;background:#0003}.dashboard-presence-toggle button{padding:9px 8px;border-radius:8px;color:#c7d8e8;background:transparent;font-size:.78rem;font-weight:700}.dashboard-presence-toggle button+button{border-left:1px solid rgba(255,255,255,.35);border-radius:0 8px 8px 0}.dashboard-presence-toggle button.selected{color:#102a43;background:#fff}.dashboard-presence-toggle button:disabled{cursor:wait}.presence-locked{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.28);border-radius:11px;color:#e5eef7;background:#0003;font-size:.76rem;font-weight:700}.activity-presence-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:112px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.activity-presence-toggle button{padding:6px 4px;border-radius:6px;color:var(--muted);background:transparent;font-size:.62rem;font-weight:700}.activity-presence-toggle button+button{border-left:1px solid var(--line);border-radius:0 6px 6px 0}.activity-presence-toggle button.selected{color:var(--navy);background:var(--line)}.activity-lock-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--surface)}.activity-card{cursor:pointer}.presence-last-update{flex-shrink:0;margin-left:auto;color:var(--muted);font-size:.68rem;text-align:right;white-space:nowrap}@media(max-width:540px){.date-desktop{display:none}.date-mobile{display:inline}}:root{color-scheme:light;font-family:DM Sans,sans-serif;color:#102a43;background:#f5f7fa;font-synthesis:none;--navy: #102a43;--blue: #1e5eff;--green: #0f9f74;--amber: #f5a524;--muted: #6b7c93;--line: #d9e2ec;--surface: #fff}*{box-sizing:border-box}html,body{touch-action:pan-x pan-y}body{margin:0;min-width:320px;background:radial-gradient(circle at 100% 0,#dce9ff 0,#f5f7fa 32rem)}input,select,textarea{font-size:16px}button{border:0;font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{min-height:100vh;min-height:100dvh;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(90px + env(safe-area-inset-bottom))}.topbar,.page-content{width:min(100% - 32px,760px);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 24px}.topbar h1,h2,h3,p{margin:0}.topbar h1{font:700 1.35rem Space Grotesk,sans-serif;letter-spacing:.01em}.topbar h1 span{color:var(--blue)}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.avatar-button{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700}.avatar-button{overflow:hidden;padding:0}.avatar-button img{display:block;width:100%;height:100%;object-fit:cover}.page-content{padding-bottom:24px}.screen-stack{display:grid;gap:18px}.next-match{position:relative;overflow:hidden;border-radius:22px;padding:25px;color:#fff;background:linear-gradient(135deg,#102a43,#1b4c73);box-shadow:0 16px 34px #102a432e}.next-match:after{content:"";position:absolute;width:180px;height:180px;right:-54px;bottom:-76px;border:22px solid rgba(255,255,255,.08);border-radius:50%}.match-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#a8f0d5;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.live-dot{width:8px;height:8px;background:#53e0b1;border-radius:50%}.match-date{position:relative;z-index:1;margin-top:28px;color:#c7d8e8;font-size:.9rem}.next-match h2{position:relative;z-index:1;max-width:450px;margin-top:7px;font:700 clamp(1.55rem,6vw,2.25rem) "Space Grotesk",sans-serif;line-height:1.05}.match-meta{position:relative;z-index:1;margin-top:12px;color:#c7d8e8}.primary-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px;padding:14px 16px;border-radius:11px;color:var(--navy);background:#fff;font-weight:700}.primary-button span{color:var(--blue);font-size:1.3rem}.section-block{display:grid;gap:11px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h3{font:700 1.08rem Space Grotesk,sans-serif}.section-heading button{padding:0;color:var(--blue);background:transparent;font-size:.8rem;font-weight:700}.activity-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--navy);background:var(--surface);text-align:left}.date-tile{display:grid;align-content:center;justify-items:center;width:48px;height:48px;border-radius:11px;color:var(--blue);background:#edf3ff}.date-tile strong{font:700 1.1rem Space Grotesk,sans-serif;line-height:1}.date-tile small{font-size:.65rem;font-weight:700;text-transform:uppercase}.activity-copy{display:grid;gap:4px;min-width:0}.activity-copy strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.activity-copy small,.player-card small{color:var(--muted);font-size:.76rem}.status-chip{padding:6px 7px;border-radius:7px;font-size:.64rem;font-weight:700;white-space:nowrap}.status-chip.present{color:#087453;background:#dff7ed}.status-chip.absent{color:#a83a3a;background:#ffe7e7}.status-chip.unknown{color:#97600c;background:#fff1d2}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-grid button{display:grid;justify-items:start;gap:4px;min-height:125px;padding:15px;border:1px solid var(--line);border-radius:15px;color:var(--navy);background:var(--surface);text-align:left}.quick-grid strong{font:700 1.15rem Space Grotesk,sans-serif}.quick-grid small{color:var(--muted);font-size:.75rem}.quick-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:7px;border-radius:9px;font-size:1.2rem}.quick-icon.green{color:#087453;background:#dff7ed}.quick-icon.amber{color:#97600c;background:#fff1d2}.screen-title{padding:7px 0 8px}.screen-title h2{margin-top:6px;font:700 1.8rem Space Grotesk,sans-serif}.player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-card{overflow:hidden;border-radius:15px;background:var(--surface);border:1px solid var(--line)}.player-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.player-card div{display:grid;gap:4px;padding:11px}.profile-panel,.login-panel,.presence-panel{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.profile-panel{display:flex;align-items:center;gap:15px}.profile-panel img{width:62px;height:62px;border-radius:50%;object-fit:cover}.profile-panel h3{font:700 1.15rem Space Grotesk,sans-serif}.profile-panel p,.login-panel p{margin-top:5px;color:var(--muted);font-size:.85rem}.login-panel a{display:inline-block;margin-top:18px;color:var(--blue);font-weight:700}.back-button{padding:0;color:var(--blue);background:transparent;font-weight:700}.activity-hero{padding:28px 0 20px}.activity-hero h2{max-width:620px;margin-top:8px;font:700 2rem Space Grotesk,sans-serif;line-height:1.05}.activity-hero p:last-child{margin-top:10px;color:var(--muted)}.presence-panel{display:grid;gap:17px}.presence-panel strong{display:block;margin-top:5px;font:700 1.25rem Space Grotesk,sans-serif}.presence-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.presence-button{padding:12px;border-radius:10px;font-weight:700}.presence-button.present{color:#087453;background:#dff7ed}.presence-button.absent{color:#a83a3a;background:#ffe7e7}.presence-button.selected{outline:3px solid currentColor;outline-offset:1px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border-block:1px solid var(--line)}.stats-row div{display:grid;gap:4px;padding:14px 6px;text-align:center}.stats-row strong{font:700 1.5rem Space Grotesk,sans-serif}.stats-row span{color:var(--muted);font-size:.7rem}.roster-section{display:grid;gap:10px;margin-top:22px}.player-list{display:grid;gap:6px}.player-row{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px;background:var(--surface)}.player-row img{width:34px;height:34px;border-radius:50%;object-fit:cover}.muted-list{opacity:.7}.inline-error,.error-panel{color:#a83a3a}.state-panel{display:grid;justify-items:center;gap:12px;padding:80px 20px;color:var(--muted);text-align:center}.loader{width:22px;height:22px;border:3px solid #c7d8e8;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);padding:10px max(16px,calc((100% - 760px)/2)) max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:grid;justify-items:center;gap:4px;padding:5px;color:#829ab1;background:transparent}.bottom-nav button span{font-size:1.15rem;line-height:1}.bottom-nav button small{font-size:.65rem;font-weight:700}.bottom-nav button.active{color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:680px){.topbar,.page-content{width:min(100% - 48px,760px)}.player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.presence-panel{grid-template-columns:1fr auto;align-items:center}.presence-actions{min-width:270px}}