:root{
  --court-dark:#101013;--court-panel:#161619;--court-panel-raised:#1D1D21;
  --line-chalk:#F5F5F5;--line-chalk-dim:#8F8F96;
  --clay:#E24A33;--clay-bright:#FF5D47;--ball:#E8FF2B;--green-mid:#8F8F96;
  --shadow:rgba(0,0,0,0.5);--border-soft:rgba(245,245,245,0.10);--border-strong:rgba(245,245,245,0.20);
  --hc-blue:#6F5DF6;--hc-blue-bright:#8B7CF8;--hc-panel:#15151E;
  --volt:#E8FF2B;--volt-dim:#C9DD00;--volt-ink:#1E2205;
  --coach-color:#7B68EE;--parent-color:#E8A838;--player-color:#7A9B76;
  --session-match:#E24A33;--session-practice:#6F5DF6;--session-fitness:#2FD4B5;--session-mental:#8A6BB5;--session-tournament:#E8FF2B;
}
*{box-sizing:border-box;}html,body{margin:0;padding:0;}
body{background:var(--court-dark);color:var(--line-chalk);font-family:'Archivo',sans-serif;min-height:100vh;overflow-x:hidden;}
::selection{background:var(--clay);color:var(--line-chalk);}
::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;}
a,button{font-family:inherit;}button{cursor:pointer;}:focus-visible{outline:2px solid var(--ball);outline-offset:2px;}

/* ── SCREENS ── */
.screen{display:none;min-height:100vh;}
.screen.active{display:block;}

/* ── AUTH ── */
#authScreen{background:radial-gradient(ellipse 900px 600px at 50% 40%,rgba(122,155,118,0.12),transparent 70%),var(--court-dark);display:flex;align-items:center;justify-content:center;padding:20px;}
.auth-card{background:var(--court-panel);border:1px solid var(--border-strong);border-radius:14px;padding:36px 38px;width:min(440px,100%);box-shadow:0 24px 60px rgba(0,0,0,0.5);}
.auth-logo{text-align:center;margin-bottom:26px;}
.auth-logo h1{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;text-transform:uppercase;margin:0 0 6px;}
.auth-logo h1 span{color:var(--green-mid);}
.auth-logo p{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--clay-bright);margin:0;line-height:1.6;}
.auth-title{font-family:'Space Grotesk',sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:0.04em;margin:0 0 16px;text-align:center;}
.auth-social{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:11px;padding:11px;border-radius:7px;border:1px solid var(--border-strong);background:transparent;color:var(--line-chalk);font-size:14px;font-weight:500;transition:background .15s;}
.auth-social-btn:hover{background:rgba(244,239,226,0.06);}
.auth-social-btn svg{width:20px;height:20px;flex-shrink:0;}
.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--line-chalk-dim);font-size:12px;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border-soft);}
.auth-field{margin-bottom:12px;}
.auth-field label{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--green-mid);margin-bottom:5px;}
.auth-field input,.auth-field select{width:100%;background:var(--court-dark);border:1px solid var(--border-soft);color:var(--line-chalk);padding:10px 12px;border-radius:5px;font-size:14px;font-family:'Archivo',sans-serif;}
.auth-field input:focus,.auth-field select:focus{border-color:var(--clay);outline:none;}
.role-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;}
.role-btn{padding:12px 8px;border-radius:7px;border:2px solid var(--border-soft);background:transparent;color:var(--line-chalk-dim);text-align:center;cursor:pointer;transition:all .15s;}
.role-btn .role-icon{font-size:22px;display:block;margin-bottom:5px;}
.role-btn .role-label{font-family:'Space Grotesk',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.04em;display:block;}
.role-btn.active[data-role=player]{border-color:var(--player-color);background:rgba(122,155,118,0.15);color:var(--line-chalk);}
.role-btn.active[data-role=coach]{border-color:var(--coach-color);background:rgba(123,104,238,0.15);color:var(--line-chalk);}
.role-btn.active[data-role=parent]{border-color:var(--parent-color);background:rgba(232,168,56,0.15);color:var(--line-chalk);}
.auth-submit-btn{width:100%;background:var(--clay);color:var(--line-chalk);border:none;padding:12px;border-radius:5px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:0.04em;margin-top:4px;transition:background .15s;}
.auth-submit-btn:hover{background:var(--clay-bright);}
.auth-toggle{text-align:center;margin-top:14px;font-size:13px;color:var(--line-chalk-dim);}
.auth-toggle a{color:var(--hc-blue-bright);cursor:pointer;text-decoration:underline;}
.auth-error{background:rgba(224,101,63,0.12);border:1px solid rgba(224,101,63,0.3);border-radius:5px;padding:9px 12px;color:var(--clay-bright);font-size:13px;margin-bottom:12px;display:none;}

/* ── APP SHELL ── */
#appScreen{display:none;}
.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;}
@media(max-width:900px){.app-layout{grid-template-columns:1fr;}}

/* ── SIDEBAR ── */
.sidebar{background:var(--court-panel);border-right:1px solid var(--border-soft);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:0;z-index:10;}
.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--border-soft);}
.sidebar-logo h2{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;margin:0;}
.sidebar-logo h2 span{color:var(--green-mid);}
.sidebar-logo .role-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:0.06em;padding:2px 7px;border-radius:3px;margin-top:4px;}
.role-badge.player{background:rgba(122,155,118,0.2);color:var(--player-color);}
.role-badge.coach{background:rgba(123,104,238,0.2);color:var(--coach-color);}
.role-badge.parent{background:rgba(232,168,56,0.2);color:var(--parent-color);}
.sidebar-user{padding:14px 16px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:10px;}
.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;flex-shrink:0;overflow:hidden;background-size:cover;background-position:center;}
.sidebar-user-info{flex:1;min-width:0;}
.sidebar-user-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sidebar-user-utr{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ball);}
.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto;}
.nav-item{display:flex;align-items:center;gap:11px;padding:11px 16px;color:var(--line-chalk-dim);cursor:pointer;transition:background .12s,color .12s;border-left:3px solid transparent;position:relative;}
.nav-item:hover{background:rgba(244,239,226,0.04);color:var(--line-chalk);}
.nav-item.active{background:rgba(194,80,47,0.1);color:var(--line-chalk);border-left-color:var(--clay);}
.nav-item .nav-icon{font-size:18px;width:22px;text-align:center;flex-shrink:0;}
.nav-item .nav-label{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:0.04em;font-weight:600;}
.nav-badge{background:var(--clay);color:var(--line-chalk);font-size:10px;font-family:'JetBrains Mono',monospace;padding:1px 6px;border-radius:10px;margin-left:auto;}
.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-soft);}
.signout-btn{display:flex;align-items:center;gap:8px;color:var(--line-chalk-dim);font-size:13px;cursor:pointer;padding:6px 0;transition:color .15s;}
.signout-btn:hover{color:var(--clay-bright);}

/* ── MOBILE NAV ── */
.mobile-header{display:none;background:var(--court-panel);border-bottom:1px solid var(--border-soft);padding:12px 16px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;}
.mobile-header h2{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;margin:0;}
.mobile-header h2 span{color:var(--green-mid);}
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--court-panel);border-top:1px solid var(--border-soft);z-index:20;padding:6px 0 env(safe-area-inset-bottom);}
.mobile-nav-items{display:flex;justify-content:space-around;}
.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 12px;color:var(--line-chalk-dim);cursor:pointer;font-size:10px;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.04em;position:relative;}
.mobile-nav-item.active{color:var(--clay-bright);}
.mobile-nav-item .mnav-icon{font-size:20px;}
.mobile-nav-badge{position:absolute;top:4px;right:8px;background:var(--clay);color:var(--line-chalk);font-size:9px;padding:1px 4px;border-radius:8px;}
@media(max-width:900px){.sidebar{display:none;}.mobile-header{display:flex;}.mobile-nav{display:block;}.app-content{padding-bottom:70px!important;}}

/* ── MAIN CONTENT ── */
.app-content{padding:24px clamp(14px,3vw,40px) 50px;background:radial-gradient(ellipse 800px 500px at 60% -10%,rgba(122,155,118,0.07),transparent 60%),var(--court-dark);}
.page{display:none;}.page.active{display:block;}
.page-header{margin-bottom:22px;}
.page-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:700;text-transform:uppercase;margin:0 0 4px;}
.page-subtitle{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--line-chalk-dim);text-transform:uppercase;letter-spacing:0.05em;}

