:root{--bg:#fff;--bg-soft:#f5f5f7;--bg-softer:#fafafa;--bg-elev:#fff;--bg-glass:#ffffffc7;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#aeaeb2;--sep:#3c3c4321;--sep-strong:#3c3c4338;--hover:#00000009;--accent:#007aff;--on-accent:#fff;--like:#ff2d55;--win:#34c759;--loss:#ff3b30;--warn:#ff9500;--shadow-sm:0 1px 2px #0000000a, 0 1px 1px #00000008;--shadow:0 8px 30px #00000014, 0 1px 3px #0000000d;--shadow-lg:0 24px 60px #0000002e;--r-sm:10px;--r:16px;--r-lg:22px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--ease:cubic-bezier(.25, .8, .25, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--bg-soft:#16161a;--bg-softer:#0c0c0e;--bg-elev:#1c1c1e;--bg-glass:#000000b8;--text:#f5f5f7;--text-2:#98989f;--text-3:#636366;--sep:#54545873;--sep-strong:#545458b3;--hover:#ffffff0b;--shadow:0 8px 30px #00000080, 0 0 0 1px #ffffff0f;--shadow-lg:0 24px 60px #000000b3, 0 0 0 1px #ffffff14}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.4}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:color-mix(in srgb, var(--accent) 25%, transparent)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px;border-radius:8px}.shell{justify-content:center;min-height:100dvh;display:flex}.sidebar{flex-direction:column;flex-shrink:0;width:275px;height:100dvh;padding:8px 12px 16px;display:flex;position:sticky;top:0}.main{border-left:1px solid var(--sep);border-right:1px solid var(--sep);width:600px;min-width:0;max-width:100%;min-height:100vh}.rail{scrollbar-width:none;flex-shrink:0;width:350px;height:100vh;padding:10px 0 40px 28px;position:sticky;top:0;overflow-y:auto}.rail>*+*{margin-top:16px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;padding:10px 12px;font-size:22px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(145deg,#3ddc6a,#1aa34a);border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff59,0 3px 10px #1aa34a59}.brand small{color:var(--text-2);letter-spacing:0;align-self:flex-end;margin-left:-2px;padding-bottom:5px;font-size:12px;font-weight:600}.nav{flex-direction:column;gap:2px;margin-top:6px;display:flex}.nav a{letter-spacing:-.01em;width:fit-content;transition:background .15s var(--ease);border-radius:999px;align-items:center;gap:18px;padding:11px 14px;font-size:19px;display:flex;position:relative}.nav a:hover{background:var(--hover)}.nav a.active{font-weight:700}.nav a.active svg{stroke-width:2.4px}.nav .badge{position:absolute;top:6px;left:28px}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border:2px solid var(--bg);box-sizing:content-box;border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.post-cta{width:90%;height:52px;margin:18px 0 0;font-size:17px}.account{text-align:left;border-radius:999px;align-items:center;gap:10px;width:100%;margin-top:auto;padding:10px;transition:background .15s;display:flex}.account:hover{background:var(--hover)}.account .who{flex:1;min-width:0;line-height:1.25}.account .who>b,.account .who>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account .who>span{color:var(--text-2);font-size:14px}.topbar{z-index:20;background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--sep);position:sticky;top:0}.topbar-row{align-items:center;gap:16px;min-height:53px;padding:0 16px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.topbar .sub{color:var(--text-2);font-size:13px}.topbar .spacer{flex:1}.icon-btn{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .15s;display:grid}.icon-btn:hover{background:var(--hover)}.tabs{display:flex}.tabs button,.tabs a{height:53px;color:var(--text-2);white-space:nowrap;flex:1;place-items:center;padding:0 12px;font-weight:500;transition:background .15s;display:grid;position:relative}.tabs button:hover,.tabs a:hover{background:var(--hover)}.tabs .on{color:var(--text);font-weight:700}.tabs .on:after{content:"";background:var(--accent);border-radius:4px;width:min(56px,70%);height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.segmented{background:var(--bg-soft);border-radius:10px;gap:2px;padding:2px;display:flex}.segmented button{color:var(--text-2);transition:all .2s var(--ease);white-space:nowrap;border-radius:8px;flex:1;padding:7px 10px;font-size:14px;font-weight:500}.segmented button.on{background:var(--bg-elev);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001a,0 1px 1px #0000000a}@media (prefers-color-scheme:dark){.segmented button.on{background:#3a3a3c}}.chips{scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.chip{border:1px solid var(--sep-strong);border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:14px;font-weight:500;transition:all .15s}.chip:hover{background:var(--hover)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.btn{white-space:nowrap;height:36px;transition:transform .1s var(--ease), filter .15s, background .15s, opacity .15s;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-dark{background:var(--text);color:var(--bg)}.btn-dark:hover:not(:disabled){opacity:.88}.btn-outline{border:1px solid var(--sep-strong);background:0 0}.btn-outline:hover:not(:disabled){background:var(--hover)}.btn-soft{background:var(--bg-soft)}.btn-soft:hover:not(:disabled){filter:brightness(.97)}.btn-tint{background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent)}.btn-tint:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 20%, transparent)}.btn-danger{color:var(--loss);background:color-mix(in srgb, var(--loss) 10%, transparent)}.btn-lg{height:50px;padding:0 26px;font-size:17px}.btn-block{width:100%}.btn-sm{height:30px;padding:0 14px;font-size:14px}.avatar{background:var(--av-bg,var(--accent));color:#fff;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.avatar.squircle{border-radius:28%}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-wrap{flex-shrink:0;display:inline-block;position:relative}.avatar-wrap.ring{background:var(--ring);border-radius:50%;padding:3px}.avatar-wrap.ring.squircle{border-radius:30%}.avatar-wrap.ring>.avatar{box-shadow:0 0 0 3px var(--bg)}.lvl{color:var(--lvl);background:color-mix(in srgb, var(--lvl) 14%, transparent);white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:1px 7px 1px 6px;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.lvl.lg{padding:4px 11px 4px 9px;font-size:14px;line-height:20px}.lvl .prov{opacity:.7;font-weight:600}.composer{border-bottom:1px solid var(--sep);gap:12px;padding:14px 16px 10px;display:flex}.composer .body{flex:1;min-width:0}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:52px;padding:6px 0 10px;font-size:20px;line-height:1.35}.composer textarea::placeholder{color:var(--text-3)}.composer .tools{border-top:1px solid var(--sep);align-items:center;gap:4px;padding-top:10px;display:flex}.composer .tools .icon-btn{color:var(--accent)}.composer .preview{border-radius:var(--r);border:1px solid var(--sep);margin:4px 0 10px;position:relative;overflow:hidden}.composer .preview button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;position:absolute;top:8px;right:8px}.counter{margin-left:auto;margin-right:10px}.post{border-bottom:1px solid var(--sep);cursor:pointer;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.post:hover{background:var(--bg-softer)}@media (prefers-color-scheme:dark){.post:hover{background:#080808}}.post .content{flex:1;min-width:0}.post .head{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.post .head .name{text-overflow:ellipsis;font-weight:700;overflow:hidden}.post .head .name:hover{text-decoration:underline}.post .head .meta{color:var(--text-2);text-overflow:ellipsis;overflow:hidden}.post .replying{color:var(--text-2);font-size:14px}.post .replying a{color:var(--accent)}.post .text{white-space:pre-wrap;word-wrap:break-word;margin-top:2px}.post .text a{color:var(--accent)}.post .text a:hover{text-decoration:underline}.post .img{border-radius:var(--r);border:1px solid var(--sep);max-height:510px;margin-top:10px;overflow:hidden}.post .img img{object-fit:cover;width:100%;max-height:510px}.post .auto{color:var(--text-2);align-items:center;gap:6px;margin-bottom:2px;font-size:14px;display:flex}.actions{justify-content:space-between;max-width:420px;margin-top:6px;margin-left:-8px;display:flex}.act{color:var(--text-2);font-variant-numeric:tabular-nums;--c:var(--accent);align-items:center;gap:4px;padding:0;font-size:13px;display:inline-flex}.act .ic{border-radius:50%;place-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:grid}.act:hover{color:var(--c)}.act:hover .ic{background:color-mix(in srgb, var(--c) 12%, transparent)}.act.like{--c:var(--like)}.act.liked{color:var(--like)}.act.liked svg{fill:var(--like)}.act.pop svg{animation:pop .35s var(--ease)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.thread-main{border-bottom:1px solid var(--sep);padding:12px 16px 0}.thread-main .text{white-space:pre-wrap;margin:12px 0;font-size:18px;line-height:1.4}.thread-main .stamp{color:var(--text-2);border-top:1px solid var(--sep);border-bottom:1px solid var(--sep);padding:12px 0;font-size:14px}.thread-main .stamp b{color:var(--text)}.thread-line{position:relative}.thread-line:before{content:"";background:var(--sep-strong);width:2px;position:absolute;top:56px;bottom:-4px;left:35px}.card{background:var(--bg-soft);border-radius:var(--r);overflow:hidden}.card h2{letter-spacing:-.02em;margin:0;padding:12px 16px;font-size:20px;font-weight:800}.card-row{align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.card-row:hover{background:var(--hover)}.card .more{color:var(--accent);padding:14px 16px;font-size:15px;display:block}.card .more:hover{background:var(--hover)}.who-line{flex:1;min-width:0;line-height:1.25}.who-line>b,.who-line>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.who-line>span{color:var(--text-2);font-size:14px}.search{background:var(--bg-soft);height:44px;color:var(--text-2);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:0 16px;transition:all .15s;display:flex;position:relative}.search:focus-within{background:var(--bg);border-color:var(--accent);color:var(--accent)}.search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0}.search-results{background:var(--bg-elev);border-radius:var(--r);box-shadow:var(--shadow);z-index:30;color:var(--text);max-height:420px;position:absolute;top:50px;left:0;right:0;overflow:hidden auto}.search-results .empty{color:var(--text-2);text-align:center;padding:20px}.rail-foot{color:var(--text-3);padding:0 16px;font-size:13px;line-height:1.6}.match{border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--sep);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease), transform .2s var(--ease);margin:12px 16px;overflow:hidden}a.match:hover,.match.clickable:hover{box-shadow:var(--shadow)}.post .match{margin:10px 0 0}.match-head{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px 0;display:flex}.pill{background:var(--bg-soft);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.pill.accent{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.pill.green{background:color-mix(in srgb, var(--win) 14%, transparent);color:#1f9d48}.pill.orange{background:color-mix(in srgb, var(--warn) 15%, transparent);color:#c76a00}.pill.red{background:color-mix(in srgb, var(--loss) 12%, transparent);color:var(--loss)}@media (prefers-color-scheme:dark){.pill.green{color:#30d158}.pill.orange{color:#ff9f0a}}.match-when{letter-spacing:-.01em;padding:8px 16px 0;font-size:17px;font-weight:700}.match-where{color:var(--text-2);align-items:center;gap:5px;padding:0 16px;font-size:14px;display:flex}.match-notes{padding:8px 16px 0;font-size:14.5px}.court{border-radius:var(--r);background:var(--bg-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:14px 16px 0;padding:14px 12px;display:grid}.side{flex-direction:column;gap:10px;min-width:0;display:flex}.side.right{text-align:right;align-items:flex-end}.side.win .pname{font-weight:700}.slot{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.side.right .slot{flex-direction:row-reverse}.slot .pname{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.slot .pname small{color:var(--text-2);font-size:12px;display:block}.slot.empty .pname{color:var(--text-2)}.empty-dot{border:2px dashed var(--sep-strong);width:34px;height:34px;color:var(--text-3);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vs{color:var(--text-3);letter-spacing:.05em;font-size:13px;font-weight:800}.scoreline{flex-direction:column;align-items:center;gap:4px;display:flex}.scoreline .sets{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.scoreline .sets .dim{color:var(--text-3)}.scoreline .games{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.trophy{color:#ffb800}.match-foot{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px 16px;display:flex}.match-foot .grow{min-width:0;color:var(--text-2);flex:1;font-size:14px}.result-banner{border-radius:var(--r);background:color-mix(in srgb, var(--warn) 11%, transparent);align-items:flex-start;gap:10px;margin:12px 16px 0;padding:12px 14px;font-size:14px;display:flex}.result-banner.ok{background:color-mix(in srgb, var(--win) 11%, transparent)}.result-banner .ic{color:var(--warn);flex-shrink:0;margin-top:1px}.result-banner.ok .ic{color:var(--win)}.result-banner b{display:block}.result-banner span{color:var(--text-2)}.overlay{z-index:100;animation:fade .2s var(--ease);background:#0006;place-items:start center;padding:5vh 16px;display:grid;position:fixed;inset:0;overflow-y:auto}@media (prefers-color-scheme:dark){.overlay{background:#5b708359}}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg-elev);border-radius:var(--r-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:rise .28s var(--ease);overflow:hidden}@media (prefers-color-scheme:dark){.sheet{background:#000}}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}}.sheet-head{background:inherit;z-index:2;align-items:center;gap:8px;min-height:53px;padding:8px 12px;display:flex;position:sticky;top:0}.sheet-head h3{text-align:center;flex:1;margin:0;font-size:17px;font-weight:700}.sheet-body{padding:4px 20px 22px}.field{margin-top:16px;display:block}.field>span{color:var(--text-2);margin:0 0 6px 4px;font-size:13px;font-weight:600;display:block}.input{border:1px solid var(--sep-strong);background:var(--bg);border-radius:12px;outline:0;width:100%;height:48px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}textarea.input{resize:vertical;height:auto;min-height:80px;padding:12px 14px;line-height:1.4}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.hint{color:var(--text-2);margin:6px 4px 0;font-size:13px}.error-box{background:color-mix(in srgb, var(--loss) 10%, transparent);color:var(--loss);border-radius:12px;margin-top:14px;padding:10px 14px;font-size:14px}.row{gap:10px;display:flex}.row>*{flex:1;min-width:0}.grouped{background:var(--bg-soft);border-radius:14px;margin-top:8px;overflow:hidden}.grouped .item{align-items:center;gap:12px;min-height:50px;padding:12px 16px;display:flex}.grouped .item+.item{border-top:1px solid var(--sep)}.grouped .item .label{flex:1}.grouped .item .label small{color:var(--text-2);font-size:13px;display:block}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:26px 0 0 16px;font-size:13px;font-weight:600}.switch{flex-shrink:0;width:51px;height:31px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{background:var(--sep-strong);cursor:pointer;border-radius:31px;transition:background .25s;position:absolute;inset:0}.switch span:before{content:"";width:27px;height:27px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch input:checked+span{background:var(--win)}.switch input:checked+span:before{transform:translate(20px)}.stepper{background:var(--bg-soft);border-radius:10px;align-items:center;gap:0;display:flex;overflow:hidden}.stepper button{width:44px;height:40px;color:var(--accent);place-items:center;font-size:20px;display:grid}.stepper button:disabled{color:var(--text-3)}.stepper button:hover:not(:disabled){background:var(--hover)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:20px;font-weight:700}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:34px;height:34px;transition:transform .15s var(--ease);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #00000014}.swatch:hover{transform:scale(1.08)}.swatch.on:after{content:"";border:2.5px solid var(--text);border-radius:50%;position:absolute;inset:-4px}.banner-swatch{color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:10px;place-items:center;width:74px;height:44px;font-size:11px;font-weight:700;display:grid;position:relative;overflow:hidden}.banner-swatch.on:after{content:"";box-shadow:inset 0 0 0 3px var(--text);border-radius:10px;position:absolute;inset:0}.banner{height:160px;position:relative}.profile-card{padding:0 16px 4px;position:relative}.profile-card.glass .ig{background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(24px);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-top:-46px;padding:14px 14px 16px}.profile-card.solid .ig{margin-top:-46px;padding:0 2px 4px}.ig-top{align-items:flex-end;gap:18px;display:flex}.profile-card.glass .ig-top{align-items:center}.profile-card.solid .avatar-wrap:not(.ring)>.avatar{box-shadow:0 0 0 4px var(--bg)}.ig-stats{flex:1;justify-content:space-around;min-width:0;padding-bottom:6px;display:flex}.ig-stats>*{text-align:center;border-radius:10px;min-width:0;padding:4px 2px;line-height:1.2}.ig-stats a:hover{background:var(--hover)}.ig-stats b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;display:block}.ig-stats span{color:var(--text-2);font-size:13px}.ig-name{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:17px;font-weight:700;display:flex}.ig-handle{color:var(--text-2);font-size:14px}.ig-role{color:var(--text-2);margin-top:2px;font-size:14px}.ig-bio{white-space:pre-wrap;margin-top:6px}.ig-facts{color:var(--text-2);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:14px;display:flex}.ig-facts span{align-items:center;gap:4px;display:inline-flex}.ig-buttons{gap:8px;margin-top:14px;display:flex}.ig-buttons .btn{border-radius:10px;flex:1;height:34px;font-size:14px}.follows-you{background:var(--bg-soft);color:var(--text-2);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.level-card{border-radius:var(--r);background:linear-gradient(135deg, color-mix(in srgb, var(--lvl) 16%, transparent), color-mix(in srgb, var(--lvl) 6%, transparent));align-items:center;gap:14px;margin-top:14px;padding:14px 16px;display:flex}.level-card .num{letter-spacing:-.03em;color:var(--lvl);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.level-card .what{flex:1;min-width:0}.level-card .what b{font-size:16px;display:block}.level-card .what span{color:var(--text-2);font-size:13.5px}.level-card .rank{text-align:right;color:var(--text-2);font-size:13px;line-height:1.3}.level-card .rank b{color:var(--text);font-size:15px;display:block}@media (width<=480px){.level-card{flex-wrap:wrap}.level-card .rank{text-align:left;flex-basis:100%}.level-card .rank b{margin-left:8px;display:inline}}.highlights{scrollbar-width:none;gap:16px;padding:16px 16px 6px;display:flex;overflow-x:auto}.hl{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:74px;display:flex}.hl .bubble{background:var(--bg-soft);width:64px;height:64px;box-shadow:0 0 0 1.5px var(--sep-strong), inset 0 0 0 3px var(--bg);border-radius:50%;place-items:center;font-size:26px;display:grid}.hl span{text-align:center;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:11.5px;line-height:1.2;display:-webkit-box;overflow:hidden}.ig-tabs{border-top:1px solid var(--sep);margin-top:10px;display:flex}.ig-tabs button{height:46px;color:var(--text-3);flex:1;place-items:center;display:grid;position:relative}.ig-tabs button.on{color:var(--text)}.ig-tabs button.on:before{content:"";background:var(--text);height:1.5px;position:absolute;top:-1px;left:20%;right:20%}.grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.tile{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 12%, var(--bg-soft));display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.tile:hover img{transform:scale(1.03)}.tile .txt{-webkit-line-clamp:6;color:color-mix(in srgb, var(--accent) 70%, var(--text));-webkit-box-orient:vertical;padding:12px;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;position:absolute;inset:0;overflow:hidden}.tile .stats{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;gap:14px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.tile:hover .stats{opacity:1}.tile .stats span{align-items:center;gap:4px;display:inline-flex}.history-row{border-bottom:1px solid var(--sep);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.history-row:hover{background:var(--hover)}.wl{border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.wl.w{background:color-mix(in srgb, var(--win) 16%, transparent);color:var(--win)}.wl.l{background:color-mix(in srgb, var(--loss) 13%, transparent);color:var(--loss)}.wl.p{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn)}.wl.u{background:var(--bg-soft);color:var(--text-2)}.chart{padding:8px 16px 0}.chart svg{width:100%;height:auto;overflow:visible}.podium{grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:10px;padding:22px 16px 8px;display:grid}.podium a{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.podium .step{color:#fff;border-radius:16px 16px 6px 6px;place-items:center;width:100%;margin-top:6px;font-size:22px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff59}.podium .p1 .step{background:linear-gradient(#ffd60a,#f5a700);height:92px}.podium .p2 .step{background:linear-gradient(#d1d1d6,#8e8e93);height:68px}.podium .p3 .step{background:linear-gradient(#ffb06b,#c7692a);height:52px}.podium .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.podium .rt{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}.lb-row{border-bottom:1px solid var(--sep);align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.lb-row:hover{background:var(--hover)}.lb-row.me{background:color-mix(in srgb, var(--accent) 7%, transparent)}.lb-rank{text-align:center;width:28px;color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:800}.lb-score{text-align:right;flex-shrink:0}.lb-score b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:18px;display:block}.trend{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.trend.up{color:var(--win)}.trend.down{color:var(--loss)}.trend.flat{color:var(--text-3)}.my-place{background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--sep);margin:0;position:sticky;bottom:0}.notif{border-bottom:1px solid var(--sep);cursor:pointer;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.notif:hover{background:var(--hover)}.notif.unread{background:color-mix(in srgb, var(--accent) 5%, transparent)}.notif .n-ic{flex-shrink:0;justify-content:flex-end;width:34px;padding-top:2px;display:flex}.notif .n-body{flex:1;min-width:0}.notif .n-text{margin-top:6px}.notif .n-text b{font-weight:700}.notif .n-sub{color:var(--text-2);margin-top:2px;font-size:14px}.notif .n-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.auth{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.auth-art{background:radial-gradient(120% 90% at 20% 10%,#d4f55a 0%,#3ddc6a 35%,#129447 75%,#0b5e2e 100%);place-items:center;display:grid;position:relative;overflow:hidden}.auth-art .ball{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#f3ff9a,#d4f55a 40%,#a8cc2a 100%);border-radius:50%;width:min(52vh,74%);position:relative;box-shadow:0 40px 80px #00000040,inset -20px -30px 60px #0000001f}.auth-art .ball:before,.auth-art .ball:after{content:"";border:6px solid #ffffffe6;border-radius:50%;width:70%;position:absolute;top:-6%;bottom:-6%}.auth-art .ball:before{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;left:-42%}.auth-art .ball:after{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;right:-42%}.auth-panel{flex-direction:column;justify-content:center;max-width:620px;padding:40px clamp(20px,6vw,80px);display:flex}.auth-panel h1{letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(40px,5.4vw,64px);font-weight:800;line-height:1.02}.auth-panel h2{letter-spacing:-.02em;margin:28px 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:700}.auth-panel .lead{color:var(--text-2);max-width:440px;margin:14px 0 0;font-size:17px}.auth-form{max-width:380px;margin-top:24px}.auth-switch{color:var(--text-2);margin-top:18px;font-size:15px}.auth-switch button{color:var(--accent);font-weight:600}.legal{color:var(--text-3);max-width:380px;margin-top:18px;font-size:12.5px}.onb{max-width:560px;margin:0 auto;padding:28px 20px 60px}.onb .steps{gap:6px;margin-bottom:26px;display:flex}.onb .steps i{background:var(--sep);border-radius:4px;flex:1;height:4px}.onb .steps i.on{background:var(--accent)}.onb h1{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:800;line-height:1.1}.onb .lead{color:var(--text-2);margin-top:10px;font-size:16px}.code-input{gap:8px;margin-top:26px;display:flex}.code-input input{border:1px solid var(--sep-strong);background:var(--bg-soft);text-align:center;font-variant-numeric:tabular-nums;border-radius:14px;outline:0;width:100%;height:62px;font-size:26px;font-weight:700}.code-input input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.dev-note{background:color-mix(in srgb, var(--warn) 12%, transparent);border-radius:12px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;font-size:14px;display:flex}.dev-note code{letter-spacing:.08em;font-size:15px;font-weight:700}.quiz-q{margin-top:26px}.quiz-q h3{margin:0 0 10px;font-size:17px}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:left;background:var(--bg-soft);transition:all .15s var(--ease);border:1.5px solid #0000;border-radius:14px;padding:13px 16px;font-size:15px}.option:hover{filter:brightness(.98)}.option.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg));font-weight:600}.level-picker{border-radius:var(--r-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--lvl) 18%, var(--bg)), color-mix(in srgb, var(--lvl) 5%, var(--bg)));border:1px solid color-mix(in srgb, var(--lvl) 25%, transparent);margin-top:24px;padding:22px 20px;transition:background .3s}.level-picker .big{align-items:center;gap:16px;display:flex}.level-picker .big .n{letter-spacing:-.05em;color:var(--lvl);font-variant-numeric:tabular-nums;text-align:center;min-width:72px;font-size:64px;font-weight:800;line-height:1}.level-picker .big .emoji{font-size:36px}.level-picker .big b{letter-spacing:-.02em;font-size:22px;display:block}.level-picker .big span{color:var(--text-2)}.level-picker ul{margin:14px 0 0;padding:0;list-style:none}.level-picker li{align-items:flex-start;gap:8px;padding:4px 0;font-size:14.5px;display:flex}.level-picker li svg{color:var(--lvl);flex-shrink:0;margin-top:2px}.range{width:100%;accent-color:var(--lvl);height:28px;margin-top:22px}.ladder{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:8px;display:grid}.ladder button{background:color-mix(in srgb, var(--c) 14%, transparent);height:34px;color:var(--c);border-radius:8px;font-size:14px;font-weight:700;transition:all .15s}.ladder button.on{background:var(--c);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--c) 40%, transparent);transform:translateY(-2px)}.levels-list .lv{border-bottom:1px solid var(--sep);gap:14px;padding:16px;display:flex}.levels-list .lv .n{color:#fff;background:var(--c);border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.levels-list .lv.me{background:color-mix(in srgb, var(--c) 8%, transparent)}.levels-list .lv b{font-size:16px}.levels-list .lv p{color:var(--text-2);margin:2px 0 0;font-size:14px}.explain{color:var(--text-2);border-bottom:1px solid var(--sep);padding:16px;font-size:14.5px;line-height:1.55}.explain b{color:var(--text)}.empty-state{text-align:center;padding:48px 32px}.empty-state .em{font-size:42px}.empty-state h3{letter-spacing:-.02em;margin:12px 0 6px;font-size:22px;font-weight:800}.empty-state p{color:var(--text-2);max-width:340px;margin:0 auto 18px}.loading{place-items:center;padding:40px;display:grid}.spinner{border:3px solid color-mix(in srgb, var(--accent) 20%, transparent);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);animation:rise .25s var(--ease);border-radius:12px;max-width:90vw;padding:12px 20px;font-weight:600}.splash{place-items:center;min-height:100vh;display:grid}.mobile-top,.bottom-nav,.fab{display:none}@media (width<=1265px){.sidebar{align-items:center;width:88px}.brand span,.brand small,.nav a span:not(.badge),.account .who,.account .more-ic{display:none}.brand{padding:10px 0}.nav a{padding:12px}.nav .badge{left:auto;right:0}.post-cta{width:52px;padding:0}.post-cta span{display:none}.account{width:auto}}@media (width<=1080px){.rail{display:none}}@media (width<=700px){.sidebar{display:none}.main{width:100%;padding-bottom:calc(64px + env(safe-area-inset-bottom));border:0}.mobile-top{display:flex}.bottom-nav{z-index:50;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--sep);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text);flex:1;place-items:center;display:grid;position:relative}.bottom-nav a .badge{position:absolute;top:8px;left:calc(50% + 4px)}.bottom-nav a.active svg{stroke-width:2.5px}.fab{right:16px;bottom:calc(72px + env(safe-area-inset-bottom));background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 45%, transparent);z-index:40;border-radius:50%;place-items:center;display:grid;position:fixed}.composer textarea{font-size:18px}.auth{grid-template-columns:1fr}.auth-art{min-height:180px}.auth-art .ball{width:130px}.overlay{place-items:end center;padding:0}.sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:94dvh;animation:slideup .3s var(--ease);overflow-y:auto}@keyframes slideup{0%{transform:translateY(100%)}}.ig-top{gap:12px}.ig-stats b{font-size:16px}.ig-stats span{font-size:12px}.toasts{bottom:calc(80px + env(safe-area-inset-bottom))}.banner{height:124px}}.post-cta .only-collapsed{display:none}@media (width<=1265px){.post-cta .only-collapsed{display:block}}@media (width<=520px){.court{gap:4px;padding:12px 8px}.side,.side.right{text-align:center;align-items:center}.slot,.side.right .slot{flex-direction:column;gap:4px}.slot .pname{max-width:110px;font-size:13px}.scoreline .sets{font-size:22px}}.feedback-padding{padding:16px 20px}.feedback-intro{padding:18px 20px 8px}.feedback-intro>p,.feedback-privacy{color:var(--text-2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.feedback-intro>p{margin:0 0 12px}.feedback-intro svg,.feedback-privacy svg{flex-shrink:0;margin-top:2px}.feedback-teacher-link{background:var(--bg-soft);border-radius:14px;align-items:center;gap:12px;margin:16px 0 8px;padding:14px 16px;display:flex}.feedback-teacher-link>span:first-of-type{flex:1}.feedback-teacher-link small{color:var(--text-2);margin-top:2px;font-size:13px;display:block}.feedback-note{border-bottom:1px solid var(--sep);padding:22px 20px}.feedback-note-head{align-items:center;gap:10px;display:flex}.feedback-person{flex:1;min-width:0}.feedback-person b{overflow-wrap:anywhere;font-size:14px;display:block}.feedback-person span{color:var(--text-2);overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.feedback-note-head>.pill{flex-shrink:0;font-size:11px}.feedback-context{color:var(--text-2);overflow-wrap:anywhere;margin:12px 0;font-size:12px}.feedback-context a,.feedback-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.feedback-focus{background:var(--bg-soft);border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-block}.feedback-content{margin:14px 0 0}.feedback-content dt{margin:14px 0 4px;font-size:13px;font-weight:650}.feedback-content dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6}.feedback-note>button{margin-top:18px}.feedback-note.is-private{border-left:3px solid var(--sep-strong);background:var(--bg-softer);padding-left:17px}.feedback-editor fieldset{border:0;min-width:0;margin:0;padding:0}.feedback-editor-actions{flex-wrap:wrap;gap:10px;margin:20px 0 12px;display:flex}.feedback-editor-actions>button{flex:1;min-height:44px}.feedback-editor .feedback-privacy{margin:16px 0 0}.coach-heading{align-items:flex-start;gap:14px;padding:26px 20px 16px;display:flex}.coach-heading>svg{color:var(--accent);flex-shrink:0;margin-top:3px}.coach-heading h2{letter-spacing:-.035em;margin:0 0 7px;font-size:23px;line-height:1.2}.coach-heading p{color:var(--text-2);margin:0;font-size:14px;line-height:1.5}.coach-toolbar{align-items:flex-end;gap:12px;padding:0 20px 14px;display:flex}.coach-toolbar .field{flex:1;min-width:0;margin-top:10px}.coach-toolbar>button{flex-shrink:0;min-height:44px}.coach-roster-heading{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 20px 12px;font-size:13px;display:flex}.practice-toolbar{border-top:1px solid var(--sep);background:var(--bg-softer);padding-top:8px}.coach-practice-summary{color:var(--text-2);background:var(--bg-softer);gap:18px;padding:0 24px 16px;font-size:12px;display:flex}.coach-practice-summary span{align-items:center;gap:6px;display:flex}.coach-roster{background:var(--bg-softer);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 20px 22px;display:grid}.coach-pupil{text-align:left;border:1px solid var(--sep);background:var(--bg);border-radius:12px;align-items:center;gap:10px;min-height:66px;padding:12px;display:flex}.coach-pupil>svg{flex-shrink:0;width:36px}.coach-pupil span{min-width:0}.coach-pupil b{overflow-wrap:anywhere;font-size:13px;display:block}.coach-pupil small{color:var(--text-2);margin-top:2px;font-size:12px;display:block}.coach-pupil:hover{border-color:var(--sep-strong)}.coach-pupil.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg));box-shadow:inset 0 0 0 1px var(--accent)}.coach-notebook{border-top:1px solid var(--sep);padding-bottom:28px}.coach-notebook-heading{justify-content:space-between;align-items:center;gap:12px;padding:22px 20px 10px;display:flex}.coach-notebook-heading h2{letter-spacing:-.025em;margin:0;font-size:18px}.coach-notebook-heading p{color:var(--text-2);margin:4px 0 0;font-size:13px}.coach-notebook-heading>button{flex-shrink:0}.coach-blank{text-align:center;color:var(--text-2);padding:36px 32px}.coach-blank p{font-size:14px}.coach-blank small{max-width:320px;margin:auto;line-height:1.6;display:block}.coach-member{border-bottom:1px solid var(--sep);align-items:center;gap:10px;padding:14px 0;display:flex}.coach-search{position:relative}.coach-search>svg{color:var(--text-2);position:absolute;top:15px;left:14px}.coach-search input{padding-left:40px}.match-feedback-prompt{background:var(--bg-soft);border-radius:14px;align-items:center;gap:14px;margin:18px 16px;padding:18px;display:flex}.match-feedback-prompt>div{flex:1}.match-feedback-prompt p{color:var(--text-2);margin:4px 0 0;font-size:13px}.match-feedback-prompt>a{flex-shrink:0}.sidebar .nav{scrollbar-width:thin;flex-shrink:1;min-height:0;overflow-y:auto}.sidebar .nav a,.sidebar .brand,.sidebar .post-cta{flex-shrink:0}@media (width<=420px){.coach-toolbar{flex-wrap:wrap}.coach-toolbar>.field{flex-basis:100%}.coach-roster{gap:6px;padding:6px 12px 18px}.coach-pupil{gap:7px;padding:10px 8px}.feedback-note-head{flex-wrap:wrap}.feedback-editor-actions{flex-direction:column}.match-feedback-prompt{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.feedback-editor *,.coach-notebook *{transition:none!important;animation:none!important}}.coach-time-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coach-time-fields .field{min-width:0}.coach-quick-access{background:var(--bg-softer);border-top:1px solid var(--sep);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.coach-quick-access.is-live{background:color-mix(in srgb, var(--accent) 9%, var(--bg));border-top-color:var(--accent)}.coach-quick-access span{align-items:center;gap:7px;font-size:14px;font-weight:650;display:flex}.coach-quick-access p{color:var(--text-2);margin:5px 0 0;font-size:12px}.coach-quick-access .feedback-link{margin-left:6px}.coach-quick-access>button{flex-shrink:0;min-height:48px}.quick-board{z-index:250;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0;overflow-y:auto}.quick-header{border-bottom:1px solid var(--sep);justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(20px,4vw,64px);display:flex}.quick-header h1{letter-spacing:-.035em;align-items:center;gap:10px;margin:0;font-size:28px;display:flex}.quick-header h1 svg{color:var(--accent)}.quick-header p{color:var(--text-2);margin:6px 0 3px;font-size:14px}.quick-header small{color:var(--text-2)}.quick-header>button{flex-shrink:0}.quick-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:1400px;min-height:calc(100dvh - 128px);margin:0 auto;display:grid}.quick-roster{background:var(--bg-softer);border-right:1px solid var(--sep);padding:32px}.quick-roster h2,.quick-recipient h2,.quick-select h2{letter-spacing:-.025em;margin:0;font-size:22px}.quick-roster>p{color:var(--text-2);margin:7px 0 24px;font-size:14px}.quick-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-player{background:var(--bg);text-align:left;border:1px solid var(--sep-strong);border-radius:12px;align-items:center;gap:12px;min-height:100px;padding:18px 14px;display:flex}.quick-player>span{flex:1;min-width:0}.quick-player b{overflow-wrap:anywhere;font-size:17px;display:block}.quick-player small{color:var(--text-2);margin-top:5px;font-size:12px;display:block}.quick-player>svg{color:var(--accent);flex-shrink:0}.quick-player.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg))}.quick-roster>.quick-draft-hint{max-width:50ch;margin-top:24px;font-size:12px;line-height:1.6}.quick-compose{min-width:0;padding:32px}.quick-select{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:360px;display:flex}.quick-select>svg{color:var(--accent)}.quick-select p{max-width:33ch;color:var(--text-2);margin:0;line-height:1.6}.quick-recipient{align-items:center;gap:12px;margin-bottom:22px;display:flex}.quick-recipient small{color:var(--text-2);margin-bottom:4px;display:block}.quick-compose textarea{resize:vertical;min-height:185px;font-size:18px;line-height:1.6}.quick-compose textarea:read-only{background:var(--bg-softer)}.quick-counter{color:var(--text-2);justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;display:flex}.quick-counter span:last-child{flex-shrink:0}.quick-dictation{margin-top:20px}.quick-dictation-controls{flex-wrap:wrap;gap:6px;display:flex}.quick-dictation .is-recording{border-color:var(--loss);color:var(--loss)}.quick-dictation .hint{margin:10px 0;font-size:12px;line-height:1.6}.quick-done{width:100%;min-height:50px;margin-top:20px;font-size:17px}.quick-decide{flex-direction:column;gap:10px;margin-top:24px;display:flex}.quick-decide h3{margin:0 0 4px;font-size:16px}.quick-decide .btn{min-height:48px}.quick-saved{color:var(--accent);align-items:flex-start;gap:7px;margin:16px 0;font-size:14px;display:flex}.quick-saved svg{flex-shrink:0;margin-top:1px}.quick-history{border-top:1px solid var(--sep);margin-top:30px;padding-top:20px}.quick-history h3{margin:0 0 14px;font-size:14px}.quick-history article{border-bottom:1px solid var(--sep);padding:10px 0}.quick-history small{color:var(--text-2);font-size:12px}.quick-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:14px}@media (width<=760px){.quick-header{gap:10px;padding:18px 16px}.quick-header h1{font-size:23px}.quick-header p{font-size:12px}.quick-header>button{padding:8px 12px}.quick-layout{display:block}.quick-roster{border-right:0;border-bottom:1px solid var(--sep);padding:20px 16px}.quick-roster h2{font-size:18px}.quick-roster>p{margin-bottom:16px}.quick-roster>.quick-draft-hint{margin-bottom:0}.quick-player{gap:8px;min-height:82px;padding:12px 10px}.quick-player b{font-size:15px}.quick-player .avatar{width:30px!important;height:30px!important}.quick-player>svg{width:16px}.quick-compose{padding:24px 16px 40px}.quick-select{min-height:160px}}@media (width<=420px){.coach-quick-access{flex-wrap:wrap}.coach-quick-access>button{width:100%}.quick-player{flex-wrap:wrap}.quick-player>span{flex-basis:calc(100% - 48px)}}.quick-header{z-index:2;background:var(--bg);position:sticky;top:0}@media (width<=760px){.quick-player{min-height:76px;position:relative}.quick-player>svg{position:absolute;top:7px;right:7px}.quick-player>span{flex-basis:auto}.quick-roster>.quick-draft-hint{display:none}}.mobile-search{display:none}@media (width<=1080px){.mobile-search{border-bottom:1px solid var(--sep);padding:12px 16px;display:block}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.choices{border:0;min-width:0;margin:16px 0 0;padding:0}.choices .item{cursor:pointer}.choices input[type=radio]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:0}.blocked-note{background:color-mix(in srgb, var(--loss) 9%, transparent);color:var(--text);border-radius:14px;align-items:flex-start;gap:10px;margin:4px 16px 12px;padding:12px 14px;font-size:14px;display:flex}.blocked-note svg{color:var(--loss);flex-shrink:0;margin-top:1px}.match-chat{border:1px solid var(--sep);border-radius:var(--r);background:var(--bg);margin:18px 16px;scroll-margin-top:70px;overflow:hidden}.chat-head{border-bottom:1px solid var(--sep);align-items:baseline;gap:10px;padding:14px 16px 10px;display:flex}.chat-head h2{margin:0;font-size:16px;font-weight:700}.chat-head span{color:var(--text-2);font-size:13px}.chat-list{overscroll-behavior:contain;flex-direction:column;gap:2px;min-height:120px;max-height:min(440px,55dvh);padding:12px 10px 6px 12px;display:flex;overflow-y:auto}.chat-list:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-empty{color:var(--text-2);text-align:center;margin:auto;padding:24px 12px;font-size:14px}.chat-msg{align-items:flex-end;gap:8px;margin-top:10px;display:flex}.chat-msg.cont{margin-top:2px}.chat-msg.mine{flex-direction:row-reverse}.chat-av{flex-shrink:0;width:28px}.chat-col{flex-direction:column;align-items:flex-start;min-width:0;max-width:min(78%,420px);display:flex}.chat-msg.mine .chat-col{align-items:flex-end}.chat-name{color:var(--text-2);margin:0 0 2px 10px;font-size:12px;font-weight:600}.chat-bubble{background:var(--bg-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:8px 12px;font-size:15px;line-height:1.35}.chat-msg.mine .chat-bubble{background:var(--accent);color:var(--on-accent)}.chat-msg.mine .chat-bubble a{color:inherit;text-decoration:underline}.chat-bubble.muted,.chat-msg.mine .chat-bubble.muted{border:1px dashed var(--sep-strong);color:var(--text-2);background:0 0;font-size:14px;font-style:italic}.chat-time{color:var(--text-3);margin:3px 10px 0;font-size:11px}.chat-more{width:28px;height:28px;color:var(--text-3);opacity:0;align-self:center;transition:opacity .15s}.chat-msg:hover .chat-more,.chat-more:focus-visible{opacity:1}@media (hover:none){.chat-more{opacity:1}}.chat-compose{border-top:1px solid var(--sep);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.chat-compose textarea{resize:none;flex:1;min-height:40px;max-height:140px;padding-top:9px;padding-bottom:9px;line-height:1.35;overflow-y:hidden}.chat-send{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.chat-notice{border-top:1px solid var(--sep);color:var(--text-2);text-align:center;margin:0;padding:14px 16px;font-size:14px}.chat-privacy{color:var(--text-3);margin:0;padding:0 16px 14px;font-size:12px;line-height:1.45}.match-chat>.hint,.chat-left{text-align:right;margin:0 16px 6px}.inbox-tabs{border-bottom:1px solid var(--sep);display:flex}.inbox-tabs button{color:var(--text-2);border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 8px;font-weight:600;display:inline-flex}.inbox-tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.inbox-tabs .count{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:inline-flex}.dm-row{border-bottom:1px solid var(--sep);align-items:center;gap:12px;padding:12px 16px;display:flex}.dm-row:hover{background:var(--bg-soft)}.dm-row .who-line{flex:1;min-width:0}.dm-row .who-line b,.dm-row .who-line span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dm-row .who-line span{color:var(--text-2);font-size:14px}.dm-row.unread .who-line b,.dm-row.unread .who-line span{color:var(--text);font-weight:700}.dm-row .when{color:var(--text-3);white-space:nowrap;align-self:flex-start;margin-top:3px;font-size:12px}.dm-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.dm-page{height:calc(100dvh - var(--dm-top,54px));flex-direction:column;min-height:320px;display:flex}.dm-page .chat-list.full{flex:1;max-height:none}.dm-page .chat-compose{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.dm-hint{border-top:1px solid var(--sep);color:var(--text-2);text-align:center;margin:0;padding:10px 16px;font-size:13px}.dm-request{border-top:1px solid var(--sep);text-align:center;padding:16px}.dm-request p{color:var(--text-2);margin:0 0 12px;font-size:14px;line-height:1.45}.dm-request .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dm-intro{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex}.dm-intro b{color:var(--text);font-size:16px}.dm-intro .chat-privacy{max-width:340px;padding:10px 0 0}.mobile-dm{position:relative}.mobile-dm .badge{position:absolute;top:-1px;left:19px}@media (width<=700px){.dm-page{height:calc(100dvh - var(--dm-top,54px) - 64px - env(safe-area-inset-bottom))}.dm-page .chat-compose{padding-bottom:10px}}.home-match-actions{border-bottom:1px solid var(--sep);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.match-mode,.match-form,.score-fields{border:0;min-width:0;margin:0;padding:0}.match-mode{margin:8px 0 18px}.score-fields{margin-top:20px}.score-fields>legend{padding:0;font-weight:700}.player-options{border:1px solid var(--sep);border-radius:var(--r);max-height:160px;margin-top:6px;overflow-y:auto}.player-options>.hint{padding:0 12px}.player-option,.picked-player{text-align:left;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.player-option{border:0;border-bottom:1px solid var(--sep);color:var(--text);cursor:pointer;background:0 0}.player-option:last-child{border-bottom:0}.player-option:hover{background:var(--hover)}.player-option>span,.picked-player>span{overflow-wrap:anywhere;flex:1;min-width:0}.player-option small,.picked-player small{color:var(--text-2);display:block}.picked-player{border:1px solid var(--sep);border-radius:var(--r)}@media (width<=400px){.home-match-actions>.btn{flex:1;padding-inline:8px;font-size:12px}}
