*{box-sizing:border-box}body{margin:0;background:#090f16;color:#f4f7fb;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;color:white;background:#1c2633;cursor:pointer;min-height:40px;padding:9px 12px}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.12);background:#0b121b;color:#fff;border-radius:10px;padding:11px}.app{max-width:1536px;margin:0 auto;padding:10px}.screen{display:none}.screen.active{display:block}.topnav{height:58px;display:grid;grid-template-columns:310px 1fr 310px;align-items:center;background:linear-gradient(180deg,#121b26,#0b1119);border:1px solid rgba(255,255,255,.08);border-radius:0 0 14px 14px;box-shadow:0 10px 24px rgba(0,0,0,.35);overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding-left:18px;font-size:24px}.version{font-size:13px;background:#3b7d3f;border-radius:7px;padding:3px 7px}.navtabs{display:flex;justify-content:center;height:100%}.navtabs button{border-radius:0;min-width:120px;height:100%;background:transparent;font-weight:700}.navtabs button.active{background:#1b2634;color:#58d96b}.navactions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-right:14px}.icon{font-size:22px;background:transparent}.finish{background:linear-gradient(180deg,#d65b56,#a93434);font-weight:800}.setup-card{max-width:980px;margin:18px auto;background:linear-gradient(180deg,#121b26,#0b1119);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;box-shadow:0 16px 32px rgba(0,0,0,.35)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button.selected,.tab.active{outline:3px solid #50d76a}.preview{display:none;width:90px;height:90px;object-fit:contain;background:#090f16;border-radius:14px;padding:8px;margin-top:8px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tabPanel{display:none;margin-top:10px;padding:12px;background:#090f16;border-radius:14px}.tabPanel.active{display:block}.toolbar{display:flex;align-items:center;gap:10px;margin:12px 0}.squad{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:330px;overflow:auto;background:#090f16;border-radius:14px;padding:12px}.squad label{display:flex;gap:10px;align-items:center;background:#162230;border-radius:12px;padding:10px}.squad input{width:22px;height:22px}.big,.primary{background:linear-gradient(180deg,#2aaf5c,#166b3d);font-weight:800}.big{width:100%;margin-top:15px;min-height:52px}.title{display:flex;justify-content:space-between;margin:12px 0}.scoreboard{margin-top:10px;display:grid;grid-template-columns:1fr 210px 1fr;gap:10px}.teamPanel{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;min-height:185px;padding:16px 20px;background:linear-gradient(180deg,#16212d,#0d151e);border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.teamPanel.right{grid-template-columns:90px 1fr 130px}.logo{width:120px;height:120px;object-fit:contain;background:#080f17;border-radius:22px;padding:8px;display:none}.teamPanel h2{font-size:32px;line-height:1.05;margin:0 0 14px;text-transform:uppercase}.score{font-size:68px;font-weight:900;text-align:center}.fouls{display:flex;gap:10px}.fouls span{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #ff5b54;box-shadow:0 3px 10px rgba(0,0,0,.25)}.fouls span.active{background:#ee3e37}.ten{color:#ff625a;font-weight:800;margin-top:8px}.clockPanel{display:grid;align-content:center;justify-items:center;min-height:185px;background:linear-gradient(180deg,#101821,#080e15);border-radius:16px;border:1px solid rgba(255,255,255,.08)}#periodLabel{color:#59d96a;font-weight:900}#clock{font-size:54px;font-weight:900}#gameModeLabel{color:#59d96a;font-size:14px;font-weight:700}#powerPlayStatus{color:#ffd35a;font-weight:800;min-height:20px}.matchGrid{display:grid;grid-template-columns:290px 1fr 340px;gap:10px;margin-top:10px}.events,.fieldPanel,.players,.timeline,.stats>div{background:linear-gradient(180deg,#151f2a,#0c141d);border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.events{padding:18px}.events h3,.players h3,.timeline h3,.stats h3{margin:0 0 14px;font-size:18px}.events h4{margin:18px 0 8px;color:#65d96f;text-transform:uppercase}.red{color:#ff625a!important}.blue{color:#55a6ff!important}.yellowT{color:#ffd84d!important}.ev{width:100%;display:block;text-align:left;margin-bottom:5px;min-height:39px;font-weight:700}.attack{background:linear-gradient(180deg,#438d42,#28652b)}.defense{background:linear-gradient(180deg,#c7433e,#8d2d2c)}.game{background:linear-gradient(180deg,#2d5f90,#1d3d62)}.yellow{background:linear-gradient(180deg,#d3b520,#8f7611)}.ev.selected{outline:3px solid #fff}.fieldPanel{padding:12px}.fieldTools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}.fieldTools button{border:1px solid rgba(255,255,255,.12);background:#121d28;border-radius:18px}.court{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:495px;border:6px solid #d7473f;border-radius:8px;background:linear-gradient(90deg,#4d9bd0,#3b86bd);overflow:hidden}.lines{position:absolute;inset:14px;border:3px solid rgba(255,255,255,.85);pointer-events:none}.mid{position:absolute;top:0;bottom:0;left:50%;border-left:3px solid rgba(255,255,255,.85)}.circle{position:absolute;width:110px;height:110px;border:3px solid rgba(255,255,255,.85);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.area{position:absolute;top:50%;width:108px;height:210px;border:3px solid rgba(255,255,255,.85);transform:translateY(-50%)}.area.left{left:0;border-left:0;border-radius:0 95px 95px 0}.area.right{right:0;border-right:0;border-radius:95px 0 0 95px}.pen,.tenm{position:absolute;top:50%;width:7px;height:7px;background:white;border-radius:50%;transform:translateY(-50%)}.pen.l{left:112px}.pen.r{right:112px}.tenm.l{left:182px}.tenm.r{right:182px}.zone{position:relative;z-index:2;background:transparent;border-radius:0;border:1px solid rgba(255,255,255,.06);font-size:0}.zone.selected{box-shadow:inset 0 0 0 6px rgba(255,216,76,.9);background:rgba(255,216,76,.12)}.control{display:grid;grid-template-columns:1fr 1fr 80px 90px 90px 90px;margin-top:12px;background:#111a24;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.control>*{padding:12px;border-right:1px solid rgba(255,255,255,.07);display:grid;align-content:center;justify-items:center}.control small{color:#a8b3c0}.play{border-radius:50%;width:62px;height:62px;background:linear-gradient(180deg,#ed6a62,#bb3b34);font-size:24px}.selection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;color:#b9c4d0}.status{margin-top:8px;background:#0a1119;border-radius:12px;padding:10px}.players{padding:18px}.players h3 span{color:#60dc6b}.benchTitle{margin-top:24px!important}.plist{display:grid;gap:7px}.player-row{display:grid;grid-template-columns:36px 1fr 55px 12px;align-items:center;gap:10px;min-height:43px}.player-num{width:36px;height:36px;border-radius:50%;background:#4c8d4e;display:grid;place-items:center;font-weight:900}.bench .player-num{background:#67717d}.player-name{font-weight:700}.player-pos{color:#c4ccd6;font-size:13px}.player-min{color:#5ddb68;font-size:13px;text-align:right}.player-dot{width:12px;height:12px;border-radius:50%;background:#53c75d}.bench .player-dot{background:#687480}.player-row.selected{outline:2px solid #ffd85a;border-radius:10px}.timeline{margin-top:10px;padding:14px}.timelineHead{display:flex;justify-content:space-between;align-items:center}.feed{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:110px;overflow:auto}.event-card{display:grid;grid-template-columns:58px 1fr 48px;gap:8px;align-items:center;background:#111a24;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px}.event-card small{color:#aab6c3}.event-zone{background:#3f8b42;color:white;border-radius:5px;font-weight:900;padding:7px;text-align:center}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}.stats>div{padding:14px;min-height:120px}.stat-line{display:flex;justify-content:space-between;background:#111a24;padding:8px;border-radius:8px;margin-bottom:5px}.modalOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);align-items:center;justify-content:center;z-index:50}.modalOverlay.active{display:flex}.modal{width:min(620px,92vw);background:#121b26;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px}.modalActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.choiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choiceBtn.selected{outline:3px solid #59d96a}.locked{color:#ffd84d;font-weight:900}@media(max-width:1100px){.topnav{grid-template-columns:260px 1fr 230px}.navtabs button{min-width:100px}.scoreboard{grid-template-columns:1fr 170px 1fr}.teamPanel{grid-template-columns:90px 1fr 62px}.teamPanel.right{grid-template-columns:62px 1fr 90px}.logo{width:82px;height:82px}.teamPanel h2{font-size:22px}.score{font-size:48px}.fouls span{width:23px;height:23px}.matchGrid{grid-template-columns:240px 1fr 280px}.court{height:315px}.feed{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.topnav,.scoreboard,.matchGrid,.stats{grid-template-columns:1fr}.court{height:auto;aspect-ratio:2/1}.feed{grid-template-columns:1fr}}