/* ── BUTTONS ── */
.btn{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;font-size:12.5px;padding:8px 16px;border-radius:4px;border:1px solid transparent;transition:all .15s;cursor:pointer;}
.btn-primary{background:var(--volt);color:var(--volt-ink);border-color:var(--volt);font-weight:600;}
.btn-primary:hover{background:#F4FF5C;border-color:#F4FF5C;}
.btn-ghost{background:transparent;color:var(--line-chalk);border-color:var(--border-strong);}
.btn-ghost:hover{border-color:var(--clay-bright);color:var(--clay-bright);}
.btn-sm{padding:5px 11px;font-size:11px;}
.btn-xs{padding:3px 8px;font-size:10px;}
.btn-coach{background:rgba(123,104,238,0.2);border-color:rgba(123,104,238,0.4);color:var(--coach-color);}
.btn-coach:hover{background:rgba(123,104,238,0.35);}
.btn-danger{color:#E0653F;border-color:rgba(224,101,63,0.4);background:transparent;}
.btn-danger:hover{background:rgba(224,101,63,0.12);}

/* ── CARDS ── */
.card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:8px;padding:18px 20px;}
.card-sm{padding:13px 15px;}

/* ── FEED ── */
.feed-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start;}
@media(max-width:1100px){.feed-grid{grid-template-columns:1fr;}}
.feed-list{display:flex;flex-direction:column;gap:14px;}
.post-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:10px;overflow:hidden;}
.post-card-header{display:flex;align-items:center;gap:11px;padding:14px 16px 12px;}
.post-avatar{width:40px;height:40px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;flex-shrink:0;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;}
.post-user-name{font-weight:600;font-size:14px;cursor:pointer;}
.post-user-name:hover{color:var(--clay-bright);}
.post-meta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--line-chalk-dim);}
.post-type-badge{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:0.05em;padding:2px 7px;border-radius:3px;margin-left:auto;}
.post-type-match{background:rgba(194,80,47,0.2);color:var(--clay-bright);}
.post-type-milestone{background:rgba(215,182,54,0.2);color:var(--ball);}
.post-type-journal{background:rgba(45,110,142,0.2);color:var(--hc-blue-bright);}
.post-type-drill{background:rgba(123,104,238,0.2);color:var(--coach-color);}
.post-body{padding:0 16px 12px;}
.post-match-card{background:var(--court-dark);border-radius:7px;padding:13px 15px;margin-bottom:10px;}
.post-match-score{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;letter-spacing:0.02em;}
.post-match-vs{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--line-chalk-dim);margin-bottom:4px;}
.post-match-result{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;padding:2px 8px;border-radius:3px;margin-top:5px;}
.result-win{background:rgba(122,155,118,0.18);color:#9BC196;}
.result-loss{background:rgba(224,101,63,0.16);color:var(--clay-bright);}
.post-caption{font-size:13.5px;line-height:1.6;color:var(--line-chalk-dim);margin-bottom:10px;}
.post-milestone{background:linear-gradient(135deg,rgba(215,182,54,0.1),rgba(122,155,118,0.1));border:1px solid rgba(215,182,54,0.2);border-radius:7px;padding:13px 15px;display:flex;align-items:center;gap:13px;margin-bottom:10px;}
.milestone-icon{font-size:28px;}
.milestone-text{font-family:'Space Grotesk',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:0.02em;}
.milestone-sub{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--line-chalk-dim);margin-top:2px;}
.post-actions{display:flex;align-items:center;gap:6px;padding:10px 16px;border-top:1px solid var(--border-soft);}
.reaction-btn{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border-soft);border-radius:20px;padding:5px 11px;color:var(--line-chalk-dim);font-size:13px;transition:all .15s;}
.reaction-btn:hover{border-color:var(--clay-bright);color:var(--line-chalk);}
.reaction-btn.reacted{background:rgba(194,80,47,0.15);border-color:var(--clay);color:var(--line-chalk);}
.reaction-count{font-family:'JetBrains Mono',monospace;font-size:11px;}
.comment-toggle-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--line-chalk-dim);font-size:13px;margin-left:auto;cursor:pointer;}
.comment-toggle-btn:hover{color:var(--line-chalk);}
.comments-section{border-top:1px solid var(--border-soft);padding:12px 16px;}
.comment-item{display:flex;gap:9px;margin-bottom:10px;}
.comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--court-panel-raised);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;flex-shrink:0;}
.comment-content{flex:1;}
.comment-user{font-weight:600;font-size:12.5px;margin-bottom:2px;}
.comment-text{font-size:13px;color:var(--line-chalk-dim);line-height:1.5;}
.comment-input-row{display:flex;gap:8px;align-items:center;margin-top:10px;}
.comment-input{flex:1;background:var(--court-dark);border:1px solid var(--border-soft);color:var(--line-chalk);padding:8px 11px;border-radius:20px;font-size:13px;font-family:'Archivo',sans-serif;}
.comment-input:focus{border-color:var(--clay);outline:none;}

/* ── POST COMPOSER ── */
.composer-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:10px;padding:16px;}
.composer-top{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px;}
.composer-textarea{flex:1;background:var(--court-dark);border:1px solid var(--border-soft);color:var(--line-chalk);padding:10px 13px;border-radius:8px;font-size:14px;font-family:'Archivo',sans-serif;resize:none;min-height:80px;line-height:1.5;}
.composer-textarea:focus{border-color:var(--clay);outline:none;}
.composer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.composer-type-btn{padding:5px 11px;border-radius:4px;border:1px solid var(--border-soft);background:transparent;color:var(--line-chalk-dim);font-family:'Space Grotesk',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.04em;transition:all .15s;}
.composer-type-btn.active{background:rgba(194,80,47,0.15);border-color:var(--clay);color:var(--line-chalk);}

/* ── SIDEBAR RIGHT ── */
.feed-sidebar{display:flex;flex-direction:column;gap:14px;}
.widget-title{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:0.05em;margin:0 0 12px;color:var(--line-chalk-dim);}
.suggestion-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-soft);}
.suggestion-item:last-child{border-bottom:none;padding-bottom:0;}
.sug-avatar{width:34px;height:34px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden;background-size:cover;cursor:pointer;}
.sug-name{font-size:13px;font-weight:600;cursor:pointer;}
.sug-name:hover{color:var(--clay-bright);}
.sug-meta{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--line-chalk-dim);}

/* ── PROFILES ── */
.profile-hero{background:linear-gradient(160deg,var(--court-panel),var(--court-panel-raised));border:1px solid var(--border-soft);border-radius:10px;padding:24px;margin-bottom:18px;}
.profile-hero-top{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px;flex-wrap:wrap;}
.profile-big-avatar{width:80px;height:80px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;flex-shrink:0;overflow:hidden;background-size:cover;background-position:center;border:3px solid var(--clay);}
.profile-hero-name{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,32px);text-transform:uppercase;margin:0 0 4px;line-height:1.1;}
.profile-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}
.profile-stat-pill{font-family:'JetBrains Mono',monospace;font-size:11px;background:var(--court-dark);border:1px solid var(--border-soft);padding:4px 10px;border-radius:4px;}
.profile-stat-pill b{color:var(--ball);}
.profile-bio{font-size:13.5px;color:var(--line-chalk-dim);line-height:1.6;margin-top:10px;}
.profile-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.connect-status{font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:0.04em;}
.connect-status.pending{background:rgba(215,182,54,0.15);color:var(--ball);}
.connect-status.connected{background:rgba(122,155,118,0.15);color:#9BC196;}
.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-soft);margin-bottom:18px;}
.profile-tab{padding:11px 18px;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:0.04em;color:var(--line-chalk-dim);cursor:pointer;border-bottom:3px solid transparent;transition:all .15s;}
.profile-tab.active{color:var(--line-chalk);border-bottom-color:var(--clay);}
.profile-tab:hover{color:var(--line-chalk);}

/* ── CONNECTIONS ── */
.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.conn-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;}
.conn-avatar{width:52px;height:52px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;}
.conn-name{font-family:'Space Grotesk',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:0.02em;cursor:pointer;}
.conn-name:hover{color:var(--clay-bright);}
.conn-role{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.05em;padding:2px 7px;border-radius:3px;}
.conn-utr{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ball);}
.conn-actions{display:flex;gap:6px;}
.pending-card{background:rgba(215,182,54,0.06);border-color:rgba(215,182,54,0.2);}
.pending-label{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:0.05em;color:var(--ball);margin-bottom:2px;}

/* ── COACH DASHBOARD ── */
.coach-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
@media(max-width:700px){.coach-stats-row{grid-template-columns:1fr 1fr;}}
.coach-stat{background:linear-gradient(160deg,rgba(123,104,238,0.12),var(--court-panel));border:1px solid rgba(123,104,238,0.2);border-radius:8px;padding:14px 16px;}
.coach-stat-label{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--line-chalk-dim);display:block;margin-bottom:3px;}
.coach-stat-val{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:600;color:var(--coach-color);}
.student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px;}
.student-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:8px;padding:16px;cursor:pointer;transition:border-color .15s,transform .15s;}
.student-card:hover{border-color:rgba(123,104,238,0.4);transform:translateY(-2px);}
.student-card-top{display:flex;align-items:center;gap:11px;margin-bottom:12px;}
.student-avatar{width:42px;height:42px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;flex-shrink:0;overflow:hidden;background-size:cover;}
.student-name{font-family:'Space Grotesk',sans-serif;font-size:15px;text-transform:uppercase;margin:0 0 2px;}
.student-meta{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--line-chalk-dim);}
.student-skill-bars{display:flex;flex-direction:column;gap:5px;}
.skill-bar-row{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--line-chalk-dim);}
.skill-bar-label{width:28px;flex-shrink:0;}
.skill-bar-track{flex:1;height:4px;background:var(--court-dark);border-radius:2px;overflow:hidden;}
.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--green-mid),var(--ball));}
.skill-bar-val{width:22px;text-align:right;color:var(--ball);}
.last-active{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--line-chalk-dim);margin-top:10px;padding-top:8px;border-top:1px solid var(--border-soft);}

/* ── PARENT DASHBOARD ── */
.parent-child-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.child-tab{padding:8px 16px;border-radius:5px;border:1px solid var(--border-soft);background:transparent;color:var(--line-chalk-dim);font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;transition:all .15s;}
.child-tab.active{background:rgba(232,168,56,0.15);border-color:rgba(232,168,56,0.4);color:var(--parent-color);}
.parent-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;}
@media(max-width:700px){.parent-summary{grid-template-columns:1fr 1fr;}}
.parent-stat{background:linear-gradient(160deg,rgba(232,168,56,0.08),var(--court-panel));border:1px solid rgba(232,168,56,0.2);border-radius:8px;padding:13px 15px;}
.parent-stat-label{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--line-chalk-dim);display:block;margin-bottom:3px;}
.parent-stat-val{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;color:var(--parent-color);}

