*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f3f4f6;color:#111827}
button,input,select{font:inherit}button{cursor:pointer}.app{max-width:960px;margin:auto;padding:10px}.card{background:#fff;border-radius:16px;padding:14px;margin:10px 0;box-shadow:0 3px 16px #0000000d}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav a,button{min-height:48px;border:0;border-radius:11px;padding:10px 14px;font-size:16px;font-weight:750}.nav a{background:#111827;color:#fff;text-decoration:none;display:grid;place-items:center}.primary,.add{background:#16a34a;color:#fff}.danger{background:#fee2e2;color:#991b1b}.secondary{background:#e5e7eb;color:#111827}.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.team{text-align:center;border-top:7px solid var(--c);padding-top:8px}.score{font-size:clamp(70px,20vw,135px);font-weight:900;line-height:1}.sets{font-size:24px;font-weight:800}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field{display:grid;gap:5px;margin:9px 0}.field input,.field select{width:100%;min-height:46px;font-size:16px;padding:8px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.colorline{display:grid;grid-template-columns:54px 1fr;gap:7px}.colorline input[type=color]{width:54px;padding:2px}.swatch{border:1px solid #94a3b8;border-radius:9px;display:grid;place-items:center;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;min-height:46px}.muted{color:#64748b;font-size:13px}.status{min-height:20px}.matchlist{display:grid;gap:10px}.matchitem{border:1px solid #e2e8f0;border-radius:12px;padding:12px}.matchtitle{font-weight:850;font-size:18px}.matchmeta{font-size:13px;color:#64748b;margin:4px 0 10px}.saved{display:grid;gap:8px}.savedrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid #e2e8f0;padding:8px;border-radius:11px}.savedname{font-weight:800;min-width:130px}.teamlogo{width:56px;height:56px;border-radius:9px;object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0}.previewrow{display:flex;align-items:center;gap:10px}.overlay{color:#fff;background:#09111f;width:100%;max-width:980px;margin:auto;border-radius:14px;border:1px solid #263247;overflow:visible}.ovrow{display:grid;grid-template-columns:minmax(330px,64fr) minmax(150px,26fr) minmax(72px,10fr);min-height:78px}.teambar{display:flex;align-items:center;gap:12px;padding:7px 12px;min-width:0}.teambar img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:8px}.name{font-size:clamp(25px,4vw,40px);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setwins{margin-left:auto;min-width:70px;align-self:stretch;display:grid;place-items:center;font-size:40px;font-weight:900;position:relative;padding-top:16px}.setwins:before{content:'SET';position:absolute;top:6px;font-size:13px}.history{display:flex;background:#07101e}.hc{flex:1;display:grid;place-items:center;border-left:1px solid #243047;font-size:36px;color:#8f96a2}.hc.win{font-weight:900;color:#fff}.current{display:grid;place-items:center;position:relative;background:#07101e;border-left:1px solid #243047;font-size:50px;font-weight:900}.serve{position:absolute;right:-40px;width:36px;height:36px;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 7px #09111f}.serve:after{content:'🏐';font-size:21px}.footer{padding:8px 15px;display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid #243047}.brand{font-size:28px;font-weight:900}.brand b{color:#20a8f5}.tag{text-align:right;font-size:10px;letter-spacing:.12em}.overlaypage{background:transparent}.overlaypage .app{max-width:none;padding:0}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e2e8f0;font-size:12px;font-weight:800}.winner{font-weight:900}
@media(max-width:600px){.app{padding:7px}.card{padding:9px}.grid{gap:6px}.nav a,button{min-height:46px}.ovrow{grid-template-columns:minmax(178px,64fr) minmax(90px,25fr) minmax(50px,11fr);min-height:54px}.teambar{padding:4px 6px;gap:6px}.teambar img{width:44px;height:44px}.name{font-size:20px}.setwins{font-size:26px;min-width:46px;padding-top:12px}.setwins:before{font-size:9px}.hc{font-size:25px}.current{font-size:34px}.serve{right:-25px;width:23px;height:23px;box-shadow:0 0 0 5px #09111f}.serve:after{font-size:13px}.footer{padding:6px 8px;font-size:11px}.brand{font-size:20px}.tag{font-size:7px}.colors{grid-template-columns:1fr}.matchitem .nav a,.matchitem .nav button{flex:1 1 45%}}