:root{color-scheme:light;--ink:#173956;--blue:#176caa;--navy:#163c63;--pale:#edf5fb;--line:#dce6ec;--muted:#557083;--white:#fff;--danger:#a83c39;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #66b2ed;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.035em}h2{font-size:1.2rem;letter-spacing:-.02em}h3{font-size:1rem}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.13em;font-weight:700;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.875rem;line-height:1.5}.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--ink)}.brand img{width:49px;height:49px;border-radius:9px;object-fit:cover}.brand strong{font-size:1rem;display:block;letter-spacing:.03em}.brand small{font-size:.72rem;color:var(--muted);display:block;margin-top:3px}.header{height:87px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:white}.header-inner{width:1120px;max-width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.head-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:12px 17px;min-height:44px;background:var(--blue);color:white;font-size:.9rem;font-weight:600;text-decoration:none}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.ghost{color:var(--ink);background:transparent}.btn.light{background:white;color:var(--navy)}.btn.danger{background:var(--danger)}.btn.full{width:100%}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.layout{max-width:1184px;margin:auto;padding:34px 32px 36px}.topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.topline h1{margin-top:9px}.nav{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:30px}.nav button{background:none;color:var(--muted);padding:14px 22px 18px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:9px;border-bottom:3px solid transparent;margin-bottom:-1px}.nav button[aria-current=page]{color:var(--blue);border-bottom-color:var(--blue)}.sync{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--muted)}.sync i{width:7px;height:7px;background:#367daf;border-radius:50%}.sync.offline i{background:#b36929}.columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:28px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.panel+.panel{margin-top:20px}.hero{background:var(--navy);color:white;border:0;padding:27px 30px;position:relative;overflow:hidden}.hero .eyebrow,.hero .muted{color:#b9d7ed}.hero-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:6px 9px;font-size:.75rem;font-weight:600;background:var(--pale);color:var(--blue)}.hero .pill{background:#315879;color:#fff}.versus{padding:26px 0;display:flex;gap:18px;align-items:center;justify-content:space-between}.player-name{font-family:Georgia,serif;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.2;word-break:break-word}.versus .vs{font-size:.75rem;color:#aac7db;padding:10px;border:1px solid #53718c;border-radius:50%}.hero-note{font-size:.875rem;line-height:1.5;margin:0 0 15px;color:#cfdfeb}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn.secondary{background:transparent;color:white;border-color:#698298}.section-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:26px 0 13px}.section-head.first{margin-top:0}.text-btn{font-size:.875rem;padding:8px 0;background:none;color:var(--blue);min-height:36px}.match-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.match-row:last-child{border:0}.match-copy{flex:1;min-width:0}.match-copy strong{font-size:.94rem;font-weight:600;display:block;overflow-wrap:anywhere}.match-copy small{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}.score-chip{color:var(--ink);background:var(--pale);padding:9px;border-radius:5px;font-weight:600;white-space:nowrap}.court-num{width:36px;height:36px;display:grid;place-items:center;background:var(--pale);color:var(--blue);border-radius:6px;font-family:Georgia,serif;font-size:1.2rem;flex-shrink:0}.court{padding:16px 0;border-bottom:1px solid var(--line)}.court:last-child{border:0;padding-bottom:0}.court .match-row{padding:0;border:0}.court .btn{margin:12px 0 0 49px;font-size:.8rem;min-height:38px;padding:8px 12px}.mini-stats{display:flex;gap:26px;padding:17px 0 3px}.mini-stats strong{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;display:block}.mini-stats span{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.club{display:flex;align-items:center;gap:9px}.club img{width:30px;height:32px;object-fit:contain}.empty{padding:28px 12px;text-align:center;color:var(--muted);line-height:1.6}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:10px 14px;min-height:42px}.tabs button.selected{background:var(--navy);border-color:var(--navy);color:white}.match-list .match-row{padding:17px 0}.match-list .btn{font-size:.8rem;padding:9px 12px;min-height:38px}.rank-head{margin-bottom:18px;display:flex;justify-content:space-between;gap:15px;align-items:center}.ranking{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.ranking th{font-weight:500;color:var(--muted);font-size:.75rem;padding:13px 10px;border-bottom:1px solid var(--line)}.ranking td{padding:19px 10px;border-bottom:1px solid var(--line)}.ranking tr:last-child td{border:0}.ranking .position{font-family:Georgia,serif;font-size:1.6rem;color:var(--muted);width:55px}.ranking .diff{font-family:Georgia,serif;font-size:1.65rem;text-align:right;color:var(--blue)}.ranking .you{background:#edf5fb}.ranking .name{font-weight:600}.ranking .mobile-stat{display:none}.table-wrap{overflow:auto}.rank-note{margin-top:16px;font-size:.8rem;color:var(--muted);line-height:1.5}.notice{padding:14px 17px;background:#edf4fa;border-left:3px solid var(--blue);border-radius:4px;font-size:.875rem;line-height:1.6;margin:16px 0}.notice.error{background:#fff0ed;border-left-color:var(--danger);color:#823430}.form-shell{max-width:730px;margin:15px auto}.setup-head{display:flex;align-items:center;gap:22px;margin-bottom:30px}.setup-head img{width:84px;border-radius:15px}.setup-head h1{margin:7px 0 0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:21px}.field label,.field>span{font-size:.875rem;font-weight:600}.field input,.field textarea,.field select,.share-input{width:100%;border:1px solid #bfcfdc;background:white;color:var(--ink);padding:12px 14px;border-radius:7px;min-height:46px;font-size:1rem}.field textarea{line-height:1.8;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 150px;gap:20px}.setup-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.loading{padding:80px;text-align:center}dialog{border:1px solid var(--line);padding:0;border-radius:16px;max-width:480px;width:calc(100% - 28px);max-height:90dvh;color:var(--ink);background:white}dialog::backdrop{background:rgb(15 38 57 / .5)}.dialog-head{padding:24px 25px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:400}.dialog-body{padding:22px 25px 26px}.close{background:var(--pale);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--ink)}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.name-grid button{background:var(--pale);color:var(--ink);padding:17px 10px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere;font-size:1rem}.score-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:21px 0}.score-fields label{font-size:.9rem;display:block;overflow-wrap:anywhere}.score-fields input{width:100%;text-align:center;font-family:Georgia,serif;font-size:3rem;padding:20px 8px;margin-top:10px;border:1px solid #bbccda;border-radius:10px;color:var(--ink)}.score-preview{min-height:49px;text-align:center;font-size:.9rem;line-height:1.5;margin-bottom:16px}.score-preview.invalid{color:var(--danger)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;color:white;background:var(--navy);border-radius:8px;z-index:10;max-width:calc(100% - 30px);font-size:.9rem;display:none}#toast.show{display:block}.share-qr{display:block;width:200px;height:200px;margin:12px auto 20px;image-rendering:pixelated}.finish{text-align:center;padding:25px}.finish img{width:85px;border-radius:14px;margin-bottom:20px}.finish h2{font-family:Georgia,serif;font-size:3rem;font-weight:400;margin:13px 0}.welcome-note{line-height:1.6;margin-bottom:21px}.mobile-only{display:none}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.breakdown{line-height:1.7;padding-left:20px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:.875rem;margin:17px 0}.check input{margin-top:4px;width:18px;height:18px}.ready-names{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.ready-names span{padding:8px 12px;background:var(--pale);border-radius:6px;font-size:.9rem}.status-banner{margin:0 0 20px}.progress{height:4px;background:#e3ecf2;border-radius:2px;overflow:hidden;margin:14px 0 5px}.progress-fill{height:100%;background:var(--blue)}
@media(max-width:760px){.header{height:74px;padding:0 17px}.brand img{width:41px;height:41px}.brand small{font-size:.65rem}.brand strong{font-size:.85rem}.head-actions{gap:3px}.head-actions .btn{padding:10px}.head-actions .share-label{display:none}.layout{padding:25px 17px 105px}.topline{margin-bottom:22px;align-items:flex-start}.topline .sync{font-size:.7rem;margin-top:6px}.columns{grid-template-columns:1fr;gap:20px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:5;background:white;justify-content:space-around;margin:0;padding:7px 5px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:0}.nav button{padding:9px 5px;min-width:90px;flex-direction:column;gap:5px;font-size:.72rem;border-bottom:0;border-top:2px solid transparent}.nav button[aria-current=page]{border-top-color:var(--blue)}.panel{padding:19px}.hero{padding:23px}.hero .versus{gap:12px}.player-name{font-size:1.8rem}.footer{font-size:.7rem;line-height:1.5}.footer>span{max-width:150px;text-align:right}.desktop-only{display:none!important}.mobile-only{display:block}.field-grid{grid-template-columns:1fr 110px;gap:13px}.setup-head{gap:15px}.setup-head img{width:66px}.setup-head h1{font-size:2rem}.setup-bottom{flex-direction:column;align-items:stretch}.setup-bottom .btn{width:100%}.rank-head{align-items:flex-start;flex-direction:column}.ranking .optional{display:none}.ranking .mobile-stat{display:block;font-size:.75rem;font-weight:400;color:var(--muted);line-height:1.6;margin-top:5px}.ranking td{padding:16px 6px}.ranking th{padding:12px 6px}.ranking .position{width:30px;font-size:1.4rem}.ranking .diff{font-size:1.5rem}.match-list .match-row{gap:9px;flex-wrap:wrap}.match-list .match-copy{min-width:150px}.match-list .btn{margin-left:auto}.match-row .score-chip{font-size:.8rem}.dialog-head{padding:22px 20px 0}.dialog-body{padding:20px}.form-shell{margin:0}.mini-stats{gap:23px}#toast{bottom:90px}.rank-note{font-size:.8rem}}
@media(prefers-reduced-motion:no-preference){.btn{transition:background .15s}.btn:hover{filter:brightness(.95)}}
.player-name{min-width:0;overflow-wrap:anywhere}.ranking .name{overflow-wrap:anywhere}.head-actions .btn[data-action=identity]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero .versus .player-name{flex:1}.hero .versus .player-name:last-child{text-align:right}.hero .versus .vs{flex-shrink:0}.panel+.small{margin-top:20px}.columns+.small{margin-top:24px}
@media(max-width:380px){.brand small{display:none}.brand strong{font-size:.72rem}.brand{gap:7px}.head-actions .btn[data-action=identity]{max-width:95px}.head-actions .btn{font-size:.8rem}.hero{padding:19px}.player-name{font-size:1.5rem}}

.scope-picker{border:0;padding:0;margin:0 0 22px;display:flex;gap:10px;flex-wrap:wrap}.scope-picker legend{font-size:.875rem;color:var(--muted);margin-bottom:10px}.scope-picker label{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 15px;background:white;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:.9rem}.scope-picker label:has(input:checked){background:var(--pale);border-color:var(--blue);color:var(--navy)}.scope-picker input{width:18px;height:18px;margin:0;accent-color:var(--blue)}