/* ── NOTIFICATIONS ── */
.notif-list{display:flex;flex-direction:column;gap:6px;}
.notif-item{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;background:var(--court-panel);border:1px solid var(--border-soft);border-radius:7px;transition:border-color .15s;}
.notif-item.unread{border-left:3px solid var(--clay);background:rgba(194,80,47,0.04);}
.notif-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
.notif-text{font-size:13.5px;line-height:1.5;flex:1;}
.notif-text strong{color:var(--line-chalk);}
.notif-time{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--line-chalk-dim);flex-shrink:0;margin-top:2px;}

/* ── SEARCH ── */
.search-bar-wrap{position:relative;margin-bottom:20px;}
.search-bar-wrap input{width:100%;background:var(--court-panel);border:1px solid var(--border-soft);color:var(--line-chalk);padding:12px 14px 12px 40px;border-radius:8px;font-size:14px;font-family:'Archivo',sans-serif;}
.search-bar-wrap input::placeholder{color:var(--line-chalk-dim);}
.search-bar-wrap input:focus{border-color:var(--clay);outline:none;}
.search-bar-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);opacity:0.45;width:16px;height:16px;}
.search-results{display:flex;flex-direction:column;gap:10px;}
.search-result-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:13px;}
.sr-avatar{width:44px;height:44px;border-radius:50%;background:var(--clay);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;flex-shrink:0;overflow:hidden;background-size:cover;cursor:pointer;}
.sr-name{font-family:'Space Grotesk',sans-serif;font-size:16px;text-transform:uppercase;cursor:pointer;}
.sr-name:hover{color:var(--clay-bright);}
.sr-meta{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--line-chalk-dim);margin-top:2px;}
.sr-actions{margin-left:auto;display:flex;gap:7px;}

/* ── MY PROFILE EDIT ── */
.edit-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:600px){.edit-profile-grid{grid-template-columns:1fr;}}
.field{margin-bottom:14px;}
.field label{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--green-mid);margin-bottom:5px;}
.field input,.field select,.field textarea{width:100%;background:var(--court-dark);border:1px solid var(--border-soft);color:var(--line-chalk);padding:9px 11px;border-radius:4px;font-size:13.5px;font-family:'Archivo',sans-serif;}
.field textarea{resize:vertical;min-height:80px;line-height:1.5;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--clay);outline:none;}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border-soft);}
.toggle-label{font-size:13.5px;}
.toggle-sub{font-size:11.5px;color:var(--line-chalk-dim);margin-top:2px;}
.toggle-switch{width:42px;height:24px;background:var(--border-strong);border-radius:12px;position:relative;cursor:pointer;transition:background .2s;border:none;flex-shrink:0;}
.toggle-switch.on{background:var(--clay);}
.toggle-switch::after{content:'';position:absolute;width:18px;height:18px;background:var(--line-chalk);border-radius:50%;top:3px;left:3px;transition:left .2s;}
.toggle-switch.on::after{left:21px;}

/* ── DRILL CARD ── */
.drill-card{background:rgba(123,104,238,0.08);border:1px solid rgba(123,104,238,0.2);border-radius:7px;padding:12px 14px;margin-top:8px;}
.drill-card-title{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--coach-color);margin-bottom:5px;}
.drill-card-text{font-size:13px;color:var(--line-chalk-dim);}

/* ── MISC ── */
.section-divider{display:flex;align-items:center;gap:8px;margin:20px 0 14px;}
.section-divider span{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:0.08em;color:var(--clay-bright);white-space:nowrap;}
.section-divider::after{content:'';flex:1;height:1px;background:var(--border-soft);}
.empty-state{text-align:center;padding:50px 20px;}
.empty-state .empty-icon{font-size:48px;margin-bottom:14px;}
.empty-state h3{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:18px;margin:0 0 7px;}
.empty-state p{color:var(--line-chalk-dim);font-size:13.5px;margin:0 0 16px;}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(18px);background:var(--court-panel-raised);border:1px solid var(--border-strong);color:var(--line-chalk);padding:10px 18px;border-radius:5px;font-size:12.5px;font-family:'JetBrains Mono',monospace;opacity:0;pointer-events:none;transition:all .25s;z-index:9999;display:flex;align-items:center;gap:8px;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.confirm-overlay{position:fixed;inset:0;background:rgba(8,15,10,0.75);z-index:80;display:none;align-items:center;justify-content:center;padding:20px;}
.confirm-overlay.open{display:flex;}
.confirm-box{background:var(--court-panel-raised);border:1px solid var(--border-strong);border-radius:8px;padding:22px 24px;max-width:360px;width:100%;}
.confirm-box h3{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;margin:0 0 8px;font-size:17px;}
.confirm-box p{font-size:13px;color:var(--line-chalk-dim);margin:0 0 18px;line-height:1.55;}
.confirm-box .row{display:flex;gap:8px;justify-content:flex-end;}
.modal-overlay{position:fixed;inset:0;background:rgba(8,15,10,0.7);backdrop-filter:blur(2px);z-index:60;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal{background:var(--court-panel);border:1px solid var(--border-strong);border-radius:10px;width:min(500px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,0.5);}
.modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.modal-header h3{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:17px;margin:0;letter-spacing:0.02em;}
.modal-body{padding:18px 22px 22px;overflow-y:auto;}
.modal-close{background:transparent;border:1px solid var(--border-soft);color:var(--line-chalk);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;}
.modal-close:hover{border-color:var(--clay-bright);color:var(--clay-bright);}
/* ── LANDING PAGE ── */
#landingScreen{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#08080A 0%,#0C0C0E 55%,#111116 100%);}
.landing-bg{position:absolute;inset:0;z-index:0;}
.court-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(122,155,118,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(122,155,118,0.06) 1px,transparent 1px);background-size:60px 60px;animation:courtShift 20s linear infinite;}
@keyframes courtShift{0%{background-position:0 0;}100%{background-position:60px 60px;}}
.particle{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--clay-bright);opacity:0.4;animation:particleFloat var(--d) ease-in-out infinite alternate;}
@keyframes particleFloat{0%{transform:translateY(0) scale(1);}100%{transform:translateY(-30px) scale(1.5);opacity:0.1;}}
.ball-3d{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#C8E84A,#8CB820 60%,#5A8010);box-shadow:0 0 40px rgba(156,196,42,0.4),inset -8px -8px 20px rgba(0,0,0,0.3);animation:ballOrbit 8s linear infinite;top:20%;left:10%;}
@keyframes ballOrbit{0%{transform:translate(0,0) rotate(0deg);}25%{transform:translate(60vw,10vh) rotate(90deg);}50%{transform:translate(70vw,50vh) rotate(180deg);}75%{transform:translate(10vw,60vh) rotate(270deg);}100%{transform:translate(0,0) rotate(360deg);}}
.ball-3d::after{content:'';position:absolute;width:100%;height:40%;top:20%;left:0;background:transparent;border-top:2px solid rgba(255,255,255,0.3);border-radius:50%;transform:rotateX(60deg);}
.landing-wrap{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;}
.landing-hero{max-width:860px;width:100%;text-align:center;}
.landing-logo-wrap{margin-bottom:24px;}
.landing-logo-img{max-width:320px;width:90%;filter:drop-shadow(0 0 30px rgba(224,101,63,0.5));}
.landing-logo-svg{display:flex;flex-direction:column;align-items:center;gap:12px;}
.logo-badge{filter:drop-shadow(0 0 20px rgba(224,101,63,0.6));animation:logoPulse 3s ease-in-out infinite;}
@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 20px rgba(224,101,63,0.6));}50%{filter:drop-shadow(0 0 40px rgba(224,101,63,0.9));}}
.logo-text-wrap{text-align:center;}
.logo-main{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,7vw,72px);font-weight:700;text-transform:uppercase;letter-spacing:0.02em;line-height:1;color:#F4EFE2;text-shadow:0 0 40px rgba(224,101,63,0.4);}
.logo-main span{color:#E8FF2B;}
.logo-main em{color:#8B7CF8;font-style:normal;}
.logo-tagline{font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:0.15em;color:var(--line-chalk-dim);margin-top:6px;}
.landing-subtitle{font-size:clamp(14px,2.5vw,18px);color:var(--line-chalk-dim);margin:0 auto 32px;max-width:560px;line-height:1.7;}
.landing-role-title{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:0.1em;color:var(--line-chalk-dim);margin-bottom:14px;}
.landing-roles{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.landing-role-card{background:rgba(255,255,255,0.04);border:2px solid rgba(244,239,226,0.12);border-radius:12px;padding:20px 16px;width:clamp(150px,28vw,200px);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden;}
.landing-role-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .2s;}
.landing-role-card[data-role=player]::before{background:linear-gradient(135deg,rgba(122,155,118,0.15),transparent);}
.landing-role-card[data-role=coach]::before{background:linear-gradient(135deg,rgba(123,104,238,0.15),transparent);}
.landing-role-card[data-role=parent]::before{background:linear-gradient(135deg,rgba(232,168,56,0.15),transparent);}
.landing-role-card.active::before{opacity:1;}
.landing-role-card[data-role=player].active{border-color:var(--player-color);box-shadow:0 0 20px rgba(122,155,118,0.3);}
.landing-role-card[data-role=coach].active{border-color:var(--coach-color);box-shadow:0 0 20px rgba(123,104,238,0.3);}
.landing-role-card[data-role=parent].active{border-color:var(--parent-color);box-shadow:0 0 20px rgba(232,168,56,0.3);}
.landing-role-card:hover{transform:translateY(-4px);}
.role-logo-svg{position:relative;z-index:1;}
.player-svg svg{filter:drop-shadow(0 0 8px rgba(122,155,118,0.5));}
.coach-svg svg{filter:drop-shadow(0 0 8px rgba(123,104,238,0.5));}
.parent-svg svg{filter:drop-shadow(0 0 8px rgba(232,168,56,0.5));}
.role-card-label{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;position:relative;z-index:1;}
.landing-role-card[data-role=player] .role-card-label{color:var(--player-color);}
.landing-role-card[data-role=coach] .role-card-label{color:var(--coach-color);}
.landing-role-card[data-role=parent] .role-card-label{color:var(--parent-color);}
.role-card-desc{font-size:11px;color:var(--line-chalk-dim);text-align:center;line-height:1.5;position:relative;z-index:1;}
.landing-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px;}
.landing-btn-primary{background:linear-gradient(135deg,var(--clay),var(--clay-bright));color:var(--line-chalk);border:none;padding:16px 48px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px rgba(194,80,47,0.4);}
.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(194,80,47,0.6);}
.landing-btn-ghost{background:transparent;border:none;color:var(--line-chalk-dim);font-size:13px;cursor:pointer;text-decoration:underline;padding:4px;}
.landing-btn-ghost:hover{color:var(--line-chalk);}
.landing-stats{display:flex;justify-content:center;gap:clamp(16px,4vw,40px);flex-wrap:wrap;}
.landing-stat{display:flex;flex-direction:column;align-items:center;gap:4px;}
.ls-num{font-size:24px;}
.ls-label{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.08em;color:var(--line-chalk-dim);}

