:root{--bg: #0d0d0f;--surface: #16161a;--border: #2a2a2e;--text: #f4f4f5;--muted: #a1a1aa;--accent: #22c55e;--accent-hover: #16a34a;--radius: 12px;--font: "DM Sans", system-ui, sans-serif;--page-padding: 20px;--page-max: 480px;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--safe-left: env(safe-area-inset-left, 0);--safe-right: env(safe-area-inset-right, 0)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}.app-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px var(--page-padding);padding-left:max(var(--page-padding),var(--safe-left));padding-right:max(var(--page-padding),var(--safe-right));padding-top:max(12px,var(--safe-top));flex-shrink:0}.app-header-inner{max-width:var(--page-max);margin:0 auto}.app-header-logo{font-weight:700;font-size:clamp(1.1rem,3vw + .9rem,1.35rem);letter-spacing:-.03em;color:var(--text);text-decoration:none;-webkit-tap-highlight-color:transparent}.app-header-logo:hover{color:var(--text);opacity:.9}.app-header-logo span{color:var(--accent)}.app-footer{background:var(--surface);border-top:1px solid var(--border);padding:20px var(--page-padding);padding-left:max(var(--page-padding),var(--safe-left));padding-right:max(var(--page-padding),var(--safe-right));padding-bottom:max(20px,var(--safe-bottom));flex-shrink:0;margin-top:auto}.app-footer-inner{max-width:var(--page-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.app-footer .open-app{margin-top:0;width:100%}.app-footer-copy{margin:0;font-size:.75rem;color:var(--muted)}.share-export-wrap{max-width:var(--page-max);margin:0 auto;padding:16px var(--page-padding);padding-top:8px;padding-left:max(var(--page-padding),var(--safe-left));padding-right:max(var(--page-padding),var(--safe-right));padding-bottom:max(24px,var(--safe-bottom));display:flex;justify-content:flex-end}.export-image-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-family:var(--font);font-size:.95rem;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.export-image-btn:hover:not(:disabled){background:var(--accent-hover)}.export-image-btn:disabled{opacity:.7;cursor:not-allowed}.share-page{max-width:var(--page-max);margin:0 auto;padding:24px var(--page-padding);padding-left:max(var(--page-padding),var(--safe-left));padding-right:max(var(--page-padding),var(--safe-right));padding-top:max(24px,var(--safe-top));padding-bottom:max(24px,var(--safe-bottom));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.share-page h1{font-size:clamp(1.25rem,4vw + 1rem,1.75rem);font-weight:700;margin:0 0 8px;letter-spacing:-.02em;word-break:break-word}.share-page .meta{color:var(--muted);font-size:clamp(.8rem,2vw + .7rem,.95rem);margin-bottom:24px}.share-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(14px,4vw,20px);margin-bottom:20px}.share-card .label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.share-card .value{font-size:clamp(.95rem,2vw + .8rem,1.05rem);font-weight:600;word-break:break-word}.open-app{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;max-width:100%;background:var(--accent);color:#fff;border:none;padding:14px 24px;border-radius:var(--radius);font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;margin-top:auto;transition:background .2s;-webkit-tap-highlight-color:transparent}.open-app:hover{background:var(--accent-hover)}.open-app:active{opacity:.95}.loading,.error{text-align:center;padding:clamp(32px,10vw,48px) 24px;color:var(--muted);font-size:clamp(.9rem,2vw + .8rem,1rem)}.error{color:#f87171}.logo{font-weight:700;font-size:clamp(1.1rem,3vw + .9rem,1.35rem);margin-bottom:clamp(24px,5vw,32px);letter-spacing:-.03em}.logo span{color:var(--accent)}.share-avatar{width:clamp(72px,20vw,96px);height:clamp(72px,20vw,96px);border-radius:50%;overflow:hidden;margin-bottom:16px;border:2px solid var(--border);flex-shrink:0}.share-avatar img{width:100%;height:100%;object-fit:cover}.share-hero{width:100%;max-height:min(180px,40vw);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;background:var(--surface)}.share-hero img{width:100%;height:100%;object-fit:cover}.share-hero--round{max-width:clamp(100px,28vw,140px);max-height:clamp(100px,28vw,140px);border-radius:50%;margin-left:0}.share-tag{color:var(--muted);font-size:clamp(.85rem,2vw + .75rem,.95rem);margin:0 0 8px;word-break:break-word}.share-stats-row{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,14px);margin-bottom:24px}.share-stat-box{flex:1 1 calc(50% - 8px);min-width:0;min-height:72px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(12px,3vw,16px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.share-stat-value{display:block;font-size:clamp(1.2rem,3vw + .8rem,1.5rem);font-weight:700;color:var(--accent);letter-spacing:-.02em;line-height:1.2}.share-stat-label{display:block;font-size:clamp(.65rem,1.5vw + .5rem,.75rem);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:4px;line-height:1.2}.share-section{margin-bottom:24px}.share-section-title{font-size:clamp(.8rem,2vw + .6rem,.9rem);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px}.share-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,12px)}.share-stats-grid .share-card{margin-bottom:0;padding:clamp(12px,3vw,16px)}.share-stats-grid .share-card .value{font-size:clamp(1rem,2vw + .8rem,1.15rem)}.share-card-sub{font-size:.85rem;color:var(--muted);margin-top:6px}.share-list{list-style:none;margin:0;padding:0}.share-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;font-size:.95rem}.share-list-item:last-child{margin-bottom:0}.share-list-meta{color:var(--muted);font-size:.85rem}.share-section-subtitle{font-size:.8rem;font-weight:600;color:var(--muted);margin:12px 0 8px}.share-scorecard-list{margin-top:0}.share-scorecard-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.share-scorecard-name{font-weight:500}.share-scorecard-stat{color:var(--accent);font-weight:600;flex-shrink:0}.share-details-grid,.share-result-block{display:flex;flex-direction:column;gap:8px}.share-detail-row{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.share-detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-width:60px}.share-detail-value{font-weight:600;font-size:.95rem}.share-result-winner .share-detail-value{color:var(--accent)}.share-table-wrap{overflow-x:auto;margin-bottom:16px;border-radius:var(--radius);border:1px solid var(--border)}.share-table{width:100%;border-collapse:collapse;font-size:.85rem}.share-table th,.share-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.share-table th{background:var(--surface);color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.04em}.share-table td{background:var(--bg)}.share-table tbody tr:last-child td{border-bottom:none}.share-table-muted{color:var(--muted);font-size:.8rem}.share-squad-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.share-squad-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.share-squad-team-name{font-weight:700;font-size:.9rem;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.share-squad-list{margin:0;padding-left:20px;font-size:.9rem;line-height:1.8}.share-extras{font-size:.85rem;color:var(--muted);margin-bottom:12px}.share-fow{font-size:.8rem;color:var(--muted);margin-bottom:16px;line-height:1.5}.share-innings-section{padding-top:8px}@media(max-width:360px){:root{--page-padding: 14px}.share-stats-row .share-stat-box{flex:1 1 100%}.share-stats-grid{gap:8px}}@media(min-width:600px){:root{--page-max: 560px;--page-padding: 28px}.share-stats-row .share-stat-box{flex:1 1 calc(25% - 12px);min-width:100px}}@media(min-width:768px){:root{--page-max: 640px;--page-padding: 32px}.share-page{padding-top:max(32px,var(--safe-top));padding-bottom:max(32px,var(--safe-bottom))}.share-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.open-app{width:auto;min-width:200px;padding:16px 32px}}@media(min-width:1024px){:root{--page-max: 720px;--page-padding: 40px}.share-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px}.share-hero{max-height:220px}.share-hero--round{max-width:160px;max-height:160px}}