:root{--ink:#102d52;--blue:#1765ac;--sky:#acd9f6;--paper:#f2f5f9;--line:#d6e0ec;--muted:#647b94}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}button,input,select{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #328ddb;outline-offset:4px}.app-header{height:85px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-size:34px;letter-spacing:-2px;font-weight:800;text-decoration:none;color:var(--ink)}.logo span{color:#4b9fdc}.indoor-label{font-size:9px;letter-spacing:2px;color:var(--muted)}.outline,.profile-button{border:1px solid #c5d4e4;border-radius:8px;background:transparent;padding:12px 16px;font-size:12px}.profile-button span{margin-left:15px;color:var(--blue)}main{max-width:1280px;margin:auto;padding:40px 5%}.sync-strip{max-width:1440px;margin:auto;padding:13px 5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.sync-strip button{border:0;background:none;color:var(--blue);padding:6px}.offline{color:#946322}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--blue);font-weight:700}h1{font:48px Georgia,serif;letter-spacing:-1.6px;margin:12px 0 15px}h2{font-size:20px;font-weight:600}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero p{font-size:14px;color:var(--muted);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--blue);color:white;padding:16px 22px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;min-height:48px}.button:hover{background:#124f8b}.overview{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;margin:35px 0 45px;background:var(--ink);border-radius:12px;padding:28px;color:white;gap:20px}.overview>div{border-right:1px solid #365273}.overview>div:last-child{border:0}.overview span{font-size:9px;letter-spacing:1px;color:#b2cbe6}.overview strong{display:block;font-size:38px;font-weight:400;margin-top:15px}.overview-note{font:23px Georgia,serif;line-height:1.5;color:#b5d9ee;padding-left:10px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.history-heading h2>span{font-size:11px;background:#dfe8f1;border-radius:99px;padding:5px 9px;margin-left:8px}.filters{display:flex;gap:4px;background:#e2eaf3;border-radius:8px;padding:4px}.filters button{border:0;background:none;padding:10px 17px;border-radius:6px;font-size:12px}.filters .selected{background:white;box-shadow:0 1px 4px #102d5212}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.match-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;min-width:0;transition:transform .15s,box-shadow .15s}.match-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1534520c}.match-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:23px;gap:8px}.match-meta>span{color:var(--blue);letter-spacing:.7px}.match-player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:17px}.match-player>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player small{font-size:8px;background:#eaf3fa;color:var(--blue);margin-left:7px;padding:3px 5px;border-radius:4px}.match-player strong{font-size:23px}.set-results{font-size:11px;color:var(--muted);padding:12px 0 20px}.match-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:8px;font-size:10px}.match-bottom>span{color:var(--muted)}.match-note{font-size:10px;color:#946322;line-height:1.5;margin-bottom:0}.empty{text-align:center;border:1px dashed #c2d3e5;border-radius:12px;padding:45px 20px}.empty p{color:var(--muted);font-size:13px;margin-bottom:25px}.mini-court{position:relative;border:2px solid #81b4dd;width:75px;height:110px;margin:0 auto 25px;background:#e4f0f9}.mini-court:after{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:2px;background:#81b4dd}.mini-court i:first-child{position:absolute;inset:0 8px;border-left:1px solid #81b4dd;border-right:1px solid #81b4dd}.mini-court i:nth-child(2){position:absolute;inset:27px 8px;border:1px solid #81b4dd}.mini-court i:last-child{position:absolute;top:27px;bottom:27px;left:50%;border-left:1px solid #81b4dd}footer{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:1px}.notice,footer{display:flex;justify-content:space-between}.notice{gap:15px;align-items:center;background:#e2edf8;border:1px solid #c4d9ed;border-radius:8px;padding:15px 20px;max-width:1150px;margin:12px auto;font-size:12px;line-height:1.5}.notice button{border:0;background:none;font-size:14px;color:var(--blue);flex-shrink:0;padding:8px}.account{max-width:1150px;margin:25px auto;padding:24px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.account p{font-size:12px;color:var(--muted);line-height:1.6}.account h2{font:28px Georgia,serif}.playing{max-width:1440px;margin:auto}.playing-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 5%;border-bottom:1px solid var(--line)}.playing-nav button{border:0;background:none;padding:10px 0;font-size:12px}.playing-nav>span{font-size:9px;color:var(--muted);letter-spacing:.7px}iframe{display:block;width:100%;height:calc(100dvh - 190px);min-height:650px;border:0;background:var(--paper)}.login{padding-top:80px}.login h1{font-size:65px}.login p{max-width:400px;line-height:1.7;color:var(--muted)}.login small{display:block;margin-top:25px;line-height:1.8;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#102d5277;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:15px}.modal{width:520px;max-width:100%;max-height:92dvh;overflow:auto;background:var(--paper);border-radius:15px;padding:27px;box-shadow:0 25px 90px #08203b33}.modal-head{display:flex;align-items:start;justify-content:space-between}.modal-head h2{font:32px Georgia,serif;margin:10px 0}.modal-head>button{font-size:27px;background:none;border:0;padding:0 8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:12px;margin:16px 0}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #c6d5e4;border-radius:7px;margin-top:8px;padding:12px;background:white;color:var(--ink);min-width:0;font-size:14px}.check{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.check input{width:20px;height:20px;accent-color:var(--blue)}.muted{font-size:11px;color:var(--muted);line-height:1.6}.full{width:100%;margin-top:8px}@media (max-width:950px){.match-grid{grid-template-columns:1fr 1fr}.overview{grid-template-columns:1fr 1fr 1fr}.overview-note{display:none}.overview>div:nth-child(3){border:0}}@media (max-width:640px){.app-header{height:65px;padding:0 18px}.logo{font-size:29px}.indoor-label{display:none}.profile-button{font-size:11px;padding:10px}.sync-strip{padding:10px 18px;font-size:9px}main{padding:24px 18px}.hero{display:block}.hero h1{font-size:36px}.hero .button{margin-top:15px;width:100%}.hero p{font-size:12px}.overview{padding:20px 15px;margin:25px 0 30px;gap:12px}.overview span{font-size:7px;letter-spacing:.3px}.overview strong{font-size:30px;margin-top:10px}.history-heading{display:block}.history-heading h2{font-size:18px}.filters{margin-top:15px;justify-content:space-between}.filters button{flex:1 1}.match-grid{grid-template-columns:1fr;gap:14px}.match-card{padding:20px}.match-meta{font-size:10px}.match-player{font-size:19px}.match-bottom,.notice{font-size:11px}.notice{margin:10px 18px;padding:12px}.notice button{font-size:11px}.account{margin:15px 18px;padding:20px;display:block}.playing-nav{padding:8px 18px}.playing-nav>span{font-size:7px}iframe{height:calc(100dvh - 153px);min-height:540px}.two{grid-template-columns:1fr;gap:0}.two label{margin:10px 0}.modal{padding:22px}input:not([type=checkbox]),select{font-size:16px}.login{padding-top:55px}.login h1{font-size:49px}footer{font-size:6px;letter-spacing:.8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body:has(.playing){height:100dvh;overflow:hidden;display:flex;flex-direction:column}body:has(.playing)>*{min-height:0}.playing{flex:1 1;min-height:0;display:flex;flex-direction:column}.playing-nav{flex-shrink:0}.playing iframe{flex:1 1;height:0;min-height:0}body:has(.playing)>.app-header,body:has(.playing)>.playing,body:has(.playing)>.sync-strip{width:100%;margin:0 auto}body:has(.playing)>.app-header,body:has(.playing)>.notice,body:has(.playing)>.sync-strip{flex-shrink:0}.community-tabs,.main-tabs{display:flex;gap:6px;padding:14px 5%;flex-wrap:wrap;border-bottom:1px solid var(--line)}.community-tabs button,.main-tabs button{background:transparent;border:0;border-radius:7px;padding:11px;color:var(--muted)}.community-tabs button.selected,.main-tabs button.selected{background:var(--ink);color:white}.community-tabs{padding:0 0 16px}.community{max-width:900px;margin:auto}.community label,.modal label{display:block;font-size:12px;margin:14px 0}.community input:not([type=checkbox]),.community select,.community textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:var(--ink);margin-top:6px}.community button{min-height:38px}.community small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.profile-form{max-width:740px}.avatar{width:54px;height:54px;object-fit:cover;border-radius:50%;flex-shrink:0}.initials{background:#cee9fc;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-weight:700}.person-title,.photo-editor{display:flex;align-items:center;gap:16px}.photo-editor{flex-wrap:wrap}.photo-editor label{flex:1 1}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.technical-grid div{padding:12px;background:#e8eef5;border-radius:6px}.technical-grid dt{font-size:10px;color:var(--muted)}.technical-grid dd{margin:5px 0;font-size:13px}.search-row{display:flex;gap:10px;align-items:center}.search-row input,.search-row textarea{flex:1 1;min-width:0}.people-list{display:grid;gap:10px;margin:20px 0}.people-list article,.people-list>button,.profile-detail,.shared-match,.tournament-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f9fbfd}.people-list button{display:flex;align-items:center;gap:12px;text-align:left}.people-list article>button{width:100%;background:none;border:0}.profile-detail{margin-top:25px}.friend-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.shared-match{margin:12px 0;font-size:13px}.chat-log{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px;background:#e3ebf4}.bubble,.chat-log{border-radius:10px}.bubble{max-width:85%;padding:10px 14px;background:white;align-self:flex-start;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:#ccecff}.bubble p{margin:0 0 5px}.bubble button{font-size:10px;border:0;background:none;padding:0;min-height:28px}.suggestions{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto;background:#fff;border:1px solid var(--line)}.suggestions button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:0;background:transparent;text-align:left}.suggestions small{display:block;font-size:10px;color:var(--muted)}.suggestions .avatar{width:34px;height:34px}.player-picker{position:relative}.player-picker>small{font-size:10px}.trash-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.danger{color:#b42636;border:1px solid #d9959e;background:#fff0f2;padding:12px 20px;border-radius:8px}.tournament-match{display:block;width:100%;padding:16px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none}.share-match{flex-shrink:0;background:none;border:0;padding:8px;color:var(--muted);font-size:10px}.report-form{padding:20px;background:#fff0f2;margin-top:20px}.community h3{margin-top:30px}.community .check{display:flex;align-items:center;gap:12px}.community .check input{width:20px;height:20px}.community .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:640px){.main-tabs{padding:8px 12px;gap:0}.main-tabs button{font-size:11px;padding:9px}.community-tabs button{font-size:11px}.community .two{grid-template-columns:1fr;gap:0}.search-row{align-items:stretch}.search-row button{padding:10px}.technical-grid{grid-template-columns:1fr 1fr}.community input,.community select,.community textarea{font-size:16px}}.demo-page{max-width:1000px;margin:0 auto;padding:28px 20px}.demo-page>p{line-height:1.6}.demo-page .community-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.demo-page .community-tabs a{padding:12px 16px;border-radius:10px;text-decoration:none}