:root{--bg:#03130f;--panel:#08231b;--card:rgba(255,255,255,.08);--card2:rgba(16,185,129,.12);--line:rgba(255,255,255,.12);--text:#f7fff9;--muted:#a8b8b0;--gold:#f6c66d;--green:#16e59a;--green2:#0ea371;--danger:#fb7185;--blue:#60a5fa;--shadow:0 24px 70px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(22,229,154,.19),transparent 32%),radial-gradient(circle at 85% 15%,rgba(246,198,109,.16),transparent 26%),linear-gradient(145deg,#020806,#041a13 55%,#020706);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03130fc2;border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;font-size:1.5rem}.logo{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--gold));display:grid;place-items:center;color:#00150d;box-shadow:0 16px 35px #16e59a40;font-weight:1000}.nav-links{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700}.nav-links a,.nav-links button{padding:10px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}.nav-links a:hover,.nav-links button:hover{background:var(--card);color:var(--text);border-color:var(--line)}.btn{border:0;border-radius:18px;padding:12px 17px;font-weight:900;cursor:pointer;color:#02130d;background:linear-gradient(135deg,var(--green),#94ffd2);box-shadow:0 16px 40px #16e59a2e;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#ffffff14;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.gold{background:linear-gradient(135deg,var(--gold),#fff0bd)}.btn.danger{background:linear-gradient(135deg,#fb7185,#fecdd3)}.container{max-width:1180px;margin:0 auto;padding:28px 18px 100px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;padding:52px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(246,198,109,.28);background:#f6c66d1a;color:#ffe7ac;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.86rem}.hero h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.92;margin:18px 0;letter-spacing:-.08em}.hero p{font-size:1.15rem;color:var(--muted);line-height:1.75;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.phone{border:1px solid var(--line);border-radius:42px;padding:14px;background:linear-gradient(160deg,#ffffff24,#ffffff0a);box-shadow:var(--shadow);max-width:390px;margin:auto}.phone-screen{border-radius:32px;min-height:620px;background:linear-gradient(180deg,#062319,#020a07);padding:18px;overflow:hidden}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(150deg,#ffffff1a,#ffffff0a);border-radius:26px;padding:20px;box-shadow:0 18px 55px #0000002e}.card.soft{box-shadow:none}.card h3{margin:0 0 8px}.muted{color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:34px 0 18px}.section-title h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.055em;margin:0}.score-card{position:relative;overflow:hidden}.score-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 10%,rgba(22,229,154,.19),transparent 30%);pointer-events:none}.pill{display:inline-flex;border-radius:999px;padding:7px 10px;background:#16e59a1f;border:1px solid rgba(22,229,154,.22);color:#afffe0;font-weight:900;font-size:.8rem}.pill.gold{background:#f6c66d1f;border-color:#f6c66d3d;color:#ffe5a3}.pill.red{background:#fb71851f;border-color:#fb71853d;color:#fecdd3}.scoreline{font-size:2.4rem;font-weight:1000;letter-spacing:-.08em;margin:10px 0}.teamline{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-weight:800}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid var(--line);background:#ffffff0f;color:var(--muted);border-radius:16px;padding:10px 13px;font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--green),#b2ffdc);color:#02130d}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-weight:900;color:#dfffee}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0000003d;color:var(--text);border-radius:16px;padding:13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#16e59ab3;box-shadow:0 0 0 4px #16e59a1a}.auth-card{max-width:520px;margin:36px auto}.score-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-btn{min-height:72px;border:1px solid var(--line);background:#ffffff14;color:var(--text);border-radius:22px;font-size:1.45rem;font-weight:1000;cursor:pointer}.score-btn:hover{background:#16e59a29}.score-btn.wicket{color:#fecdd3;background:#fb71851f}.bottom-nav{display:none}.list{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:13px}.avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--gold));object-fit:cover;color:#03130f;display:grid;place-items:center;font-weight:1000}.footer{border-top:1px solid var(--line);padding:28px 18px;color:var(--muted);text-align:center}.hide-mobile{display:block}@media (max-width:820px){.hero{grid-template-columns:1fr;padding:28px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-links{display:none}.container{padding-bottom:118px}.phone-screen{min-height:auto}.score-buttons{grid-template-columns:repeat(3,1fr)}.score-btn{min-height:66px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:12px;right:12px;bottom:12px;z-index:20;border:1px solid var(--line);background:#03130fe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:8px;box-shadow:var(--shadow)}.bottom-nav a{display:grid;place-items:center;gap:3px;color:var(--muted);font-size:.7rem;font-weight:900;padding:8px 4px;border-radius:16px}.bottom-nav a.active{background:#16e59a26;color:#baffdf}.hide-mobile{display:none}}.notice{border:1px solid rgba(246,198,109,.24);background:#f6c66d17;border-radius:20px;padding:14px;color:#ffe8af}.success{border:1px solid rgba(22,229,154,.24);background:#16e59a17;border-radius:20px;padding:14px;color:#baffdf}.error{border:1px solid rgba(251,113,133,.24);background:#fb718517;border-radius:20px;padding:14px;color:#fecdd3}.small{font-size:.9rem}.center{text-align:center}.spacer{height:16px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.tabs button{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);border-radius:999px;padding:10px 16px}.tabs button.active{background:linear-gradient(135deg,var(--green),#c9f45e);color:#06110d;font-weight:800}.sharebox{margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#ffffff0a}.copyrow{display:flex;gap:10px;margin-top:8px}.copyrow input{flex:1}.player-card{text-align:center}.stats{display:flex;justify-content:center;gap:16px;margin:14px 0}.stats span{font-size:24px;font-weight:900}.stats small{display:block;font-size:11px;color:var(--muted);font-weight:600}.profile-hero{display:flex;gap:22px;align-items:center}.avatar.big,.avatar.big img{width:116px;height:116px;font-size:48px}@media (max-width:700px){.copyrow{flex-direction:column}.profile-hero{flex-direction:column;text-align:center}}@media (max-width: 760px){.page,.shell,main{padding-left:12px!important;padding-right:12px!important}.container{padding-left:12px!important;padding-right:12px!important}.card{border-radius:18px!important;padding:14px!important}.grid,.grid-2,.grid-3,.grid-4{gap:12px!important}h1{font-size:32px!important;line-height:1.02!important}h2{font-size:24px!important}h3{font-size:18px!important}.section-title{gap:8px!important;margin-bottom:12px!important}.hero-actions{gap:8px!important}.btn,button{min-height:42px!important;padding:10px 13px!important;border-radius:14px!important}input,select,textarea{min-height:42px!important;padding:10px 12px!important;border-radius:13px!important}textarea{min-height:96px!important}.scoreline{font-size:36px!important}.score-buttons{gap:8px!important}.score-btn{min-height:54px!important;font-size:20px!important}.list-row{padding:12px!important;border-radius:16px!important}}:root{--px-bg: #020806;--px-panel: rgba(255,255,255,.072);--px-panel-soft: rgba(255,255,255,.045);--px-border: rgba(255,255,255,.115);--px-text: #f4fff8;--px-muted: #9fb2a8;--px-green: #76ff7a;--px-green-2: #15b95e;--px-gold: #ffd166;--px-radius: 20px;--px-shadow: 0 18px 55px rgba(0,0,0,.34)}body{background:radial-gradient(circle at 16% -6%,rgba(118,255,122,.18),transparent 28%),radial-gradient(circle at 88% 0%,rgba(255,209,102,.1),transparent 26%),linear-gradient(150deg,#03170f,#020806 48%,#06130e)!important}.app-shell{min-height:100vh}.container,.page,.shell{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.nav{background:#020806c7!important;border-bottom:1px solid var(--px-border)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.nav-inner{min-height:64px!important}.brand{font-size:20px!important;letter-spacing:-.04em!important}.logo{width:38px!important;height:38px!important;border-radius:14px!important;box-shadow:0 0 28px #76ff7a45!important}.nav-links{gap:12px!important}.nav-links a,.nav-link{color:var(--px-muted)!important;font-size:13px!important;padding:8px 9px!important;border-radius:12px!important}.nav-links a:hover,.nav-link:hover{color:var(--px-text)!important;background:#ffffff0f!important}.card,.glass,.auth-card{background:linear-gradient(145deg,var(--px-panel),var(--px-panel-soft))!important;border:1px solid var(--px-border)!important;border-radius:var(--px-radius)!important;box-shadow:var(--px-shadow)!important}.card.soft,.soft{background:#ffffff0a!important;box-shadow:none!important}.section-title{margin:26px 0 14px!important;align-items:center!important}.section-title h2{margin:0!important}h1{letter-spacing:-.065em!important}h2{letter-spacing:-.045em!important}h3{letter-spacing:-.025em!important}p{margin-top:8px!important;margin-bottom:8px!important}.muted,.small{color:var(--px-muted)!important}.eyebrow{color:var(--px-green)!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:900!important}.btn,button,input[type=button],input[type=submit]{border-radius:14px!important;font-weight:850!important}.btn.secondary,button.secondary,.btn.nav-link{background:#fff1!important;border:1px solid var(--px-border)!important;color:var(--px-text)!important;box-shadow:none!important}.btn.danger,button.danger{background:linear-gradient(135deg,#ff6474,#a60f27)!important;color:#fff!important}input,select,textarea{background:#00000047!important;border:1px solid var(--px-border)!important;border-radius:14px!important}textarea{resize:vertical!important}label{color:var(--px-muted)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:850!important}.grid,.grid-2,.grid-3,.grid-4{gap:16px!important}.list{gap:10px!important}.list-row{background:#ffffff0b!important;border:1px solid var(--px-border)!important;border-radius:16px!important;padding:12px 14px!important}.pill{border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:900!important;border:1px solid rgba(118,255,122,.25)!important;background:#76ff7a1a!important;color:var(--px-green)!important}.notice{border-radius:15px!important;background:#ffd16614!important;border:1px solid rgba(255,209,102,.22)!important;color:#ffeab0!important}.scoreline{letter-spacing:-.055em!important;margin:6px 0!important}.score-buttons{gap:10px!important}.score-btn{border-radius:18px!important;min-height:62px!important}.admin-grid,.admin-table,.admin-section{display:grid!important;gap:14px!important}.admin-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}.admin-kpi,.metric-card{min-height:96px!important}.card:has(.section-title){overflow:hidden!important}.card .section-title{margin-top:0!important}.bottom-nav{box-shadow:0 18px 50px #00000080!important;border:1px solid rgba(255,255,255,.12)!important;background:#03100ae8!important}.bottom-nav a{border-radius:18px!important}.avatar{box-shadow:0 15px 40px #00000052!important}.sharebox,.copyrow{border-radius:16px!important}.copyrow{display:flex!important;gap:8px!important;align-items:center!important}@media (max-width: 860px){.container,.page,.shell{padding-left:12px!important;padding-right:12px!important;padding-bottom:96px!important}.nav-inner{padding:10px 12px!important;min-height:58px!important}.brand{font-size:18px!important}.logo{width:34px!important;height:34px!important}.card,.glass,.auth-card{padding:14px!important;border-radius:18px!important}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:12px!important}.section-title{margin:20px 0 12px!important;align-items:flex-start!important;gap:8px!important}h1{font-size:31px!important;line-height:1.02!important;margin:8px 0 10px!important}h2{font-size:23px!important;line-height:1.1!important}h3{font-size:17px!important}p{font-size:14px!important;line-height:1.55!important}.hero-actions{gap:8px!important}.hero-actions .btn,.hero-actions button{flex:1 1 auto!important}.btn,button{min-height:42px!important;padding:10px 12px!important;font-size:13px!important;border-radius:13px!important}input,select{min-height:42px!important;padding:10px 11px!important;font-size:14px!important}textarea{min-height:96px!important;padding:10px 11px!important;font-size:14px!important}.scoreline{font-size:34px!important}.score-buttons{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.score-btn{min-height:56px!important;font-size:19px!important;border-radius:16px!important}.list-row{padding:11px!important;align-items:flex-start!important}.pill{font-size:10px!important;padding:5px 8px!important}.avatar{width:72px!important;height:72px!important;border-radius:22px!important}.avatar.big{width:104px!important;height:104px!important;border-radius:28px!important}.copyrow{flex-direction:column!important;align-items:stretch!important}.bottom-nav{display:flex!important;left:10px!important;right:10px!important;bottom:10px!important;transform:none!important;justify-content:space-around!important;padding:8px!important;border-radius:24px!important}.bottom-nav a{min-width:0!important;flex:1!important;padding:7px 4px!important;font-size:17px!important}.bottom-nav span{font-size:9px!important}}@media (min-width: 861px){.container,.page,.shell{padding-top:28px!important}.card{padding:20px!important}.auth-card{max-width:620px!important}.score-card{min-height:230px!important}}.scorecard-table,.scorecard-grid{display:grid;gap:10px}.team-name-editor input{font-weight:900}@media (max-width:760px){.scorecard-table .list-row{display:flex;justify-content:space-between}.team-name-editor input{min-height:40px}}:root{--v16-card-pad: 14px;--v16-radius: 16px;--v16-border: rgba(255,255,255,.1)}.container,.page,.shell{max-width:1180px!important;padding:18px 14px 92px!important}.nav-inner{min-height:58px!important;padding:9px 14px!important}.logo{width:34px!important;height:34px!important;border-radius:12px!important}.brand{font-size:18px!important}.nav-links a,.nav-link{font-size:12.5px!important;padding:7px 8px!important}.card,.glass,.auth-card{padding:var(--v16-card-pad)!important;border-radius:var(--v16-radius)!important}.section-title{margin:18px 0 10px!important}h1{font-size:clamp(30px,4vw,44px)!important;line-height:1.03!important;margin:6px 0 10px!important}h2{font-size:clamp(22px,3vw,30px)!important;line-height:1.1!important}h3{font-size:17px!important}p{font-size:14px!important;line-height:1.5!important;margin:6px 0!important}.grid,.grid-2,.grid-3,.grid-4{gap:12px!important}.score-card{min-height:auto!important}.score-card .scoreline,.scoreline{font-size:34px!important;margin:4px 0!important}.score-card h3{font-size:18px!important}.teamline{font-size:12px!important}.btn,button{min-height:39px!important;padding:9px 12px!important;border-radius:12px!important;font-size:13px!important}input,select,textarea{min-height:39px!important;padding:9px 11px!important;border-radius:12px!important;font-size:13px!important}label{font-size:10.5px!important}.pill{font-size:10px!important;padding:5px 8px!important}.list-row{padding:10px!important;border-radius:14px!important}.notice{padding:10px!important;border-radius:13px!important}.admin-tabbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-tabbar button{text-transform:capitalize}.admin-hero{position:sticky;top:58px;z-index:3;background:#05160deb!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-actions,.score-buttons{gap:8px!important}.score-btn{min-height:50px!important;font-size:18px!important}@media (min-width: 900px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.score-card{max-width:100%!important}}@media (max-width: 760px){.container,.page,.shell{padding:12px 10px 92px!important}.nav-links{display:none!important}.card,.glass,.auth-card{padding:12px!important;border-radius:15px!important}h1{font-size:28px!important}h2{font-size:21px!important}h3{font-size:16px!important}p{font-size:13px!important}.scoreline{font-size:30px!important}.score-buttons{grid-template-columns:repeat(3,1fr)!important}.bottom-nav{display:flex!important;left:8px!important;right:8px!important;bottom:8px!important;transform:none!important}}.container,.page,.shell{max-width:1180px!important;padding:16px 12px 92px!important}.card,.glass,.auth-card{padding:12px!important;border-radius:16px!important}h1{font-size:clamp(28px,4vw,42px)!important;line-height:1.04!important}h2{font-size:clamp(21px,3vw,29px)!important}h3{font-size:16px!important}p{font-size:13.5px!important;line-height:1.48!important}.grid,.grid-2,.grid-3,.grid-4{gap:11px!important}.scoreline{font-size:32px!important}.btn,button,input,select,textarea{border-radius:12px!important}.btn,button{min-height:39px!important;padding:9px 12px!important;font-size:13px!important}input,select{min-height:39px!important;padding:9px 11px!important}.nav-inner{min-height:56px!important;padding:8px 12px!important}.logo{width:34px!important;height:34px!important}.nav-links{gap:8px!important}.nav-links a{font-size:12px!important;padding:7px!important}.admin-tabbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}@media (max-width:760px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.card{padding:11px!important}h1{font-size:27px!important}.bottom-nav{display:flex!important;left:8px!important;right:8px!important;bottom:8px!important;transform:none!important}}.mobile-account-bar{position:sticky;top:58px;z-index:40;display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:8px 14px;background:#020806c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.mobile-account-bar .btn{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}@media (max-width:860px){.mobile-account-bar{top:56px;justify-content:space-between;padding:7px 10px}.mobile-account-bar .btn{flex:1}.auth-card{max-width:100%!important}}.auth-card{max-width:560px!important}.compact-role{margin:10px 0!important}.score-card,.card{min-height:auto!important}.qrbox{margin-top:12px;display:flex;align-items:center;gap:12px;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px}.qrbox img{width:92px;height:92px;border-radius:12px;background:#fff;padding:6px}.card,.glass,.auth-card,.score-card,.list-row{min-height:auto!important}@media (max-width:760px){.qrbox img{width:76px;height:76px}.section-title{margin:14px 0 8px!important}.grid{gap:9px!important}.card{padding:10px!important}}.mobile-account-bar{display:none!important}.role-player{background:#76ff7a1f!important}.role-organizer{background:#ffd16624!important;color:#ffd166!important}.role-admin{background:#ff5c6c24!important;color:#ff8e99!important}@media (max-width:860px){.bottom-nav{display:flex!important;left:8px!important;right:8px!important;bottom:8px!important;transform:none!important;justify-content:space-around!important}.bottom-nav a{min-width:0!important;flex:1!important}.bottom-nav span{font-size:9px!important}.nav-links{display:none!important}}.over-timeline{display:grid;gap:10px;margin-top:10px}.over-row{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px}.over-title{font-size:12px;font-weight:900;color:#ffd166;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.ball-row{display:flex;gap:7px;flex-wrap:wrap}.ball-chip{min-width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#76ff7a1f;border:1px solid rgba(118,255,122,.2);font-weight:900}.qrbox img{background:#fff!important}@media (max-width:760px){.ball-chip{min-width:29px;height:29px;font-size:12px}.over-row{padding:8px}.grid-4{grid-template-columns:repeat(2,1fr)!important}}
