:root{--bg: #e9f1f8;--surface: #edf5f9;--shadow: rgba(98, 96, 131, .8);--light: rgba(255,255,255,1);--accent: #0193dd;--muted: #64748b;--text: #0f172a;--badge: #ffe4dd;--white: #ffffff;--border: #cfd8e3;--border-soft: #dfe6ee;--divider: #e2e8f0;--control-border: #c7d0da;--on-accent: #ffffff;--accent-start: #0193dd;--accent-end: #71d0ff;--badge-size: clamp(28px, 14vw, 46px);--edge-btn: clamp(36px, 20vw, 56px);--spinner-h: clamp(42px, 9vh, 56px);--value-font: clamp(14px, 4.8vw, 20px);--label-font: clamp(10px, 3.5vw, 12px);--net-gap-radius: 18px}*{user-select: none;box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 0%);color:var(--text);font-family:Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}#app{margin:0 auto;height:100vh}.container{display:flex;flex-direction:column;min-height:100vh}.topbar{display:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;align-content:start;align-items:start}@media (min-width: 600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.court-card{background:linear-gradient(0deg,#0000,#fff6);position:relative;border-radius:12px;padding:10px;flex:0 0 auto}.court-card:has(.empty){background:linear-gradient(0deg,#fff6,#0000 50%);box-shadow:inset 4px 4px 10px -5px var(--shadow),inset -3px -3px 2px var(--light)}.court-card{box-shadow:inset 2px 2px 2px var(--light),6px 6px 14px -6px var(--shadow)}.court-header{display:none}.court-name{position:absolute;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);height:30px;width:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--border);border-radius:100%;text-shadow:1px 1px 0px white}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,2vw,10px) 14px;align-items:center}.net{grid-column:1 / span 2;height:2px;background:none;position:relative;border-radius:4px;margin:2px 0 0}.net:before,.net:after{content:"";position:absolute;top:0;height:100%;width:calc(50% - var(--net-gap-radius));background:var(--border);border-radius:4px;box-shadow:inset 0 0 1px var(--shadow),1px 1px 0 1px var(--light)}.net:before{left:0}.net:after{right:0}.badge{width:var(--badge-size);height:var(--badge-size);border-radius:50%;background:var(--surface);box-shadow:inset 2px 2px 2px var(--light),6px 6px 14px -6px var(--shadow);color:var(--text);display:flex;justify-content:center;align-items:center;place-items:center;font-weight:700;margin:2px auto;line-height:100%}.badge.empty{color:transparent;box-shadow:inset 2px 2px 2px var(--light),3px 3px 10px -6px var(--shadow)}.break{padding:8px;margin-top:auto}.break:before{content:"";position:absolute;right:10%;left:10%;border:solid 3px white;height:10px;box-shadow:0 0 20px 8px #fff;z-index:-1;border-radius:100%}.action{display:none}.action .main-btn{width:100%;height:52px;border:0;color:var(--on-accent);border-radius:12px;font-weight:800}.break-card{background:var(--bg);border-radius:12px;padding:8px}.break-title{position:absolute;color:var(--muted);font-size:12px;margin-bottom:6px}.break-list{display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:6px;min-height:36px}.break-list .badge{margin:0;width:calc(var(--badge-size) - 10px);height:calc(var(--badge-size) - 10px)}.controls{position:sticky;bottom:0;left:0;right:0;display:block;gap:8px;padding:8px;background:var(--bg);border-top:1px solid var(--divider)}.controls .controls-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.footer-play{flex:1 0 100%;height:56px;width:100%}.spinner.left,.spinner.right{flex:1 1 calc(50% - 4px);min-width:0}.spinner{border-radius:12px;padding:6px;width:100%;overflow:visible}.spinner .label{color:var(--muted);font-size:var(--label-font);margin-bottom:2px;text-align:center}.spinner .row{position:relative;height:var(--spinner-h);display:flex;align-items:center;justify-content:center}.spinner .center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 calc(var(--edge-btn) + 8px);min-width:0}.spinner .label{white-space:nowrap}.spinner .value{text-align:center;font-weight:800;font-size:var(--value-font);font-variant-numeric:tabular-nums;white-space:nowrap}.btn{height:var(--spinner-h);border-radius:12px;border:1px solid var(--control-border);background:var(--surface);color:var(--text);font-size:clamp(18px,6vw,24px);font-weight:700;box-shadow:inset 2px 2px 2px var(--light),6px 6px 14px -6px var(--shadow)}.spinner .btn.minus{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--edge-btn)}.spinner .btn.plus{position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--edge-btn)}.btn:active{transform:translateY(1px)}.btn,.main-btn{touch-action:manipulation}.main-btn{display:flex;justify-content:center;align-items:center;height:56px;padding:0 10px;border-radius:14px;background:radial-gradient(circle 250px at 25px -50px,var(--accent-end) 0%,var(--accent-start) 100%);color:var(--on-accent);font-weight:800;font-size:18px;min-width:clamp(84px,22vw,110px);box-shadow:inset 2px 2px 2px 1px var(--accent-end),6px 6px 12px -6px var(--shadow)}@media (orientation: landscape){.controls .controls-grid{flex-wrap:nowrap}.spinner.left{order:1}.footer-play{order:2;flex:1 0 auto;width:auto;height:auto}.spinner.right{order:3}.spinner.left,.spinner.right{flex:1 1 0}}@media (max-width: 380px){.controls{padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.controls .controls-grid{gap:6px}.spinner .row{height:52px}.spinner .center{padding:0 60px}.spinner .value{font-size:18px}.btn{height:52px;font-size:22px}.spinner .btn.minus,.spinner .btn.plus{width:52px}.footer-play{height:54px}}@media (max-width: 340px){.controls{padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.controls .controls-grid{gap:4px}.spinner .row{height:46px}.spinner .center{padding:0 50px}.spinner .value{font-size:16px}.btn{height:46px;font-size:20px}.spinner .btn.minus,.spinner .btn.plus{width:46px}.footer-play{height:50px}.main-btn{height:50px;font-size:16px}}.secondary-controls{text-align:center;padding:0 12px 16px}.ios-install{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--white);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:6px 6px 14px -6px var(--shadow);z-index:1000}.ios-install .share:before{content:"";display:inline-block;margin-right:4px}.small-btn{border:1px solid var(--control-border);background:var(--white);color:var(--muted);padding:8px 10px;border-radius:10px}button{border:none!important}@keyframes fade_in{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes fade_out{0%{opacity:1}50%{opacity:1}75%{opacity:0}}.splash_screen{animation:6s fade_out 1;opacity:0;position:absolute;display:block;margin:0;padding:0;left:0;top:0;z-index:999;background-color:#090909;width:100%;height:100%;pointer-events:none}.splash_screen div{animation:3.6s fade_in 1;animation-delay:.2s;background-image:url(logo.svg);background-repeat:no-repeat;background-position:center;background-size:128px;opacity:0;width:100%;height:100%;pointer-events:none}