/* ── TRACKER TABS ── */
.tracker-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-soft);margin-bottom:18px;overflow-x:auto;}
.tracker-tab{padding:11px 18px;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:0.04em;color:var(--line-chalk-dim);cursor:pointer;border-bottom:3px solid transparent;transition:all .15s;white-space:nowrap;}
.tracker-tab.active{color:var(--line-chalk);border-bottom-color:var(--clay);}
.tracker-tab:hover{color:var(--line-chalk);}
.tracker-tab-content{display:none;}
.tracker-tab-content.active{display:block;}

/* ── OPPONENT CARDS ── */
.opp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.opp-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:8px;padding:14px 16px;cursor:pointer;transition:border-color .15s,transform .15s;}
.opp-card:hover{border-color:var(--clay-bright);transform:translateY(-2px);}
.opp-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.opp-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--clay),var(--clay-bright));display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;flex-shrink:0;}
.opp-name{font-family:'Space Grotesk',sans-serif;font-size:15px;text-transform:uppercase;margin:0 0 2px;}
.opp-meta{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--line-chalk-dim);}
.opp-record{display:flex;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;}
.opp-matches{display:flex;flex-direction:column;gap:5px;margin-top:8px;}
.opp-match-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--line-chalk-dim);}

/* ── ROLE BADGES IN APP ── */
.role-badge-img{height:120px;width:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5));transition:transform .2s;}
.landing-role-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;}
.landing-role-card:hover .role-badge-img{transform:scale(1.05) translateY(-4px);}
.landing-role-card.active .role-badge-img{transform:scale(1.08) translateY(-4px);}
@media(max-width:600px){.role-badge-img{height:90px;}}

/* ── VERIFY STEP ── */
#verifyCode{width:100%;background:var(--court-dark);border:2px solid var(--clay);color:var(--line-chalk);padding:14px;border-radius:5px;outline:none;}
#verifyCode:focus{border-color:var(--clay-bright);}

@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;}.ball-3d,.particle,.court-lines{animation:none!important;}}

