@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#101713;--panel:#1b251e;--line:#354339;--muted:#acb9af;--lime:#b5f342;--orange:#ff8853;--blue:#74baff;--ink:#101713}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f6ef;font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3,.display{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800}h1{font-size:clamp(56px,7.5vw,106px);line-height:.94;letter-spacing:-1px;margin-bottom:20px}h2{font-size:36px;margin-bottom:12px}h3{font-size:29px;margin-bottom:10px}.demo-bar{background:var(--lime);color:var(--ink);font-size:11px;letter-spacing:1.2px;padding:9px 5%;font-weight:800;text-align:center}.demo-bar span{opacity:.8;margin-left:20px;letter-spacing:0}header{max-width:1280px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;line-height:.95;font-size:19px;letter-spacing:-.7px}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted);margin-top:6px}.brand-icon{position:relative;font-size:35px;background:var(--lime);color:var(--ink);padding:4px 12px 10px;border-radius:14px;transform:rotate(-7deg)}.brand-icon span{font-size:18px}nav{display:flex;gap:8px}.nav-btn,.profile,.text-btn{background:transparent;color:var(--muted);padding:12px 18px;border-radius:50px;font-weight:700}.nav-btn.active{background:#2d3b30;color:var(--lime)}.profile{background:#26362b;color:var(--lime);border:1px solid var(--line)}main{max-width:1216px;margin:auto;padding:18px 32px 65px}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:370px;gap:24px;align-items:center;padding:35px 0 50px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--lime);margin-bottom:22px;display:block}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:450px;color:var(--muted);line-height:1.7}.primary,.secondary,.danger{padding:14px 22px;font-weight:800;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{background:var(--lime);color:var(--ink);box-shadow:0 4px 0 #719d20}.secondary{background:#2b3930;color:#fff;border:1px solid #4a5c4e}.danger{background:#512e2b;color:#ffd1c2}.hero-art{height:340px;position:relative;overflow:hidden;border-radius:28px;background:var(--lime);color:var(--ink);transform:rotate(2deg);isolation:isolate}.hero-art:before{content:'';position:absolute;inset:36px;border:2px solid #233a2140;border-radius:50%;transform:rotate(-25deg)}.hero-art:after{content:'';position:absolute;width:180px;height:500px;background:#ffffff24;transform:rotate(35deg);left:120px;top:-90px;z-index:-1}.art-title{position:absolute;top:25px;left:25px;font-size:15px;font-weight:900}.ball{position:absolute;left:24%;top:40px;font-size:145px;filter:drop-shadow(8px 14px 0 #24371e35);transform:rotate(-15deg)}.shuttle{position:absolute;right:20px;bottom:45px;font-size:85px;transform:rotate(22deg)}.art-sticker{position:absolute;left:20px;bottom:30px;background:var(--ink);color:#fff;border-radius:12px;padding:15px 20px;transform:rotate(-8deg);font-weight:800}.art-sticker small{color:var(--lime);display:block;font-size:11px;margin-bottom:5px}.art-badge{position:absolute;right:20px;top:22px;background:var(--orange);border:2px solid var(--ink);border-radius:50%;padding:18px 10px;font-weight:900;transform:rotate(15deg);font-size:13px}.section-head,.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-head{margin-bottom:20px}.section-head h2{margin:0}.muted{color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.chip{padding:11px 17px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:50px;font-weight:700}.chip.active{color:var(--ink);background:var(--lime);border-color:var(--lime)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-art{height:155px;position:relative;overflow:hidden;color:var(--ink);background:var(--orange)}.card-art.football{background:var(--lime)}.card-art.badminton{background:var(--blue)}.mini-court{position:absolute;border:2px solid #10171338;inset:22px 30px;transform:perspective(300px) rotateX(22deg) rotate(-12deg)}.mini-court:before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #10171338}.mini-court:after{content:'';position:absolute;border:2px solid #10171338;border-radius:50%;width:50px;height:50px;top:calc(50% - 25px);left:calc(50% - 25px)}.sport-emoji{position:absolute;font-size:75px;right:24px;top:37px;transform:rotate(-14deg);filter:drop-shadow(4px 5px 0 #10171325)}.sport-tag,.private-tag{position:absolute;left:17px;top:16px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.8px;padding:7px 10px;border-radius:7px;font-weight:800}.private-tag{top:auto;bottom:15px;background:#ffffffc7;color:var(--ink)}.card-body{padding:22px}.card h3{margin-bottom:16px}.meta{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:18px}.progress{height:7px;background:#344337;border-radius:20px;overflow:hidden;margin:11px 0 17px}.progress i{height:100%;display:block;background:var(--lime);border-radius:20px}.small{font-size:12px}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}.card-bottom strong{font-size:22px}.card-bottom strong small{font-size:11px;color:var(--muted);font-weight:500}.open-btn{background:#3b4f2a;color:var(--lime);padding:10px 14px;border-radius:10px;font-weight:800}.helper{margin-top:35px;display:flex;gap:18px;border:1px dashed var(--line);padding:22px;border-radius:16px;color:var(--muted);font-size:13px;line-height:1.7}.helper b{color:#fff}.back{background:none;color:var(--muted);padding:10px 0;margin-bottom:20px}.session-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.session-head h1{font-size:56px;margin:8px 0 15px}.session-head .actions{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;padding:7px 10px;border-radius:7px;background:#35462d;color:var(--lime);font-size:11px;font-weight:800}.tabs{border-bottom:1px solid var(--line);display:flex;gap:5px;margin-bottom:26px;overflow-x:auto}.tabs button{background:transparent;color:var(--muted);white-space:nowrap;padding:16px 22px;border-bottom:3px solid transparent;font-weight:800}.tabs button.active{color:var(--lime);border-color:var(--lime)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.stat .value{display:block;font-size:34px;font-family:'Barlow Condensed',sans-serif;font-weight:800;margin:10px 0}.stat:first-child{background:var(--lime);color:var(--ink)}.stat:first-child .muted{color:#3b5128}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px}.panel p{line-height:1.7}.people{display:flex;flex-direction:column;gap:0}.person{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.person:last-child{border-bottom:0}.avatar{width:38px;height:38px;border-radius:12px;background:#354a3b;display:inline-flex;align-items:center;justify-content:center;color:var(--lime);font-weight:800;flex-shrink:0}.person .name{flex:1;min-width:110px}.status{border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800;background:#3a413d;color:#e0e6e0}.status.verified{color:#b5f342;background:#34472b}.status.pending{color:#ffc391;background:#4b3929}.confirm{background:var(--lime);color:var(--ink);padding:9px 11px;border-radius:8px;font-size:11px;font-weight:800}.note{background:#283629;border-radius:12px;padding:17px;color:#c9d6c9;line-height:1.7}.notice{padding:14px 18px;background:#3e3428;color:#ffce9b;border:1px solid #6c4d30;border-radius:12px;font-size:13px;line-height:1.6;margin-bottom:22px}.pitch{min-height:430px;background:repeating-linear-gradient(0deg,#294e37 0px,#294e37 62px,#25472f 62px,#25472f 124px);border:2px solid #719879;border-radius:14px;position:relative;padding:20px;overflow:hidden}.pitch:before{content:'';position:absolute;inset:15px;border:2px solid #8cab7c66}.pitch:after{content:'';position:absolute;top:50%;left:15px;right:15px;border-top:2px solid #8cab7c66}.pitch-circle{position:absolute;border:2px solid #8cab7c66;border-radius:50%;width:100px;height:100px;top:calc(50% - 50px);left:calc(50% - 50px)}.pitch-row{display:flex;justify-content:space-evenly;position:relative;z-index:1;gap:8px;margin:18px 0}.player-dot{display:flex;flex-direction:column;align-items:center;width:65px;font-size:10px;text-align:center;gap:5px}.jersey{width:35px;height:35px;background:var(--lime);color:var(--ink);border-radius:12px 12px 8px 8px;display:grid;place-items:center;font-weight:900;box-shadow:0 3px 0 #0005}.team-b .jersey{background:var(--orange)}.bench{margin-top:15px;font-size:12px;color:var(--muted);line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:12px;color:#c0cfc2;font-weight:700}input,select,textarea{display:block;width:100%;background:#101a13;color:#fff;border:1px solid #4b5d4d;border-radius:10px;padding:12px;margin-top:7px}textarea{resize:vertical;min-height:85px}.full{grid-column:1/-1}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.field-help{font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px}.error{color:#ffb49f;font-size:13px;margin-top:15px}.qr{max-width:240px;max-height:270px;display:block;margin:20px auto;border-radius:14px;background:white;padding:12px}.empty{text-align:center;border:1px dashed var(--line);padding:50px 25px;border-radius:18px;grid-column:1/-1;color:var(--muted)}.lock{max-width:620px;margin:30px auto;text-align:center}.lock .lock-icon{font-size:50px;margin-bottom:20px}.court-pair{background:#294a5e;border:2px solid #8ec7f0;border-radius:10px;padding:20px;display:flex;gap:10px;justify-content:space-between;align-items:center;margin:14px 0}.person select{width:125px;padding:9px;font-size:11px;margin:0}dialog{width:min(650px,calc(100% - 28px));max-height:90dvh;overflow:auto;color:#fff;background:var(--panel);border:1px solid #54624e;border-radius:24px;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{background:#344337;color:#fff;border-radius:50%;font-size:21px;width:34px;height:34px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;z-index:10;background:var(--lime);color:var(--ink);padding:15px 23px;border-radius:13px;font-weight:800;max-width:90%;text-align:center;transition:all .2s}#toast.show{opacity:1;transform:translate(-50%,0)}footer{max-width:1216px;margin:auto;border-top:1px solid var(--line);padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}footer strong{color:var(--lime)}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-check{margin-top:20px}.team-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.team-controls select{width:auto;margin:0}.subheading{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted);margin:0 0 18px}.offline{color:var(--orange)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero-art{height:290px}.ball{font-size:115px}.hero{gap:35px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.session-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){header{padding:20px 18px;gap:10px}.brand{font-size:15px}.brand-icon{font-size:27px;padding:6px 9px}.brand small{font-size:8px}header nav{gap:0}.nav-btn{font-size:12px;padding:10px}.profile{padding:10px 13px}.profile span{display:none}.demo-bar{font-size:9px;padding:8px 6px;letter-spacing:1px}.demo-bar span{display:block;margin:4px 0 0;font-size:9px}main{padding:10px 18px 40px}.hero{grid-template-columns:1fr;padding:25px 0 35px;gap:25px}.hero h1{font-size:74px}.hero-art{height:210px;transform:rotate(1deg)}.ball{left:42%;top:12px;font-size:125px}.art-sticker{bottom:16px;left:16px;font-size:12px;padding:12px}.art-badge{font-size:10px;padding:13px 8px;right:15px;top:12px}.shuttle{font-size:58px;bottom:12px;right:14px}.cards{grid-template-columns:1fr}.card-art{height:145px}.section-head h2{font-size:32px}.section-head .muted{font-size:11px}.chip{font-size:12px;padding:10px 12px}.helper{margin-top:24px}.session-head h1{font-size:43px}.tabs button{padding:14px 12px;font-size:12px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:29px}.stat .small{font-size:10px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}dialog{padding:22px 18px}footer{padding:22px 18px;flex-wrap:wrap}footer>span{display:none}.primary,.secondary{font-size:13px;padding:13px 17px}.person .name{min-width:85px}.person{gap:9px}.session-head .actions{width:100%}.pitch{min-height:400px}.art-title{font-size:12px;left:17px;top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.position-button{background:transparent;color:inherit;border:1px solid transparent;border-radius:9px;padding:5px 0;cursor:pointer;min-width:0}.position-button:hover,.position-button:focus-visible{background:#10281bc9;border-color:var(--lime);outline:2px solid var(--lime);outline-offset:2px}.position-label{font-size:9px;font-weight:800;color:#e5f4df}.player-dot>span:last-child{max-width:100%;overflow-wrap:anywhere}.pitch-row .player-dot{flex:1;max-width:75px;min-width:0}.pitch:before,.pitch:after,.pitch-circle{pointer-events:none}