:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-primary:#3b82f6;--accent-secondary:#f43f5e;--bg-gradient:radial-gradient(circle at top left, #1e293b, #0f172a);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);background-color:#0f1115;font-family:Inter,Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{box-sizing:border-box;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-container{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;width:100svw;height:100svh;padding:1.5rem;display:flex;overflow:hidden}.app-header{background:var(--surface-card);border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;max-width:1000px;min-height:80px;padding:1.5rem 2rem;display:flex;position:relative}.header-left{align-items:center;display:flex;position:absolute;left:1.5rem}.mode-selector{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:.5rem;margin:0 auto;padding:.3rem .8rem;display:flex}.app-header h1{letter-spacing:.2rem;background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:900}.settings-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.mode-btn{cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);color:#fff;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.mode-btn.active{background:var(--accent-primary);box-shadow:0 4px 12px #3b82f64d}.match-type-toggle{border-left:1px solid var(--glass-border);gap:.2rem;margin-left:.5rem;padding-left:.8rem;display:flex}.score-board{flex:1;gap:1rem;width:100%;max-width:1000px;display:flex;position:relative}.score-area{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-smooth);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.score-area:hover{background:#ffffff14}.score-area.serving{background:#3b82f60d;box-shadow:0 0 40px #3b82f640;border:6px solid var(--accent-primary)!important}.team-b.serving{background:#f43f5e0d;box-shadow:0 0 40px #f43f5e40;border-color:var(--accent-secondary)!important}.team-info{flex-direction:column;justify-content:space-around;align-items:center;width:95%;height:100%;padding:1rem 0;display:flex}.team-players{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.team-label,.team-label-placeholder{border-radius:16px;justify-content:center;align-items:center;min-height:3.6rem;padding:.5rem 1.2rem;font-size:3rem;line-height:1.2;display:flex}.team-label{opacity:.4;white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;max-width:100%;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.team-label-placeholder{visibility:hidden;pointer-events:none}.team-label.clickable:hover{opacity:.8;background:#ffffff14}.team-label.active-server,.team-label.active-receiver{opacity:1;background:#ffffff14;transform:scale(1.05)}.team-a .active-server{color:var(--accent-primary);border:4px solid var(--accent-primary);box-shadow:0 0 25px #3b82f666}.team-b .active-server{color:var(--accent-secondary);border:4px solid var(--accent-secondary);box-shadow:0 0 25px #f43f5e66}.team-a .active-receiver{color:#60a5fa;border:4px solid #60a5fa66}.team-b .active-receiver{color:#fb7185;border:4px solid #fb718566}.score-display{text-shadow:0 10px 30px #0000001a;border:3px solid #0000;border-radius:20px;justify-content:center;align-items:center;min-width:1.5ch;margin:0;padding:.5rem 1rem;font-size:8rem;font-weight:900;line-height:1;transition:all .3s;display:flex}.score-display.is-leading{background:#ffffff0d;border-color:#ffffff4d;box-shadow:inset 0 0 15px #ffffff1a}.team-a .score-display{color:var(--accent-primary)}.team-b .score-display{color:var(--accent-secondary)}.team-a .score-display.is-leading{border-color:#3b82f666}.team-b .score-display.is-leading{border-color:#f43f5e66}.server-indicator{letter-spacing:.1rem;color:var(--accent-primary);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#3b82f626;border:1px solid #3b82f633;border-radius:6px;padding:.2rem 1.2rem;font-size:.9rem;font-weight:800;animation:1.5s infinite pulse;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.team-b .server-indicator{color:var(--accent-secondary);background:#f43f5e26;border-color:#f43f5e33}@keyframes pulse{0%{opacity:.4;transform:translate(-50%)scale(.95)}50%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:.4;transform:translate(-50%)scale(.95)}}.deuce-badge{color:#fff;z-index:50;background:#f43f5e;border-radius:100px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:800;animation:.6s infinite alternate bounce;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #f43f5e66}@keyframes bounce{0%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-45%)}}.manager-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.manager-panel{border:1px solid var(--glass-border);background:#1e293bf2;border-radius:20px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;padding:1.5rem;display:flex}.manager-panel h3{text-align:center;margin-bottom:1rem;font-weight:400}.add-name-form{gap:.5rem;margin-bottom:1rem;display:flex}.add-name-form input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:10px;flex:1;padding:.6rem 1rem}.add-name-form button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.2rem}.names-list{flex:1;margin-bottom:1rem;padding-right:.5rem;overflow-y:auto}.name-item{background:#ffffff08;border-radius:10px;justify-content:space-between;margin-bottom:.4rem;padding:.7rem;display:flex}.name-item:hover{background:#ffffff14}.name-text{cursor:pointer;flex:1}.del-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.del-btn:hover{color:#f43f5e}.close-panel-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:0 0;border-radius:10px;padding:.7rem}.control-panel{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}.control-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:#fff;cursor:pointer;transition:var(--transition-smooth);border-radius:100px;padding:.7rem 1.5rem;font-size:.9rem}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-btn:hover:not(:disabled){background:#ffffff1a;transform:scale(1.05)}.app-footer{opacity:.3;text-align:center;margin-top:1rem;font-size:.7rem}.swap-initial-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:.4rem;margin-top:.8rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.app-container{flex-direction:column;height:100svh;display:flex;overflow:hidden}@media (width<=768px){.app-container{gap:.5rem;padding:.5rem}.app-header{min-height:40px;margin-bottom:.2rem}.app-header h1{font-size:.9rem}.score-board{flex-direction:row;flex:1;gap:.4rem;min-height:0}.score-area{border-radius:12px}.team-info{justify-content:space-evenly;padding:.4rem 0}.team-label{border-radius:8px;max-width:120px;padding:.2rem .6rem;font-size:1.3rem;font-weight:800;border-width:2px!important}.score-display{margin:.1rem 0;font-size:4rem}.server-indicator{font-size:.65rem;top:.3rem}.control-panel{gap:.3rem;min-height:50px;margin-top:.2rem;padding:.4rem 0}.control-btn{padding:.6rem .8rem;font-size:.75rem}.app-footer{display:none}}.history-panel{flex-direction:column;max-height:85vh;display:flex;max-width:450px!important}.history-list{flex-direction:column;flex:1;gap:15px;padding:10px 5px;display:flex;overflow-y:auto}.empty-state{text-align:center;color:#fff6;padding:40px;font-style:italic}.history-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:15px;transition:transform .2s;position:relative}.delete-match-btn{color:#fff6;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.delete-match-btn:hover{color:#f43f5e;background:#f43f5e4d;transform:scale(1.1)}.history-score{color:#fff;text-shadow:0 0 10px #00d2ff80;min-width:80px;margin:0 15px;font-size:1.6rem;font-weight:900}.header-right{align-items:center;gap:15px;display:flex;position:absolute;right:2rem}.history-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}@media (height<=500px) and (orientation:landscape){.app-container{gap:.1rem;padding:.3rem 1rem}.app-header{min-height:40px!important;padding:.4rem 1.5rem!important}.app-header h1{font-size:.8rem}.header-left{left:1rem}.header-right{right:1rem}.icon-btn{width:30px!important;height:30px!important;font-size:.9rem!important}.mode-btn{width:28px;height:28px;font-size:.8rem}.score-board{flex:1;gap:.5rem;margin:5px 0}.score-area{border-radius:12px}.team-a .team-info{flex-direction:row;justify-content:space-around;align-items:center;padding:0 .5rem}.team-a .team-players{order:1}.team-a .score-display{order:2}.team-b .team-info{flex-direction:row;justify-content:space-around;align-items:center;padding:0 .5rem}.team-b .score-display{order:1}.team-b .team-players{order:2}.team-players{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-width:140px;display:flex}.team-players.single .team-label-placeholder{display:none}.score-display{text-align:center;min-width:100px;line-height:1;margin:0!important;font-size:6rem!important}.team-label{max-width:150px;margin:2px 0;min-height:2.2rem!important;padding:.2rem .5rem!important;font-size:1.1rem!important}.server-indicator{padding:1px 6px!important;font-size:.6rem!important;top:4px!important}.control-panel{gap:.2rem;min-height:38px;margin-top:0;padding:.1rem 0}.control-btn{padding:.25rem .4rem;font-size:.65rem}.app-footer{display:none}.swap-initial-btn{margin-top:0;padding:3px 8px;font-size:.6rem;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}}.report-format{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;margin:10px 0;padding:12px 0;display:flex}.match-result-text{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:1rem;line-height:1.4;display:flex}.winner-side{color:#fff;font-weight:900}.vs-text{opacity:.3;margin:0 2px;font-size:.8rem}.loser-side{opacity:.6}.result-arrow{color:var(--accent-primary);opacity:.6;font-weight:900}.final-score-text{color:#fff;letter-spacing:1px;background:#ffffff1a;border-radius:6px;min-width:80px;padding:2px 12px;font-family:JetBrains Mono,monospace;font-weight:900}.share-link-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06c755 0%,#05a346 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;padding:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #06c75533}.share-link-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #06c7554d}.share-link-btn:active{transform:translateY(0)}