/* ── ADMIN ── */
.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;}
.admin-stat{background:linear-gradient(160deg,rgba(224,101,63,0.12),var(--court-panel));border:1px solid rgba(224,101,63,0.25);border-radius:8px;padding:14px 16px;}
.admin-stat-label{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--line-chalk-dim);display:block;margin-bottom:3px;}
.admin-stat-val{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;color:var(--clay-bright);}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;}
.admin-table th{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--line-chalk-dim);padding:8px 12px;border-bottom:1px solid var(--border-soft);text-align:left;}
.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border-soft);vertical-align:middle;}
.admin-table tr:hover td{background:rgba(244,239,226,0.03);}
.admin-section{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:8px;overflow:hidden;margin-bottom:20px;}
.admin-section-header{padding:14px 18px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;}
.admin-section-title{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:0.05em;color:var(--clay-bright);}
.admin-badge{font-family:'JetBrains Mono',monospace;font-size:10px;padding:2px 8px;border-radius:3px;background:rgba(224,101,63,0.15);color:var(--clay-bright);}
.nav-item[data-page=admin]{border-left-color:var(--clay-bright)!important;}
.nav-item[data-page=admin].active{background:rgba(224,101,63,0.1)!important;}
.admin-tab-content{animation:fadeIn .2s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.admin-user-row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background .12s;}
.admin-user-row:hover{background:rgba(244,239,226,0.04);}
.admin-user-row:last-child{border-bottom:none;}
.admin-skill-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;}
.admin-skill-bar-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--line-chalk-dim);width:90px;flex-shrink:0;}
.admin-skill-bar-track{flex:1;height:6px;background:var(--court-dark);border-radius:3px;overflow:hidden;}
.admin-skill-bar-fill{height:100%;border-radius:3px;}
.admin-skill-bar-val{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ball);width:28px;text-align:right;}
.drilldown-header{background:linear-gradient(160deg,rgba(224,101,63,0.08),var(--court-panel));border:1px solid rgba(224,101,63,0.2);border-radius:10px;padding:22px 24px;margin-bottom:18px;}
.drilldown-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-soft);margin-bottom:18px;}
.drilldown-tab{padding:10px 16px;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:0.04em;color:var(--line-chalk-dim);cursor:pointer;border-bottom:3px solid transparent;transition:all .15s;}
.drilldown-tab.active{color:var(--clay-bright);border-bottom-color:var(--clay-bright);}
.drilldown-tab:hover{color:var(--line-chalk);}
@media(max-width:700px){#adminOverviewGrid,#adminAnalyticsGrid{grid-template-columns:1fr;}}
.landing-bg,.landing-bg *{pointer-events:none!important;}.ball-3d,.particle,.court-lines{pointer-events:none!important;}.landing-cta,.landing-roles,.landing-logo-wrap{position:relative;z-index:5;}.landing-btn-primary,.landing-btn-ghost{position:relative;z-index:6;}html{-webkit-text-size-adjust:100%;}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none;}.mobile-header{padding-top:calc(12px + env(safe-area-inset-top));}.page.active{animation:fadeIn .18s ease;}button,.nav-item,.mobile-nav-item{-webkit-user-select:none;user-select:none;}.mnav-icon{width:40px;height:40px;border-radius:11px;background:#1B1B1F;border:1px solid #2c2c31;display:flex;align-items:center;justify-content:center;font-size:19px;color:#8F8F96;transition:all .18s;}.mobile-nav-item.active .mnav-icon{background:var(--volt);border-color:var(--volt);color:var(--volt-ink);box-shadow:0 3px 0 #9BAB00;}.mobile-nav-item.active{color:var(--line-chalk);}.nav-icon{width:34px;height:34px;border-radius:9px;background:#1B1B1F;border:1px solid #2c2c31;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#8F8F96;transition:all .18s;flex-shrink:0;}.nav-item.active .nav-icon{background:var(--volt);border-color:var(--volt);color:var(--volt-ink);box-shadow:0 2px 0 #9BAB00;}.nav-item:hover .nav-icon{border-color:#3a3a41;color:var(--line-chalk);}.nav-item.active:hover .nav-icon{color:var(--volt-ink);}.tracker-tab{border-bottom:none!important;border-radius:999px;border:1px solid #2c2c31;background:#141417;margin-right:8px;padding:9px 16px;display:inline-flex;align-items:center;gap:7px;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.45);}.tracker-tab .ti{font-size:15px;}.tracker-tab.active{background:var(--volt);border-color:var(--volt);color:var(--volt-ink)!important;box-shadow:0 3px 0 #9BAB00;font-weight:600;}.tracker-tabs{border-bottom:none!important;gap:0;padding-bottom:4px;}.btn{border-radius:10px;transition:transform .1s,box-shadow .1s;}.btn-primary{box-shadow:0 4px 0 #9BAB00,0 8px 18px rgba(232,255,43,0.18);}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #9BAB00;}.btn-ghost{box-shadow:0 3px 0 rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.05);}.btn-ghost:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,0.55);}.sess-btn{border-radius:999px!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.45);transition:all .15s;}.ls-num{width:46px;height:46px;border-radius:12px;background:#1B1B1F;border:1px solid rgba(232,255,43,0.35);display:inline-flex;align-items:center;justify-content:center;font-size:21px;color:var(--volt);box-shadow:inset 0 -2px 0 rgba(232,255,43,0.18);}
.chat-list-item{display:flex;gap:12px;align-items:center;background:var(--court-panel);border:1px solid var(--border-soft);border-radius:10px;padding:13px 15px;margin-bottom:9px;cursor:pointer;transition:border-color .15s;}
.chat-list-item:hover{border-color:var(--border-strong);}
.chat-avatar{width:42px;height:42px;border-radius:11px;background:#1B1B1F;border:1px solid #2c2c31;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--volt);flex-shrink:0;}
#chatMessages{display:flex;flex-direction:column;gap:9px;overflow-y:auto;max-height:calc(100vh - 340px);min-height:220px;padding:4px 2px;}
.chat-row{display:flex;gap:9px;align-items:flex-end;}
.chat-row.mine{flex-direction:row-reverse;}
.chat-bubble{max-width:80%;padding:9px 13px;border-radius:13px;background:var(--court-panel);border:1px solid var(--border-soft);font-size:13.5px;line-height:1.5;word-break:break-word;}
.chat-row.mine .chat-bubble{background:rgba(232,255,43,0.10);border-color:rgba(232,255,43,0.28);}
.chat-meta{font-size:9.5px;font-family:'JetBrains Mono',monospace;color:var(--line-chalk-dim);margin-top:4px;}
.chat-mention{color:var(--volt);font-weight:600;}
.chat-card{border:1px solid rgba(232,255,43,0.35);border-radius:9px;padding:9px 12px;margin-top:7px;background:var(--court-dark);font-size:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.mention-opt{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;}
.mention-opt:hover,.mention-opt.sel{background:rgba(232,255,43,0.12);color:var(--volt);}
@media(max-width:420px){.mnav-icon{width:34px;height:34px;font-size:16px;}.mobile-nav-item{padding:6px 5px;font-size:9px;}}

.sched-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.sched-dow{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;color:var(--line-chalk-dim);text-align:center;padding:4px 0;}
.sched-cell{aspect-ratio:1;border:1px solid var(--border-soft);border-radius:8px;background:var(--court-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:12.5px;font-family:'Space Grotesk',sans-serif;transition:border-color .12s;position:relative;}
.sched-cell:hover{border-color:var(--border-strong);}
.sched-cell.other{opacity:0.28;}
.sched-cell.today{border-color:rgba(232,255,43,0.5);}
.sched-cell.sel{background:rgba(232,255,43,0.10);border-color:var(--volt);}
.sched-dots{display:flex;gap:3px;height:5px;}
.sched-dot{width:5px;height:5px;border-radius:50%;background:var(--volt);}
.sched-dot.busy{background:var(--clay-bright);}
.sched-ev{background:var(--court-panel);border:1px solid var(--border-soft);border-left:3px solid var(--volt);border-radius:8px;padding:12px 15px;margin-bottom:9px;}
.sched-ev.busy{border-left-color:var(--clay-bright);}
.rsvp-chip{font-size:9.5px;font-family:'JetBrains Mono',monospace;padding:2px 8px;border-radius:999px;text-transform:uppercase;}
@media(max-width:480px){.mnav-icon{width:30px;height:30px;font-size:15px;border-radius:9px;}.mobile-nav-item{padding:6px 3px;font-size:8px;gap:1px;}}

#landingCourtAnim{position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0.9;pointer-events:none;}
@media(prefers-reduced-motion:reduce){#landingCourtAnim .lca-ball{display:none;}}

.pwa-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(232,255,43,0.08);border:1px solid rgba(232,255,43,0.4);border-radius:999px;padding:9px 18px;font-size:12.5px;color:var(--volt);font-family:'Space Grotesk',sans-serif;cursor:pointer;transition:background .15s;position:relative;z-index:6;}
.pwa-chip:hover{background:rgba(232,255,43,0.15);}
.pwa-guide{max-width:400px;margin:12px auto 0;background:var(--court-panel);border:1px solid var(--border-strong);border-radius:12px;padding:15px 17px;text-align:left;position:relative;z-index:6;}
.pwa-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:9px;font-size:12.5px;color:var(--line-chalk-dim);line-height:1.5;}
.pwa-step b{color:var(--volt);}
.pwa-n{width:22px;height:22px;border-radius:50%;background:var(--volt);color:var(--volt-ink);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;font-family:'Space Grotesk',sans-serif;}
.pwa-hint{font-size:10.5px;color:var(--line-chalk-dim);margin-top:6px;border-top:1px solid var(--border-soft);padding-top:8px;}
.pwa-x{background:none;border:none;color:var(--line-chalk-dim);cursor:pointer;font-size:15px;padding:2px;}

.landing-wrap{position:relative;}
.pwa-corner{position:absolute;top:14px;right:14px;z-index:8;display:flex;flex-direction:column;align-items:flex-end;}
.pwa-corner .pwa-chip{padding:8px 15px;font-size:12px;}
.pwa-corner .pwa-guide{width:min(320px,calc(100vw - 28px));margin:10px 0 0;}
@media(max-width:600px){.pwa-corner{top:10px;right:10px;}.pwa-corner .pwa-chip{padding:7px 12px;font-size:11px;}}

.landing-footer{position:relative;z-index:5;text-align:center;margin-top:26px;padding-bottom:8px;font-size:11px;color:var(--line-chalk-dim);font-family:'JetBrains Mono',monospace;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;}
.landing-footer a{color:var(--line-chalk-dim);text-decoration:none;transition:color .15s;}
.landing-footer a:hover{color:var(--volt);}

.lc-lane{position:absolute;left:0;right:0;top:calc(100vh - 104px);height:78px;pointer-events:none;z-index:1;}
.lc-track{position:absolute;left:4%;right:4%;bottom:6px;height:2px;background:rgba(232,255,43,0.30);border-radius:2px;}
.lc-ballx{position:absolute;bottom:10px;left:4%;width:17px;height:17px;animation:lcx 7s linear infinite alternate;}
.lc-bally{width:17px;height:17px;border-radius:50%;background:#E8FF2B;box-shadow:inset -3px -3px 0 rgba(155,171,0,0.55);position:relative;z-index:2;animation:lcy 0.5s cubic-bezier(0.36,0,0.66,0.4) infinite alternate;}
.lc-shadow{position:absolute;left:50%;bottom:-4px;width:26px;height:6px;margin-left:-13px;border-radius:50%;background:rgba(0,0,0,0.55);animation:lcs 0.5s cubic-bezier(0.36,0,0.66,0.4) infinite alternate;}
@keyframes lcx{to{left:calc(96% - 17px);}}
@keyframes lcy{from{transform:translateY(0);}to{transform:translateY(-46px);}}
@keyframes lcs{from{transform:scaleX(1);opacity:0.55;}to{transform:scaleX(0.5);opacity:0.22;}}
@media(prefers-reduced-motion:reduce){.lc-lane{display:none;}}

#mrsBanner{background:linear-gradient(90deg,rgba(232,255,43,0.14),rgba(139,124,248,0.10));border:1px solid rgba(232,255,43,0.45);border-radius:11px;padding:11px 15px;margin-bottom:16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:13.5px;}
#mrsBanner .live-dot{width:9px;height:9px;border-radius:50%;background:#FF5D47;animation:mrsPulse 1.2s infinite;}
@keyframes mrsPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.8);}}
.mrs-board{background:var(--court-dark);border:1px solid var(--border-strong);border-radius:12px;padding:14px 16px;font-family:'JetBrains Mono',monospace;margin-bottom:12px;}
.mrs-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:15px;}
.mrs-name{flex:1;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mrs-serve{width:8px;height:8px;border-radius:50%;background:var(--volt);}
.mrs-set{width:26px;text-align:center;color:var(--line-chalk-dim);}
.mrs-pts{width:44px;text-align:center;font-size:19px;color:var(--volt);font-weight:700;}
.mrs-zones{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.mrs-zone{border-radius:14px;padding:26px 10px;text-align:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .08s;border:none;}
.mrs-zone:active{transform:scale(0.96);}
.mrs-zone.me{background:var(--volt);color:var(--volt-ink);box-shadow:0 5px 0 #9BAB00;}
.mrs-zone.opp{background:var(--clay);color:#fff;box-shadow:0 5px 0 #A03B26;}
.mrs-zone small{display:block;font-weight:400;font-size:10.5px;opacity:0.75;margin-top:3px;}
.mrs-tabs{display:flex;gap:7px;margin:4px 0 12px;flex-wrap:wrap;}
.mrs-tab{border-radius:999px;border:1px solid #2c2c31;background:#141417;padding:7px 14px;font-size:12px;font-family:'Space Grotesk',sans-serif;cursor:pointer;color:var(--line-chalk-dim);}
.mrs-tab.active{background:var(--volt);border-color:var(--volt);color:var(--volt-ink);box-shadow:0 3px 0 #9BAB00;font-weight:600;}
.mrs-stat-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--border-soft);font-size:13px;align-items:center;}
.mrs-stat-row b{font-family:'JetBrains Mono',monospace;}
.mrs-tagchips{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap;}
.mrs-tagchips button{border-radius:999px;border:1px solid var(--border-strong);background:var(--court-panel);color:var(--line-chalk);padding:7px 13px;font-size:12px;cursor:pointer;}

#mrsFab{position:fixed;right:16px;bottom:86px;z-index:60;display:flex;align-items:center;gap:7px;background:var(--volt);color:var(--volt-ink);border:none;border-radius:999px;padding:13px 18px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 5px 0 #9BAB00,0 10px 26px rgba(232,255,43,0.3);transition:transform .1s;}
#mrsFab:active{transform:translateY(3px);box-shadow:0 2px 0 #9BAB00;}
#mrsFab .ti{font-size:17px;}
#mrsFab.live{background:var(--clay-bright);color:#fff;box-shadow:0 5px 0 #A03B26,0 10px 26px rgba(255,93,71,0.35);animation:mrsPulse 1.4s infinite;}
@media(min-width:769px){#mrsFab{bottom:24px;right:24px;}}

.mrs-pill{border:0.5px solid var(--hc-blue-bright);color:var(--hc-blue-bright);border-radius:999px;padding:3px 11px;font-size:10px;font-family:'JetBrains Mono',monospace;}
.mrs-pill.hot{background:rgba(139,124,248,0.15);}
.mrs-fault{width:100%;background:var(--court-panel);border:1px solid var(--hc-blue-bright);color:var(--hc-blue-bright);border-radius:12px;padding:11px 6px;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:13px;box-shadow:0 3px 0 #3d3670;cursor:pointer;margin-bottom:10px;transition:transform .08s;}
.mrs-fault:active{transform:translateY(2px);box-shadow:0 1px 0 #3d3670;}
.mrs-fault.df{background:var(--hc-blue-bright);color:#1a1533;}
.mrs-fault small{display:block;font-size:10px;opacity:0.8;font-weight:400;}
.mrs-hintline{font-size:10px;color:var(--line-chalk-dim);margin:0 0 6px;font-family:'JetBrains Mono',monospace;}
.mrs-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px;}
.mrs-col{border-radius:12px;padding:9px;}
.mrs-col.volt{border:1px solid rgba(232,255,43,0.45);}
.mrs-col.clay{border:1px solid rgba(255,93,71,0.45);}
.mrs-col>p{font-family:'Space Grotesk',sans-serif;font-size:12.5px;margin:0 0 7px;text-align:center;}
.mrs-col.volt>p{color:var(--volt);}
.mrs-col.clay>p{color:var(--clay-bright);}
.mrs-col>p span{font-size:9px;color:var(--line-chalk-dim);}
.mrs-oc{display:block;width:100%;border:none;border-radius:9px;padding:10px 6px;font-size:12.5px;text-align:center;font-family:'Space Grotesk',sans-serif;cursor:pointer;margin-bottom:6px;transition:transform .07s;}
.mrs-oc:active{transform:translateY(2px);}
.mrs-oc:last-child{margin-bottom:0;}
.mrs-oc.volt{background:var(--volt);color:var(--volt-ink);box-shadow:0 3px 0 #9BAB00;}
.mrs-oc.clay{background:var(--clay);color:#FAECE7;box-shadow:0 3px 0 #A03B26;}
.mrs-oc.give{background:var(--court-panel);box-shadow:none;}
.mrs-oc.give.volt{border:1px solid rgba(232,255,43,0.5);color:var(--volt);}
.mrs-oc.give.clay{border:1px solid rgba(255,93,71,0.5);color:var(--clay-bright);}
.mrs-oc small{font-size:10px;opacity:0.7;font-weight:400;}
.mrs-sec{font-size:10px;color:var(--hc-blue-bright);font-family:'JetBrains Mono',monospace;margin:10px 0 3px;}
.mrs-sec:first-child{margin-top:0;}
.mrs-workon{background:var(--court-panel);border:0.5px solid rgba(232,255,43,0.35);color:var(--volt);border-radius:8px;padding:6px 10px;font-size:11px;font-family:'JetBrains Mono',monospace;}

.learn-card{background:var(--court-panel);border:0.5px solid var(--border-soft);border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:11px;margin-bottom:7px;cursor:pointer;transition:border-color .15s;}
.learn-card:hover{border-color:rgba(232,255,43,0.4);}
.learn-card.done{border-color:rgba(232,255,43,0.35);}
.learn-play{background:var(--volt);color:var(--volt-ink);border-radius:999px;padding:5px 12px;font-size:11.5px;font-family:'Space Grotesk',sans-serif;box-shadow:0 2px 0 #9BAB00;white-space:nowrap;}
.learn-card.done .learn-play{background:var(--court-dark);color:var(--volt);box-shadow:none;border:0.5px solid rgba(232,255,43,0.4);}
#tourRing{position:fixed;z-index:400;border:2.5px solid var(--volt);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,0.62),0 0 18px rgba(232,255,43,0.4);pointer-events:none;transition:all .35s ease;}
#tourCap{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:401;width:min(94vw,430px);background:var(--court-panel);border:1px solid rgba(232,255,43,0.45);border-radius:12px;padding:13px 15px;}
#tourCap .tc-step{font-size:9.5px;color:var(--hc-blue-bright);font-family:'JetBrains Mono',monospace;margin-bottom:4px;}
#tourCap .tc-text{font-size:13px;color:var(--line-chalk);line-height:1.6;min-height:38px;}
#tourCap .tc-row{display:flex;gap:7px;margin-top:10px;align-items:center;}

/* v51 — UTR-inspired type system */
.btn{border-radius:999px !important;font-family:'Space Grotesk',sans-serif;letter-spacing:0.05em;}
.hero-num{font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:54px;line-height:1;letter-spacing:-0.02em;color:var(--line-chalk);}
.hero-num small{font-size:24px;font-weight:300;}
.hero-cap{font-size:10.5px;color:var(--hc-blue-bright);font-family:'JetBrains Mono',monospace;letter-spacing:0.1em;margin-bottom:2px;}
.hero-sub{font-size:11px;color:var(--line-chalk-dim);margin-top:3px;}
.hair-row{padding:12px 0;border-bottom:0.5px solid rgba(244,239,226,0.07);}
.hair-row:last-child{border-bottom:none;}
.utab-row{display:flex;gap:20px;border-bottom:0.5px solid rgba(244,239,226,0.1);margin-bottom:14px;}
.utab{font-size:13.5px;color:var(--line-chalk-dim);padding-bottom:8px;cursor:pointer;border-bottom:2px solid transparent;background:none;}
.utab.active{color:var(--line-chalk);border-bottom-color:var(--volt);}
.mono-cap{font-size:10.5px;color:var(--line-chalk-dim);font-family:'JetBrains Mono',monospace;letter-spacing:0.1em;}
.sess-chip{font-size:9.5px;font-family:'JetBrains Mono',monospace;border-radius:3px;padding:2px 7px;text-transform:uppercase;}

.mrs-row2{display:flex;align-items:baseline;gap:12px;}
.mrs-name2{font-family:'Space Grotesk',sans-serif;font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mrs-nums .mrs-set{font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:38px;letter-spacing:0.04em;color:#6b6b72;margin-left:10px;}
.mrs-nums .mrs-set.won{color:var(--line-chalk);}
.mrs-pts2{font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:38px;color:var(--volt);width:66px;text-align:right;flex:none;}
.mrs-board2{background:none;border:none;padding:6px 0 2px;}

.mnav5{display:flex;align-items:flex-end;justify-content:space-around;padding:0 4px;}
.mnav5 .mobile-nav-item{flex:1;text-align:center;font-size:9.5px;padding:4px 0 3px;position:relative;}
.mnav-dot{display:block;width:4px;height:4px;border-radius:50%;background:transparent;margin:2px auto 0;}
.mobile-nav-item.active .mnav-dot{background:var(--volt);}
.mnav-center{flex:1;text-align:center;margin-top:-24px;}
#mnavMatch{width:52px;height:52px;border-radius:50%;background:var(--volt);color:#1E2205;border:none;box-shadow:0 3px 0 #9BAB00;font-size:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s;}
#mnavMatch:active{transform:translateY(2px);box-shadow:0 1px 0 #9BAB00;}
#mnavMatch.live{background:#FF5D47;color:#fff;box-shadow:0 3px 0 #A03B26;animation:mnavPulse 1.4s infinite;}
@keyframes mnavPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
#mnavMatchLbl{font-size:9px;color:var(--volt);margin-top:3px;font-family:'Space Grotesk',sans-serif;letter-spacing:0.06em;}
#mnavMatch.live+#mnavMatchLbl,{}
.me-hub{display:none;margin:0 0 18px;}
.me-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:0.5px solid rgba(244,239,226,0.07);color:var(--line-chalk);font-size:13.5px;cursor:pointer;}
.me-row>i:first-child{font-size:17px;color:var(--line-chalk-dim);}
@media(max-width:900px){.me-hub{display:block;} #mrsFab{display:none !important;}}

/* v56 minimal landing */
.landing-min{max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 22px;position:relative;}
.lm-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;}
.lm-brand{display:inline-flex;align-items:center;gap:9px;}
.lm-word{font-family:'Space Grotesk',sans-serif;font-size:16px;color:var(--line-chalk);letter-spacing:0.01em;}
.lm-word span{color:var(--volt);}
.lm-signin{background:none;border:none;color:var(--line-chalk-dim);font-size:13px;cursor:pointer;font-family:'Archivo',sans-serif;}
.lm-signin:hover{color:var(--line-chalk);}
.lm-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:60px 0 40px;overflow:hidden;width:100%;}
.lm-court{position:absolute;bottom:-70px;left:50%;transform:translateX(-50%) perspective(300px) rotateX(60deg);width:min(420px,90vw);height:240px;border:1px solid rgba(232,255,43,0.20);pointer-events:none;}
.lm-court-net{position:absolute;top:50%;left:0;right:0;border-top:1px solid rgba(232,255,43,0.12);}
.lm-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,7vw,52px);font-weight:500;color:var(--line-chalk);line-height:1.15;margin:0;position:relative;}
.lm-title span{color:var(--volt);}
.lm-sub{font-size:14px;color:var(--line-chalk-dim);margin:14px 0 0;position:relative;}
.lm-cta{margin-top:26px;background:var(--volt);color:#1E2205;border:none;border-radius:999px;padding:13px 38px;font-size:15px;font-family:'Space Grotesk',sans-serif;box-shadow:0 4px 0 #9BAB00;cursor:pointer;position:relative;transition:transform .08s;}
.lm-cta:active{transform:translateY(3px);box-shadow:0 1px 0 #9BAB00;}
.lm-fine{font-size:10.5px;color:rgba(244,239,226,0.3);margin:12px 0 0;position:relative;}
.lm-ghost{margin-top:20px;background:none;border:none;color:var(--line-chalk-dim);font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;position:relative;font-family:'Archivo',sans-serif;}
.lm-proof{display:flex;justify-content:center;gap:44px;padding:24px 0;border-top:0.5px solid rgba(244,239,226,0.07);}
.lm-proof span{text-align:center;}
.lm-proof b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:26px;color:var(--line-chalk);}
.lm-proof b.volt{color:var(--volt);}
.lm-proof small{font-size:8.5px;color:var(--line-chalk-dim);font-family:'JetBrains Mono',monospace;letter-spacing:0.1em;}
.lm-foot{display:flex;justify-content:space-between;padding:14px 0 18px;font-size:10px;color:rgba(244,239,226,0.25);}
@media(max-width:480px){.lm-proof{gap:26px;}}

.lm-roles{padding:6px 0 4px;}
.lm-roles-cap{font-size:10px;color:var(--line-chalk-dim);font-family:'JetBrains Mono',monospace;text-align:center;letter-spacing:0.12em;margin:0 0 11px;}
.lm-roles-row{display:flex;gap:9px;justify-content:center;}
.lm-role{flex:1;max-width:160px;background:rgba(12,12,14,0.9);border-radius:13px;padding:14px 8px;text-align:center;cursor:pointer;transition:transform .12s,border-color .12s;border:1px solid var(--border-soft);}
.lm-role:hover{transform:translateY(-2px);}
.lm-role.volt{border-color:rgba(232,255,43,0.45);}
.lm-role.violet{border-color:rgba(139,124,248,0.5);}
.lm-role.clay{border-color:rgba(255,93,71,0.5);}
.lm-role-txt{display:block;}
.lm-role-name{display:block;font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:var(--line-chalk);margin-top:6px;}
.lm-role-desc{display:block;font-size:9px;color:var(--line-chalk-dim);margin-top:2px;}
.lm-roles .lm-ghost{display:block;margin:14px auto 0;}

/* ═══ v61 mobile/tablet hardening — app-wide overflow guards ═══ */
img,svg,video,canvas{max-width:100%;}
.card,.page,.app-content{min-width:0;}
.tracker-tabs,.utabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;}
.tracker-tabs::-webkit-scrollbar,.utabs::-webkit-scrollbar{display:none;}
.tracker-tab{flex-shrink:0;}
.card table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media(max-width:900px){
  .app-content,.page,.card{overflow-x:hidden;}
  .card [style*="overflow-x:auto"]{overflow-x:auto;}
  .hero-num{font-size:clamp(30px,9vw,46px);}
  .hero-cap{font-size:9px;}
  .mrs-nums .mrs-set{font-size:clamp(24px,8.5vw,34px);margin-left:7px;}
  .mrs-name2{font-size:clamp(14px,4.5vw,18px);}
  .mrs-pts2{font-size:clamp(26px,9vw,40px);}
  [style*="gap:30px"]{gap:16px!important;}
  [style*="gap:28px"]{gap:16px!important;}
  [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important;}
  .card{padding:14px 12px;}
  .page{padding:12px 10px;}
}
@media(max-width:420px){
  .hero-num{font-size:clamp(26px,8.5vw,38px);}
  [style*="grid-template-columns:1fr 1fr"]{gap:8px!important;}
}

/* ═══ v62 NATIVE SKIN — mobile/tablet app feel (<=900px). Desktop untouched. ═══ */
@media(max-width:900px){
  .page{padding:8px 0 96px;}
  .app-content{padding:0 !important;padding-bottom:0 !important;}
  /* de-box: classed cards + inline-styled section cards */
  .card,
  .page [style*="background:var(--court-panel);border:1px solid var(--border-soft)"]{
    background:transparent !important;border:none !important;border-bottom:0.5px solid rgba(244,239,226,0.08) !important;
    border-radius:0 !important;padding:14px 16px !important;margin:0 !important;
  }
  /* re-box: tiles inside grids and modal dialogs keep their card look */
  [class*="-grid"] .card,[class*="-grid"] [style*="var(--court-panel)"],
  [style*="position:fixed"] .card,[style*="position:fixed"] [style*="var(--court-panel)"]{
    background:var(--court-panel) !important;border:1px solid var(--border-soft) !important;
    border-radius:12px !important;padding:14px !important;margin-bottom:10px !important;
  }
  /* segmented tabs */
  .tracker-tabs{display:flex;flex-wrap:nowrap;background:#141417;border-radius:999px;padding:3px;margin:4px 12px 12px;overflow:visible;}
  .tracker-tab{flex:1;min-width:0;justify-content:center;margin-right:0 !important;border:none !important;background:transparent;box-shadow:none !important;padding:8px 2px !important;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .tracker-tab .ti{display:none;}
  .tracker-tab.active{background:var(--volt);box-shadow:none !important;}
  /* summary stats → swipeable chips */
  #trkSummary{display:flex !important;grid-template-columns:none !important;overflow-x:auto;gap:8px !important;padding:0 16px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  #trkSummary::-webkit-scrollbar{display:none;}
  #trkSummary>*{flex:none;min-width:108px;background:#141417 !important;border:none !important;border-radius:12px !important;}
  /* list rows */
  .hair-row{padding:12px 16px;}
  /* floating New entry above the nav bar */
  #trkNewEntryBtn{position:fixed;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:45;border-radius:999px;padding:12px 18px;box-shadow:0 4px 0 #9BAB00,0 10px 24px rgba(0,0,0,0.5);}
}
@media(max-width:480px){
  .page [style*="grid-template-columns:1fr 1fr;"]{grid-template-columns:1fr !important;}
  .tracker-tab{font-size:10.5px;}
}

/* ═══ v63 tracker mobile-native home (<=900px only) ═══ */
.trk-mob{display:none;}
@media(max-width:900px){
  #page-tracker .page-header,#page-tracker .tracker-tabs{display:none;}
  #trkMrsBtn{display:none;}
  #page-tracker:not(.tm-open) #trkMobHome{display:block;}
  #page-tracker.tm-open .tm-backbar{display:flex;}
  .tm-head{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 0;}
  .tm-title{font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--line-chalk);}
  .tm-streak{display:inline-flex;align-items:center;gap:5px;background:#141417;border-radius:999px;padding:5px 12px;}
  .tm-streak .ti{font-size:14px;color:var(--volt);}
  .tm-streak b{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--line-chalk);font-weight:400;}
  .tm-week{display:flex;gap:5px;padding:10px 16px 2px;}
  .tm-wd{flex:1;text-align:center;}
  .tm-wd i{font-style:normal;font-size:8px;color:var(--line-chalk-dim);font-family:'JetBrains Mono',monospace;display:block;}
  .tm-wd b{display:block;width:8px;height:8px;border-radius:50%;background:#2c2c31;margin:4px auto 0;}
  .tm-wd b.on{background:var(--volt);}
  .tm-wd b.td:not(.on){background:transparent;border:1px solid var(--volt);}
  .tm-doors{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;}
  .tm-door{background:#141417;border-radius:14px;padding:12px;cursor:pointer;position:relative;}
  .tm-door .ti{font-size:18px;}
  .tm-door.volt{border-left:3px solid var(--volt);}.tm-door.volt .ti{color:var(--volt);}
  .tm-door.violet{border-left:3px solid #8B7CF8;}.tm-door.violet .ti{color:#8B7CF8;}
  .tm-door.clay{border-left:3px solid #FF5D47;}.tm-door.clay .ti{color:#FF5D47;}
  .tm-door.ball{border-left:3px solid var(--ball);}.tm-door.ball .ti{color:var(--ball);}
  .tm-door-name{display:block;font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:var(--line-chalk);margin-top:5px;}
  .tm-door-tease{display:block;font-size:9px;color:var(--line-chalk-dim);margin-top:2px;}
  .tm-jhead{display:flex;justify-content:space-between;padding:4px 16px 8px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.1em;color:var(--line-chalk-dim);}
  #tmCount{color:var(--volt);}
  .tm-backbar{align-items:center;gap:10px;padding:12px 16px;border-bottom:0.5px solid rgba(244,239,226,0.08);font-family:'Space Grotesk',sans-serif;font-size:15px;color:var(--line-chalk);cursor:pointer;}
  .tm-backbar .ti{font-size:19px;}
  #page-tracker.tm-open #trackerEmbed{animation:tmSlide .22s ease;}
  @keyframes tmSlide{from{transform:translateX(26px);opacity:0.4;}to{transform:none;opacity:1;}}
  /* journal row icon tiles */
  .jr-ico{width:34px;height:34px;border-radius:10px;background:#141417;display:inline-flex;align-items:center;justify-content:center;float:left;margin-right:11px;}
  .jr-ico .ti{font-size:16px;color:var(--line-chalk-dim);}
  .jr-w{background:rgba(232,255,43,0.1);}.jr-w .ti{color:var(--volt);}
  .jr-l{background:rgba(255,93,71,0.1);}.jr-l .ti{color:#FF5D47;}
  .hair-row{overflow:hidden;}
  /* bottom nav un-boxed */
  .mnav-icon,.mobile-nav-item .mnav-icon{background:transparent !important;border:none !important;box-shadow:none !important;width:auto;height:auto;font-size:21px;}
  .mobile-nav-item.active .mnav-icon{background:transparent !important;color:var(--volt) !important;box-shadow:none !important;}
  .mobile-nav-item{position:relative;}
  .mobile-nav-item.active::after{content:'';position:absolute;bottom:1px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--volt);}
  .mobile-nav-item.active{color:var(--volt);}
  #mnavMatch .mnav-icon,#mnavMatch{background:var(--volt) !important;}
}

/* ═══ v65 RizzDrills ═══ */
.dr-tabs{display:flex;background:#141417;border-radius:999px;padding:3px;margin:4px 0 14px;max-width:420px;}
.dr-tab{flex:1;text-align:center;padding:8px 4px;font-size:11.5px;color:var(--line-chalk-dim);border-radius:999px;cursor:pointer;font-family:'Space Grotesk',sans-serif;white-space:nowrap;}
.dr-tab.on{background:var(--volt);color:#1E2205;}
.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px;}
.dr-card{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:12px;padding:10px;}
.dr-card-name{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--line-chalk);margin-top:6px;}
.dr-card-btns{display:flex;gap:6px;margin-top:7px;}
.dr-ov{position:fixed;inset:0;background:rgba(5,5,6,0.88);z-index:300;display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto;}
.dr-ov-card{background:#0E0E11;border:1px solid #2c2c31;border-radius:18px;padding:16px;width:100%;max-width:430px;max-height:92vh;overflow-y:auto;}
.dr-tools{display:flex;gap:6px;justify-content:center;margin-top:10px;flex-wrap:wrap;}
.dr-toolbtn{background:#141417;border:1px solid #2c2c31;color:var(--line-chalk-dim);border-radius:11px;padding:7px 10px;font-size:9px;text-align:center;cursor:pointer;}
.dr-toolbtn .ti{font-size:14px;display:block;margin:0 auto 2px;}
.dr-toolbtn.on{background:var(--volt);border-color:var(--volt);color:#1E2205;}
.dr-asg{background:var(--court-panel);border:1px solid var(--border-soft);border-radius:14px;padding:13px;margin-bottom:11px;}
.dr-asg-from{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:0.08em;color:#8B7CF8;}
.dr-asg-name{font-family:'Space Grotesk',sans-serif;font-size:14px;color:var(--line-chalk);}
.dr-asg-step{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:0.5px solid rgba(244,239,226,0.07);}
.dr-tgt{border:1px solid #2c2c31;color:var(--line-chalk);border-radius:999px;padding:7px 14px;font-size:11px;cursor:pointer;}
.dr-tgt.on{background:var(--volt);border-color:var(--volt);color:#1E2205;}
.dr-ord{width:20px;height:20px;border-radius:7px;border:1px solid #2c2c31;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#1E2205;flex:none;}
.dr-ord.on{background:var(--volt);border-color:var(--volt);}
@media(max-width:900px){.dr-grid{grid-template-columns:1fr 1fr;} .dr-ov{align-items:flex-end;padding:0;} .dr-ov-card{border-radius:18px 18px 0 0;max-width:none;}}

.dr-cols{display:flex;gap:7px;justify-content:center;margin-top:10px;align-items:center;}
.dr-col{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--line-chalk-dim);}
.dr-col.auto{background:#141417;border-color:#2c2c31;}
.dr-col.on{border-color:#F4EFE2;box-shadow:0 0 0 2px #0E0E11,0 0 0 3.5px var(--volt);}

/* ═══ v68 mobile landing fix ═══ */
.pwa-strip-x{display:none;}
@media(max-width:900px){
  /* install chip → static full-width strip above nav (never overlaps) */
  .landing-min .pwa-corner{position:static;top:auto;right:auto;width:calc(100% + 44px);margin:0 -22px;order:-1;}
  .landing-min .pwa-chip{width:100%;border-radius:0;justify-content:center;display:flex;align-items:center;gap:7px;padding:calc(10px + env(safe-area-inset-top,0px)) 40px 10px 14px;font-size:11.5px;border-left:none;border-right:none;border-top:none;background:#101013;}
  .landing-min .pwa-corner{position:relative;}
  .landing-min .pwa-strip-x{display:block;position:absolute;top:calc(50% + env(safe-area-inset-top,0px)/2);transform:translateY(-50%);right:10px;background:none;border:none;color:rgba(244,239,226,0.35);font-size:15px;padding:6px;cursor:pointer;}
  .landing-min .pwa-guide{position:fixed;left:12px;right:12px;top:auto;bottom:14px;z-index:80;}
  /* stacked role rows */
  .lm-roles{width:100%;}
  .lm-roles-row{flex-direction:column;gap:8px;width:100%;align-items:stretch;justify-content:flex-start;}
  .lm-role{max-width:none !important;width:100% !important;box-sizing:border-box;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;min-height:60px;}
  .lm-role svg{width:34px;height:34px;flex:none;}
  .lm-role-txt{flex:1;min-width:0;}
  .lm-role-name{margin-top:0;font-size:14px;}
  .lm-role-desc{margin-top:2px;font-size:11px;white-space:nowrap;}
  .lm-role::after{content:'›';color:rgba(244,239,226,0.25);font-size:18px;flex:none;}
  /* hero rhythm */
  .lm-hero{padding:28px 0 16px;}
  .lm-title{font-size:clamp(28px,8vw,38px);}
  .lm-sub{margin-top:9px;font-size:12.5px;}
  .lm-cta{margin-top:17px;padding:11px 32px;font-size:14px;}
  .lm-fine{margin-top:9px;}
  .lm-court{width:min(300px,84vw);height:170px;bottom:-52px;}
  .lm-proof{padding:16px 0;}
  .lm-proof b{font-size:20px;}
  .landing-min .lm-nav{padding-top:12px;}
}
@media(max-width:380px){.lm-word{font-size:14px;}}

/* v69 landing polish */
@media(max-width:900px){
  .lm-foot{flex-direction:column;align-items:center;gap:4px;padding:16px 0 30px;text-align:center;}
  .lm-court{opacity:0.65;}
}

/* v71 account section */
.acct-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:0.5px solid rgba(244,239,226,0.07);font-size:13px;color:var(--line-chalk);cursor:pointer;}
.acct-row:last-child{border-bottom:none;}
.acct-row .ti:first-child{font-size:16px;color:var(--line-chalk-dim);}
.acct-row.danger,.acct-row.danger .ti:first-child{color:var(--clay-bright);}
.acct-chev{margin-left:auto;color:rgba(244,239,226,0.2);font-size:13px;}

/* v74 safety pack */
.trr-rep-chip{border:1px solid var(--border-soft);color:var(--line-chalk-dim);border-radius:999px;padding:5px 12px;font-size:11px;cursor:pointer;}
.trr-rep-chip.on{border-color:var(--clay-bright);color:var(--clay-bright);}
.trr-rep:hover{color:var(--clay-bright);}

/* v75 mindset + activity goals */
.trr-ms-chip{width:26px;height:26px;border-radius:7px;background:var(--court-dark);color:var(--line-chalk-dim);font-size:11px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:'JetBrains Mono',monospace;}
.trr-ms-chip.on{background:var(--volt);color:#1E2205;font-weight:600;}
.trr-act-chip{border:1px solid var(--border-soft);color:var(--line-chalk-dim);border-radius:999px;padding:6px 13px;font-size:11.5px;cursor:pointer;}
.trr-act-chip.on{border-color:var(--volt);color:var(--volt);}

/* ═══ v78 iOS app-shell scroll: fixed nav can no longer drift ═══ */
@media(max-width:900px){
  body.in-app{height:100vh;height:100dvh;overflow:hidden;}
  body.in-app #appScreen{height:100%;display:block;}
  body.in-app .app-layout{height:100%;display:flex;flex-direction:column;overflow:hidden;}
  body.in-app main.app-content{flex:1;min-height:0;}
  body.in-app .mobile-header{position:static;flex:none;}
  body.in-app .app-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;}
  body.in-app .mobile-nav{position:fixed;bottom:0;left:0;right:0;}
}

/* v81 match type toggle */
.trr-mrs-type{color:var(--line-chalk-dim);}
.trr-mrs-type.on{background:#FF9F1C;color:#1E2205;font-family:'Space Grotesk',sans-serif;}
.trr-mrs-type.on:first-child{background:var(--volt);}

/* v93 structured suggestion form */
.fr-cat-chip{border:1px solid var(--border-soft);color:var(--line-chalk-dim);border-radius:10px;padding:8px 10px;font-size:10.5px;cursor:pointer;line-height:1.3;}
.fr-cat-chip.on{border-color:var(--volt);color:var(--volt);}
.fr-aud-chip{border:1px solid var(--border-soft);border-radius:999px;padding:5px 13px;font-size:10.5px;cursor:pointer;opacity:0.65;}
.fr-aud-chip.on{opacity:1;font-weight:600;background:rgba(255,255,255,0.04);}

/* v94 sample states */
.trr-samp{opacity:0.78;pointer-events:none;margin-top:12px;}
.trr-samp-banner{display:flex;align-items:center;gap:9px;background:rgba(232,255,43,0.07);border:1px dashed rgba(232,255,43,0.4);border-radius:11px;padding:8px 12px;margin-top:10px;}
.trr-samp-cta{background:var(--volt);color:#1E2205;border:none;border-radius:999px;padding:5px 13px;font-size:10px;font-family:'Space Grotesk',sans-serif;cursor:pointer;}
.trr-samp-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:0.5px solid var(--border-soft);}
.trr-samp-ic{width:30px;height:30px;border-radius:9px;background:var(--court-panel);display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none;}
.trr-samp-h{font-size:8px;color:var(--line-chalk-dim);font-family:'JetBrains Mono',monospace;letter-spacing:0.1em;margin:13px 0 6px;}

/* v97 hero brand lockup */
.lm-lockup{text-align:center;position:relative;padding-top:34px;}
.lm-glow{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(ellipse, rgba(232,255,43,0.10), transparent 70%);pointer-events:none;}
.lm-lockup svg{position:relative;}
.lm-lockup-name{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;color:var(--line-chalk);letter-spacing:-0.01em;margin-top:8px;position:relative;}
.lm-lockup-name span{color:var(--volt);}
.lm-strap{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.24em;color:var(--line-chalk-dim);margin-top:6px;position:relative;}
.lm-signin-line{font-size:12px;color:var(--line-chalk-dim);margin-top:11px;}
.lm-signin-line a{color:var(--volt);text-decoration:underline;text-underline-offset:2px;cursor:pointer;}
@media(max-width:900px){.lm-lockup{padding-top:26px;}.lm-lockup-name{font-size:25px;}.lm-lockup svg{width:52px;height:52px;}}

.me-group-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--line-chalk-dim);margin:14px 2px 6px;}
.me-hub{margin-bottom:16px;}

/* v101 */
.me-row,.acct-row{min-width:0;}
.me-row b,.acct-row b,.chat-title,.conn-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw;}
#teamSection b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw;display:inline-block;vertical-align:bottom;}

/* v105 auth-race guard */
body.in-app #authScreen{display:none!important;}
body.in-app #landingScreen{display:none!important;}

/* v106 optimistic boot */
html.pre-auth #landingScreen,html.pre-auth #authScreen{display:none!important;}
html.pre-auth body::after{content:'🎾';position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;background:#0A0A0C;z-index:2000;animation:trrBootPulse 1.1s ease-in-out infinite;}
@keyframes trrBootPulse{50%{transform:scale(1.16);opacity:0.55;}}