:root{--bg: #f5f9f6;--surface: #ffffff;--surface-alt: #eef4ef;--border: #dce7e0;--ink: #10241a;--ink-dim: #62766a;--ball: #1b7a4c;--ball-dark: #145c3a;--ball-tint: #e3f3e9;--accent-lime: #8fcb3e;--loss: #c0473b;--loss-tint: #fbeae8;--on-ball: #ffffff;--shadow-sm: 0 1px 2px rgba(16, 36, 26, .05);--shadow-md: 0 4px 16px rgba(16, 36, 26, .08);--scoreboard-bg: #0e2a1d;--scoreboard-line: #1f4a34;--scoreboard-ink: #eaf4ee;--scoreboard-dim: #8fb6a0;--line: var(--border);--panel: var(--surface);--panel-raised: var(--surface-alt)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:28px 20px 90px}h1.brand{font-weight:800;letter-spacing:-.02em;font-size:clamp(24px,6vw,32px);margin:0 0 2px;color:var(--ink)}h1.brand span{color:var(--ball)}.subtitle{color:var(--ink-dim);font-size:13.5px;margin:0 0 22px;line-height:1.5}.hud{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 18px;margin-bottom:18px;font-size:12.5px;color:var(--ink-dim);box-shadow:var(--shadow-sm)}.hud b{color:var(--ink);font-weight:700}.hud .ball-icon{color:var(--ball);font-weight:700}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--ball);margin:0 0 14px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ink-dim);margin-bottom:7px}.field input[type=text],.field select{width:100%;background:var(--surface-alt);border:1.5px solid var(--border);color:var(--ink);padding:11px 13px;border-radius:10px;font-size:15px;font-family:inherit}.field input[type=text]:focus,.field select:focus{outline:none;border-color:var(--ball)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.choice-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--ink);padding:13px 12px;border-radius:12px;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.choice-btn:hover{border-color:var(--ball);background:var(--ball-tint)}.choice-btn.selected{border-color:var(--ball);background:var(--ball-tint);box-shadow:inset 0 0 0 1px var(--ball);color:var(--ball-dark)}.choice-btn .choice-desc{display:block;color:var(--ink-dim);font-size:11.5px;font-weight:400;margin-top:3px}.choice-btn .choice-tag{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:8px;margin-top:5px;background:var(--surface-alt);color:var(--ink-dim)}.choice-btn .choice-tag.direct{background:var(--ball-tint);color:var(--ball-dark)}.choice-btn .choice-tag.qualifs{background:#fbf3de;color:#8a6d1f}.choice-btn .choice-tag.wildcard_only{background:var(--loss-tint);color:var(--loss)}.choice-btn .choice-tag.defend{background:#f3e2ce;color:#a5570f;margin-left:5px}.btn-primary{background:var(--ball);color:var(--on-ball);border:none;font-weight:700;padding:14px 20px;border-radius:12px;font-size:14px;letter-spacing:.01em;font-family:inherit;cursor:pointer;width:100%;margin-top:6px;box-shadow:var(--shadow-sm);transition:background .15s,transform .1s}.btn-primary:hover{background:var(--ball-dark)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{background:var(--surface-alt);color:var(--ink-dim);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--ink-dim);border:1.5px solid var(--border);font-weight:600;padding:12px 18px;border-radius:12px;font-size:13.5px;cursor:pointer;width:100%;margin-top:8px;font-family:inherit;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--ball);color:var(--ball-dark)}.btn-stats-floating{position:fixed;bottom:22px;right:22px;width:54px;height:54px;border-radius:50%;background:var(--surface);border:2px solid var(--ball);color:var(--ball);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);z-index:50;transition:background .15s,color .15s,transform .15s}.btn-stats-floating:hover{background:var(--ball);color:var(--on-ball);transform:scale(1.06)}.match-buttons{display:flex;gap:8px;margin-top:10px}.match-buttons .btn-primary,.match-buttons .btn-secondary{margin-top:0}.feed{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:13px 15px;max-height:200px;overflow-y:auto;font-size:12.5px;line-height:1.65;margin-top:10px;color:var(--ink-dim)}.feed-entry.win{color:var(--ball-dark);font-weight:600}.feed-entry.title{color:var(--ball-dark);font-weight:700}.feed-entry.badge{color:#a5720f}.hidden{display:none!important}.scoreboard{background:var(--scoreboard-bg);border-radius:16px;padding:16px 18px;margin-bottom:12px;font-family:SF Mono,Consolas,monospace;box-shadow:var(--shadow-md)}.scoreboard .names{display:flex;justify-content:space-between;font-size:12px;color:var(--scoreboard-dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.scoreboard .names .you{color:var(--accent-lime);font-weight:700}.score-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0}.score-row .label{font-size:11px;color:var(--scoreboard-dim);width:90px}.score-row .sets{font-size:24px;font-weight:700;color:var(--scoreboard-ink)}.score-row .sets.you{color:var(--accent-lime)}.score-row .point{font-size:18px;color:var(--scoreboard-ink)}.status-line{margin-top:8px;font-size:11px;color:var(--scoreboard-dim);border-top:1px solid var(--scoreboard-line);padding-top:8px}.match-hero{background:linear-gradient(165deg,var(--scoreboard-bg),#0a1f16);border-radius:20px;padding:18px 18px 14px;margin-bottom:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.match-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(198,226,30,.12),transparent 70%);pointer-events:none}.match-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;position:relative;z-index:1}.match-speed-pills{display:flex;gap:4px;background:#ffffff0f;border-radius:20px;padding:3px}.match-speed-pill{border:none;background:transparent;color:var(--scoreboard-dim);font-size:10px;font-weight:700;padding:5px 9px;border-radius:16px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.match-speed-pill.selected{background:var(--accent-lime);color:#0e2a1d}.match-players-row{display:flex;align-items:center;gap:10px;position:relative;z-index:1;margin-bottom:12px}.match-player{flex:1;min-width:0}.match-player.opp-side{text-align:right}.match-player-head{display:flex;align-items:center;gap:6px}.match-player.opp-side .match-player-head{justify-content:flex-end}.match-serve-dot{width:8px;height:8px;border-radius:50%;background:var(--scoreboard-line);flex-shrink:0;transition:background .2s}.match-serve-dot.active{background:var(--accent-lime);box-shadow:0 0 #c6e21e99;animation:servePulse 1.6s infinite}@keyframes servePulse{0%{box-shadow:0 0 #c6e21e8c}70%{box-shadow:0 0 0 7px #c6e21e00}to{box-shadow:0 0 #c6e21e00}}.match-player-name{font-size:13px;font-weight:700;color:var(--scoreboard-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-player.you-side .match-player-name{color:var(--accent-lime)}.match-fatigue-track{height:3px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.match-fatigue-fill{height:100%;background:var(--accent-lime);border-radius:2px;transition:width .4s ease}.match-sets-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px;position:relative;z-index:1}.match-set-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:8px;background:#ffffff14;color:var(--scoreboard-ink);font-weight:800;font-size:14px}.match-set-badge.you{background:var(--accent-lime);color:#0e2a1d}.match-sets-caption{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--scoreboard-dim)}.match-score-hero{text-align:center;font-family:SF Mono,Consolas,monospace;font-weight:800;font-size:52px;line-height:1;color:var(--scoreboard-ink);margin:6px 0 2px;position:relative;z-index:1;letter-spacing:-.02em}.match-score-hero .sep{color:var(--scoreboard-dim);font-weight:400;margin:0 6px;font-size:32px}.match-games-row{text-align:center;font-size:12px;color:var(--scoreboard-dim);margin-bottom:4px;position:relative;z-index:1}.match-games-row b{color:var(--scoreboard-ink)}.match-status-line2{text-align:center;font-size:11px;color:var(--scoreboard-dim);position:relative;z-index:1}.match-set-history-row{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap;position:relative;z-index:1}.match-set-history-pill{background:#ffffff12;color:var(--scoreboard-dim);font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;font-family:SF Mono,Consolas,monospace}.header{text-align:center;margin-bottom:20px}.player-name{font-weight:800;letter-spacing:-.02em;font-size:26px;margin:0;color:var(--ink)}.player-meta{color:var(--ink-dim);font-size:12.5px;margin-top:5px}.score-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--ball);color:var(--on-ball);font-size:28px;font-weight:800;margin-bottom:10px;box-shadow:var(--shadow-sm)}.stat-grid-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.summary-chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px}.summary-chip .v{font-size:17px;font-weight:800;color:var(--ball-dark)}.summary-chip .k{font-size:9px;color:var(--ink-dim);text-transform:uppercase;font-weight:700;letter-spacing:.04em}.badges-grid{display:flex;flex-wrap:wrap;gap:7px}.badge-chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:11.5px;font-weight:600}.stat-row2{display:flex;align-items:center;gap:8px;margin-bottom:7px}.stat-name{width:90px;font-size:12.5px;color:var(--ink-dim);font-weight:600;display:flex;align-items:center}.stat-bar{flex:1;height:6px;background:var(--surface-alt);border-radius:4px;overflow:hidden}.stat-fill{height:100%;background:var(--ball);border-radius:4px;transition:width .7s cubic-bezier(.16,1,.3,1)}.stat-value{width:30px;text-align:right;font-size:12.5px;font-weight:700;color:var(--ink)}.title-group ul{margin:5px 0 10px;padding-left:20px;color:var(--ink-dim);font-size:12.5px;line-height:1.6}.empty-note{color:var(--ink-dim);font-size:12.5px;font-style:italic}footer.note{color:var(--ink-dim);font-size:11.5px;text-align:center;margin-top:22px}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-fade-in{animation:panelFadeIn .28s ease}.feed,.scrollable-panel{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.feed::-webkit-scrollbar,.scrollable-panel::-webkit-scrollbar{width:7px}.feed::-webkit-scrollbar-track,.scrollable-panel::-webkit-scrollbar-track{background:transparent}.feed::-webkit-scrollbar-thumb,.scrollable-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.feed::-webkit-scrollbar-thumb:hover,.scrollable-panel::-webkit-scrollbar-thumb:hover{background:var(--ink-dim)}@keyframes badgePopIn{0%{opacity:0;transform:scale(.7) translateY(6px)}60%{opacity:1;transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-unlock-card{background:linear-gradient(135deg,var(--ball-tint),var(--surface));border:1.5px solid var(--ball);border-radius:14px;padding:14px 16px;margin-top:12px}.badge-unlock-title{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;color:var(--ball-dark);margin-bottom:8px}.badge-unlock-chip{display:block;background:var(--surface);border:1px solid var(--ball);border-radius:12px;padding:9px 12px;font-size:12.5px;font-weight:700;color:var(--ball-dark);margin:6px 0;animation:badgePopIn .45s ease backwards}.badge-unlock-chip .desc{display:block;font-size:11px;font-weight:400;color:var(--ink-dim);margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal-overlay.result{background:#000000b3;align-items:center;z-index:150}.modal-panel{max-width:420px;width:100%;margin-top:20px}