:root{--bg: #0b1020;--bg-soft: #0f152a;--text: #e8ecf8;--text-strong: #ffffff;--muted: #a7b0c6;--ink: 255 255 255;--card: rgb(var(--ink) / .06);--border: rgb(var(--ink) / .12);--modal-bg: #141a2e;--link: #a5b4fc;--link-hover: #c7d2fe;--faint: #7d87a0;--danger: #ff7b7b;--danger-rgb: 255 123 123;--success: #4ade80;--focus: #a5b4fc;--btn-bg: rgb(var(--ink) / .04);--field-bg: #0f1428;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23a5b4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--btn-shadow: 0 10px 24px rgba(124, 92, 255, .35);--warn: #ffcc00;--accent-text: #2fd7d6;--soft-purple: #c8b8ff;--header-bg: linear-gradient(180deg, rgba(12,16,36,.95), rgba(12,16,36,.7));--hero-overlay: radial-gradient(800px 300px at 50% 0%, rgba(12,16,36,.3), transparent 60%), linear-gradient(180deg, rgba(12,16,36,.15), rgba(12,16,36,.55));--body-bg: radial-gradient(1200px 600px at 10% -10%, #1b2350 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #4b2666 0%, transparent 55%), linear-gradient(180deg, #0b1020 0%, #0a0e1a 100%);color-scheme:dark;--primary: #7c5cff;--primary-600: #6a46ff;--primary-700: #5a38ff;--accent: #2fd7d6;--header-h: 64px}:root[data-theme=light]{--bg: #f4f6fb;--bg-soft: #eceff7;--text: #1a2033;--text-strong: #0b1020;--muted: #5b6478;--ink: 15 20 40;--card: #ffffff;--border: rgb(var(--ink) / .12);--modal-bg: #ffffff;--link: #4f46e5;--link-hover: #3730a3;--faint: #7a8296;--danger: #d33c3c;--danger-rgb: 211 60 60;--success: #15803d;--focus: #6366f1;--btn-bg: #ffffff;--field-bg: #ffffff;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--btn-shadow: 0 6px 16px rgba(91, 63, 224, .25);--warn: #9a6700;--accent-text: #0e8a89;--soft-purple: #6a46ff;--header-bg: linear-gradient(180deg, rgb(255 255 255 / .96), rgb(255 255 255 / .86));--hero-overlay: radial-gradient(800px 300px at 50% 0%, rgb(255 255 255 / .2), transparent 60%), linear-gradient(180deg, rgb(255 255 255 / .1), rgb(255 255 255 / .35));--body-bg: radial-gradient(1200px 600px at 10% -10%, #dfe5ff 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #f0e2ff 0%, transparent 55%), linear-gradient(180deg, #f7f9fc 0%, #eceff7 100%);color-scheme:light}.scoreboard,.hazard,.maker-banner{--bg: #0b1020;--bg-soft: #0f152a;--text: #e8ecf8;--text-strong: #ffffff;--muted: #a7b0c6;--ink: 255 255 255;--card: rgb(var(--ink) / .06);--border: rgb(var(--ink) / .12);--modal-bg: #141a2e;--link: #a5b4fc;--link-hover: #c7d2fe;--faint: #7d87a0;--danger: #ff7b7b;--danger-rgb: 255 123 123;--success: #4ade80;--focus: #a5b4fc;--btn-bg: rgb(var(--ink) / .04);--field-bg: #0f1428;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23a5b4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--btn-shadow: 0 10px 24px rgba(124, 92, 255, .35);--warn: #ffcc00;--accent-text: #2fd7d6;--soft-purple: #c8b8ff;--header-bg: linear-gradient(180deg, rgba(12,16,36,.95), rgba(12,16,36,.7));--hero-overlay: radial-gradient(800px 300px at 50% 0%, rgba(12,16,36,.3), transparent 60%), linear-gradient(180deg, rgba(12,16,36,.15), rgba(12,16,36,.55));--body-bg: radial-gradient(1200px 600px at 10% -10%, #1b2350 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #4b2666 0%, transparent 55%), linear-gradient(180deg, #0b1020 0%, #0a0e1a 100%);color-scheme:dark;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;color:var(--text);background:var(--body-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app-shell{min-height:100%;display:flex;flex-direction:column;padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:var(--header-bg);border-bottom:1px solid rgb(var(--ink) / .12);box-shadow:0 8px 28px #00000059;padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top);padding-left:env(safe-area-inset-left,0px);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right,0px);padding-right:constant(safe-area-inset-right)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 10px 24px #7c5cff59}.brand-name{font-size:20px;color:var(--text)}.nav{display:flex;gap:14px}.nav-link{padding:10px 12px;color:var(--text);border:1px solid transparent;border-radius:10px;transition:all .2s ease}.nav-link:hover{color:var(--text-strong);border-color:rgb(var(--ink) / .16);background:rgb(var(--ink) / .06);box-shadow:0 6px 18px #00000040}.main{flex:1;padding:28px 0}.footer{color:var(--muted);border-top:1px solid var(--border);background:rgb(var(--ink) / .02)}.footer-inner{padding:14px 0;text-align:center}.hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#7c5cff26,#2fd7d626);border:1px solid var(--border);box-shadow:0 20px 50px #00000059}.hero-inner{position:relative;z-index:1;padding:72px 28px;text-align:center}.hero-title{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:0 0 14px;letter-spacing:-.5px}.hero-sub{font-size:clamp(14px,2.2vw,18px);color:var(--muted);max-width:780px;margin:0 auto 24px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-bg{position:absolute;inset:0;opacity:.35;background-position:center;background-size:cover;filter:saturate(115%)}.hero-gradient{position:absolute;inset:0;background:var(--hero-overlay)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 10px 30px #00000040}.card h2{margin:0 0 10px;font-size:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);color:var(--text);background:rgb(var(--ink) / .02);transition:all .2s ease}.btn:hover{transform:translateY(-1px);border-color:rgb(var(--ink) / .2);background:rgb(var(--ink) / .06)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;box-shadow:0 10px 24px #7c5cff59}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{background:rgb(var(--ink) / .06)}.btn-sm{padding:6px 10px;border-radius:8px;font-size:12px}.seg-group{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg{border:0;background:transparent;color:var(--muted);padding:6px 10px;cursor:pointer}.seg:hover{background:rgb(var(--ink) / .06);color:var(--text-strong)}.seg.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.grid{display:grid;gap:clamp(12px,2vw,16px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}.input,.select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--field-bg);color:var(--text-strong);outline:none;transition:border .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--faint)}.input:focus,.select:focus{border-color:var(--focus);box-shadow:0 0 0 4px #7c5cff2e}.select option{background:var(--modal-bg);color:var(--text-strong)}.label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.form-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 720px){.form-row{grid-template-columns:1fr}}.tag{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:rgb(var(--ink) / .04);color:var(--muted);font-size:12px}.hero--split{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;text-align:left}@media (max-width: 900px){.hero--split{grid-template-columns:1fr}}.hero-media{position:relative;min-height:260px;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 30px #00000040}.hero-media-img{position:absolute;inset:0;background-position:center;background-size:cover;filter:contrast(1.05) saturate(1.1);opacity:.95}.kicker,.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgb(var(--ink) / .08);color:var(--text);font-weight:700;font-size:12px;border:1px solid var(--border)}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.link{color:var(--link)}.link:hover{color:var(--link-hover)}.scoreboard{background:#23262f url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22 viewBox=%220 0 4 4%22%3E%3Cpath fill=%22%23333%22 d=%22M0 0h4v4H0z%22/%3E%3Cpath fill=%22%232e313a%22 d=%22M0 0h2v2H0zM2 2h2v2H2z%22/%3E%3C/svg%3E") repeat;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px #00000040;padding:16px}.scoreboard-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.scoreboard-games{display:flex;gap:8px}.scoreboard-court{display:grid;grid-template-columns:1fr minmax(140px,24vw) 1fr;align-items:stretch;gap:10px;padding:24px 10px;border-radius:12px;background:#2b2f3a;border:1px solid rgb(var(--ink) / .08)}.scoreboard .side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.serve-badge,.receive-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgb(var(--ink) / .18)}.serve-badge{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 6px 14px #27ae6040}.receive-badge{background:rgb(var(--ink) / .08);color:#e7ebf6}.scoreboard .name{font-weight:700;color:#e7ebf6;opacity:.9}.scoreboard .big{font-size:clamp(72px,12vw,140px);font-weight:800;color:#fff;line-height:1}.scoreboard .add{display:flex;align-items:center;justify-content:center;width:120px;height:44px;font-size:28px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#52a3ff);color:#fff;border:none;cursor:pointer;box-shadow:0 10px 24px #0b5fff4d}.scoreboard .divider{height:100%;width:100%;background:linear-gradient(180deg,rgb(var(--ink) / .08),rgb(var(--ink) / .02));border-radius:6px}.scoreboard-bottom{display:flex;justify-content:center;margin-top:14px}.timeline{position:relative;width:100%;align-self:stretch;min-height:0;--tl-offset: clamp(40px, 7vw, 40px);--tl-gap: clamp(8px, 2vw, 30px)}.tl-scroll{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:12px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--ink) / .22) transparent}.tl-scroll::-webkit-scrollbar{width:6px}.tl-scroll::-webkit-scrollbar-track{background:transparent}.tl-scroll::-webkit-scrollbar-thumb{background:rgb(var(--ink) / .22);border-radius:999px}.tl-scroll::-webkit-scrollbar-thumb:hover{background:rgb(var(--ink) / .36)}.timeline .track{position:absolute;left:50%;top:0;bottom:0;width:10px;background:#ffc107;border-radius:999px;box-shadow:inset 0 0 0 2px #00000040}.tl-item{position:relative;height:clamp(44px,6.5vh,60px);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%}.tl-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(34px,5vw,44px);height:clamp(34px,5vw,44px);min-width:34px;min-height:34px;aspect-ratio:1 / 1;flex-shrink:0;box-sizing:border-box;padding:0;border-radius:50%;border:2px solid #ffc107;color:#ffc107;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(11px,1.6vw,14px);line-height:1;background:#00000040;overflow:hidden}.tl-item.win-left .tl-dot{margin-left:calc(-1 * var(--tl-offset))}.tl-item.win-right .tl-dot{margin-left:var(--tl-offset)}.tl-label{position:absolute;top:50%;transform:translateY(-50%);color:#e7ebf6;opacity:.95;font-weight:700;font-size:clamp(12px,1.8vw,16px)}.tl-label.left{right:calc(50% + var(--tl-offset) + var(--tl-gap))}.tl-label.right{left:calc(50% + var(--tl-offset) + var(--tl-gap))}@media (max-width: 720px){:root{--header-h: 56px}.container{padding:0 14px}.header-inner{padding:10px 0}.brand-name{font-size:16px}.nav{gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-link{padding:8px 10px}.hero-inner{padding:42px 18px;text-align:left}.hero-actions{flex-direction:column;align-items:stretch}.btn,.btn-primary,.btn-ghost{width:100%;justify-content:center}.hero-media{min-height:200px}.card{padding:16px}}@media (max-width: 380px){.hero-title{font-size:28px}}.hero--split{grid-template-columns:1.15fr 1fr}.hero-content{order:1}.hero-side{order:2}@media (max-width: 900px){.hero--split{grid-template-columns:1fr}.hero-content{order:2}.hero-side{order:1}}@media (max-width: 720px){.app-shell{padding-top:0}.header{position:sticky;top:0;left:0;right:0;padding-top:0}.header-inner{min-height:auto;padding:calc(8px + env(safe-area-inset-top,0px)) 0 8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}.brand{flex:1 1 auto;min-width:0}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{order:3;flex:1 1 100%;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;border-top:1px solid rgb(var(--ink) / .08);padding-top:6px}.nav::-webkit-scrollbar{display:none}.nav-link{flex:0 0 auto}:root{--header-h: 56px}}@supports (-webkit-touch-callout: none){body{-webkit-text-size-adjust:100%}}@media (max-width: 720px){html,body,#root{height:auto;min-height:100%}.container{padding:0 12px;max-width:100%}.app-shell{padding-bottom:env(safe-area-inset-bottom,0px)}}@media (max-width: 720px){.header{position:sticky;top:0}.header-inner{min-height:auto;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;gap:8px 10px;flex-wrap:wrap}.brand{flex:1 1 auto;min-width:0}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{order:3;flex:1 1 100%;padding:6px 0 8px}}@media (max-width: 720px){.hero-inner{padding:28px 16px}.hero-title{font-size:clamp(22px,6vw,28px)}.hero-sub{font-size:clamp(13px,3.5vw,15px)}.btn,.btn-primary,.btn-ghost{width:100%}}@media (max-width: 560px){.scoreboard{padding:12px}.scoreboard-top{flex-wrap:wrap;gap:8px}.scoreboard-games{width:100%;justify-content:center;flex-wrap:wrap}.scoreboard-court{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px;padding:16px 10px}.scoreboard .side{flex-direction:row;justify-content:space-between}.timeline{height:clamp(220px,40vh,320px)}.scoreboard .divider{width:100%;height:10px;border-radius:6px;background:linear-gradient(90deg,rgb(var(--ink) / .08),rgb(var(--ink) / .02))}}@media (max-width: 560px){.scoreboard .big{font-size:clamp(48px,18vw,88px)}.scoreboard .add{width:100%;max-width:240px;height:44px;font-size:22px}.serve-badge,.receive-badge{font-size:11px;padding:3px 8px}}@media (max-width: 560px){.timeline{--tl-offset: 28px;--tl-gap: 8px;padding:6px 0}.tl-item{height:clamp(40px,7vh,60px)}.tl-dot{width:clamp(30px,7vw,38px);height:clamp(30px,7vw,38px);min-width:30px;min-height:30px;aspect-ratio:1 / 1;border-width:2px;font-size:clamp(10px,3vw,12px)}.tl-label{font-size:clamp(11px,3.2vw,14px)}}@media (max-width: 720px){.input,.select{padding:12px;font-size:16px}.form-row{grid-template-columns:1fr}}@media (max-width: 560px){body{background:var(--body-bg);background-attachment:scroll}}@supports (padding: max(0px)){.footer-inner{padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}}.app-shell{min-height:100vh;min-height:100dvh}.nowrap{white-space:nowrap}img,video{max-width:100%;height:auto}.container.header-inner{padding-left:20px;padding-right:20px;gap:12px}.brand-name{white-space:nowrap}.nav-link.active{color:var(--text-strong);background:rgb(var(--ink) / .08);border-color:rgb(var(--ink) / .16)}@media (max-width: 1280px){.brand-tagline{display:none}}.hero--split .hero-content{padding:36px}.hero--split .hero-side{padding:18px 18px 18px 0}@media (max-width: 900px){.hero--split{gap:0}.hero--split .hero-side{padding:14px 14px 0}.hero--split .hero-content{padding:22px 20px 26px}.hero-media{min-height:clamp(180px,45vw,320px)}}@media (max-width: 720px){.container.header-inner{padding-left:12px;padding-right:12px}.brand-name{font-size:18px}.nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;overflow:visible}.nav-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 2px;font-size:clamp(13px,3.8vw,15px);text-align:center}.main{padding:18px 0}}@media (pointer: coarse){.btn{min-height:44px;justify-content:center}.btn-sm{min-height:40px}.seg{min-height:40px;padding:8px 14px}.input,.select{min-height:44px;font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px}}.card,.match-card,.hero{min-width:0;overflow-wrap:anywhere}.admin-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-head h1{margin:0;font-size:clamp(26px,6vw,40px);line-height:1.1}.admin-head .btn{width:auto}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.admin-row-main{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.admin-row-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.admin-row-actions .btn{white-space:nowrap}@media (max-width: 720px){.admin-row{flex-direction:column;align-items:stretch;gap:10px}.admin-row-actions{width:100%}.admin-row-actions>*{flex:1 1 0;width:auto;min-width:0}.admin-row-actions .select{flex:2 1 0}}html{background-color:var(--bg)}body{background-repeat:no-repeat}.brand{order:1}.nav{order:2;margin-left:auto}.account-link{order:3;white-space:nowrap;border-color:var(--border)}@media (max-width: 720px){.account-link{order:2;flex:0 1 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;padding:6px 12px}.nav{order:3;margin-left:0}}@media (max-width: 560px){.nav{grid-template-columns:repeat(4,minmax(0,1fr))}}.team-btn{width:auto;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex}.ad-banner{margin:20px auto 0;display:flex;flex-direction:column;gap:6px;width:100%;max-width:932px}.ad-label{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);text-align:center}.ad-link{display:block;overflow:hidden;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 24px #00000040;transition:transform .2s ease,box-shadow .2s ease}.ad-link:hover{transform:translateY(-1px);box-shadow:0 14px 30px #00000059}.ad-link img{display:block;width:100%;height:auto}.follow-btn{width:auto;white-space:nowrap}.follow-btn.is-following{border-color:var(--accent);color:var(--accent-text)}.follow-star{color:var(--warn)}.follow-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.footer-link{white-space:nowrap}.maker-banner{margin:14px auto 0;width:100%;max-width:932px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:12px;background:#121212;border:3px solid #ffcc00;background-image:repeating-linear-gradient(-45deg,rgba(255,204,0,.08) 0 14px,transparent 14px 28px)}.maker-text{min-width:0;flex:1 1 220px}.maker-title{font-weight:900;font-size:clamp(18px,5vw,26px);color:#fc0;letter-spacing:.5px;line-height:1.1}.maker-sub{color:var(--muted);font-size:14px;margin-top:4px}.maker-btn{width:auto;flex-shrink:0}@media (max-width: 480px){.maker-btn{width:100%}}.maker-wiggle{display:inline-block;transform-origin:50% 80%;animation:maker-wiggle 1.8s ease-in-out infinite}@keyframes maker-wiggle{0%,60%,to{transform:rotate(0)}65%{transform:rotate(-12deg) scale(1.15)}75%{transform:rotate(10deg) scale(1.15)}85%{transform:rotate(-6deg)}}.maker-banner:hover .maker-btn{transform:translateY(-2px) scale(1.03)}@media (prefers-reduced-motion: reduce){.maker-wiggle{animation:none}}.scoring-choice{display:flex;flex-wrap:wrap}.scoring-choice .seg{flex:1 1 auto}.sub-picked{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--accent);background:#2fd7d614}.sub-picked .btn{width:auto;flex-shrink:0}.sub-picked.sub-outside{flex-wrap:wrap;border-color:#fc0;background:#ffcc0014}.picker-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:#080a16c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.picker{width:min(520px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;gap:10px;background:var(--modal-bg);box-shadow:0 24px 60px #00000059}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.picker-title{font-weight:800;font-size:18px}.picker-close{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer}.picker-filter{display:flex;align-items:center;gap:8px;min-width:0}.picker-filter-label{font-size:12px;color:var(--muted);width:34px;flex-shrink:0}.picker-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;min-width:0}.picker-chips::-webkit-scrollbar{display:none}.picker-chip{flex-shrink:0;white-space:nowrap;padding:6px 12px;min-height:34px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:rgb(var(--ink) / .03);color:var(--text);font-size:13px}.picker-chip.on{border-color:var(--accent);background:#2fd7d626;color:var(--accent-text)}.picker-results{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1 auto;min-height:120px;border:1px solid var(--border);border-radius:12px}.picker-results li+li{border-top:1px solid var(--border)}.picker-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;min-height:48px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.picker-row:hover,.picker-row:focus-visible{background:rgb(var(--ink) / .06)}.picker-row.on{background:#2fd7d61a}.picker-row.special .picker-row-name{color:var(--warn)}.picker-row-name{font-weight:600;display:flex;gap:8px;align-items:center}.picker-row-meta{font-size:12px}.picker-check{color:var(--accent-text);width:14px;display:inline-block}.picker-empty{padding:14px 12px;font-size:13px}.picker-trigger{width:100%;justify-content:space-between}.mini-days{display:flex;flex-direction:column;gap:14px}.mini-day-label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--accent-text);margin-bottom:6px}.mini-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.mini-list li+li{border-top:1px solid var(--border)}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;min-height:52px}.mini-row:hover{background:rgb(var(--ink) / .04)}.mini-main{display:flex;flex-direction:column;min-width:0}.mini-players{font-weight:600;overflow-wrap:anywhere}.mini-meta{font-size:12px;overflow-wrap:anywhere}.mini-status{flex-shrink:0;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.mini-status.live{color:var(--accent-text);border-color:#2fd7d680}.mini-status.final{color:var(--muted)}.mini-status.scheduled{color:var(--warn);border-color:#fc06}.home-section{margin-bottom:16px}.home-section h2{margin-top:0}main .home-section+.hero,.hero+.home-section{margin-top:16px}.import-table{width:100%;border-collapse:collapse;font-size:14px}.import-table th,.import-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.import-table th{color:var(--muted);font-size:12px}.import-table tr.bad td{color:#ff6b6b;background:#ff6b6b0f}.week-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.week-btn{width:48px!important;height:48px;font-size:24px;padding:0;flex-shrink:0}.week-label{text-align:center;min-width:0}.week-title{font-weight:800;font-size:18px}.week-range{font-size:13px}.tm-list{display:flex;flex-direction:column;gap:8px}.tm-item{border:1px solid var(--border);border-radius:12px;overflow:hidden}.tm-item[open]{border-color:#2fd7d666}.tm-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;min-height:52px}.tm-summary::-webkit-details-marker{display:none}.tm-summary:hover{background:rgb(var(--ink) / .04)}.tm-teams{font-weight:700;min-width:0;overflow-wrap:anywhere}.tm-win{color:var(--accent-text)}.tm-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.tm-score{font-weight:800;font-variant-numeric:tabular-nums}.tm-chevron{color:var(--muted);transition:transform .2s ease}.tm-item[open] .tm-chevron{transform:rotate(180deg)}.tm-details{padding:0 10px 10px}.tm-court{font-size:12px;margin:0 4px 6px}.my-week-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.my-week-head h2{margin:0 0 10px}.week-picker{display:flex;flex-direction:column;gap:8px}.week-toggle{background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:10px;min-height:48px}.week-toggle:hover{background:rgb(var(--ink) / .05)}.week-today{width:auto!important;align-self:center}.cal{padding:14px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-nav{width:40px!important;min-height:36px;justify-content:center}.cal-month{font-weight:800}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-dow{text-align:center;font-size:12px;padding:4px 0}.cal-day{position:relative;aspect-ratio:1 / 1;min-height:38px;border-radius:10px;cursor:pointer;border:1px solid transparent;background:rgb(var(--ink) / .03);color:var(--text);font-weight:600}.cal-day:hover{border-color:var(--border)}.cal-day.out{opacity:.35}.cal-day.in-week{background:#2fd7d629;border-color:#2fd7d673}.cal-day.today{box-shadow:inset 0 0 0 2px #fc0}.cal-dot{position:absolute;left:50%;bottom:5px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#fc0}.cal-hint{font-size:12px;margin-top:8px}.search-chip{display:inline-flex;align-items:center;gap:8px}.search-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px}.matches-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}.matches-tools .btn{width:auto}.night-round{font-size:.7em;font-weight:600}.night-info{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.night-chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:rgb(var(--ink) / .04);color:var(--muted)}.night-chip.food{color:var(--warn);border-color:#fc06}.admin-tm-date{display:block;font-size:12px;font-weight:700}.admin-tier-list{list-style:none;margin:0;padding:0 12px 6px}.header-actions{order:3;display:flex;align-items:center;gap:8px}.header-actions .account-link{order:0}.theme-toggle{width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:18px;line-height:1;border:1px solid var(--border);background:rgb(var(--ink) / .04);color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover{background:rgb(var(--ink) / .08)}@media (max-width: 720px){.header-actions{order:2}.header-actions .account-link{max-width:40vw}}.btn{justify-content:center;min-height:40px;font:inherit;font-weight:600;line-height:1.2;color:var(--text-strong);background:var(--btn-bg);border:1px solid var(--border);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease,filter .15s ease}.btn:hover{transform:none;background:rgb(var(--ink) / .08);border-color:rgb(var(--ink) / .24)}.btn:active{transform:scale(.98)}.btn:focus-visible,.seg:focus-visible,.picker-chip:focus-visible,.stat-pill:focus-visible,.theme-toggle:focus-visible,.nav-link:focus-visible,.ref-choice:focus-visible,.choice:focus-visible,.player-pick:focus-visible,.follow-chip:focus-visible,.picker-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));border:1px solid transparent;box-shadow:var(--btn-shadow);background-origin:border-box}.btn-primary:hover{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;filter:brightness(1.07)}.btn-primary:disabled{box-shadow:none;filter:saturate(.6)}.btn-danger{color:var(--danger);border-color:rgb(var(--danger-rgb) / .45);background:transparent}.btn-danger:hover{background:rgb(var(--danger-rgb) / .1);border-color:rgb(var(--danger-rgb) / .7)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text-strong);background:rgb(var(--ink) / .06);border-color:transparent}.btn-sm{min-height:34px;padding:6px 12px;border-radius:9px;font-size:13px}.muted{color:var(--muted)}.faint{color:var(--faint)}.auth-error,.form-error{color:var(--danger);font-size:14px}h1,h2,h3{color:var(--text-strong)}.admin-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.admin-tile{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--text);transition:border-color .15s ease,background-color .15s ease}.admin-tile:hover{border-color:rgb(var(--ink) / .28);background:rgb(var(--ink) / .06)}.admin-tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.admin-tile-title{font-weight:700;color:var(--text-strong)}.admin-tile-desc{font-size:13px;color:var(--muted)}.admin-tile.primary{border-color:#7c5cff73}.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-page-head h1{margin:0}.admin-page-head .btn{width:auto;flex-shrink:0}@media (max-width: 640px){.admin-row.admin-row-inline{flex-direction:row;align-items:center}.admin-row.admin-row-inline .admin-row-actions{width:auto}}.select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:var(--chevron);background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;cursor:pointer;text-overflow:ellipsis}.select:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.select{padding-right:40px}}.ref-record{margin-top:8px;font-size:13px}.signup-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.signup-head h2{margin:0}.signup-count{color:var(--muted);font-size:14px}.signup-count strong{color:var(--accent-text);font-size:20px;margin-right:2px}.signup-names{margin:0;padding:0 0 0 2.2em;columns:2 130px;column-gap:20px;font-size:15px;line-height:1.9;color:var(--text-strong)}.signup-names li{break-inside:avoid}.signup-names li::marker{color:var(--faint);font-size:13px;font-variant-numeric:tabular-nums}.signup-more{margin-top:12px}.signup-updated{margin:10px 0 0;font-size:12px}.signup-textarea{font:inherit;line-height:1.5;resize:vertical;min-height:200px}.signup-actions{display:flex;gap:8px;flex-wrap:wrap}.signup-actions .btn{width:auto}@media (min-width: 720px){.signup-names{columns:3 180px;column-gap:28px}}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--link);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--link-hover)}.link-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.signup-empty{margin:0;font-size:15px;line-height:1.5;color:var(--text)}.checkin-toast{position:fixed;z-index:2500;left:50%;bottom:20px;transform:translate(-50%);width:min(420px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--modal-bg);border-color:#2fd7d68c;box-shadow:0 18px 48px #00000073;animation:checkin-in .25s ease-out}.checkin-toast-icon{font-size:26px;line-height:1}.checkin-toast-body{display:flex;flex-direction:column;gap:2px;flex:1;font-size:15px;line-height:1.4}.checkin-toast-body span{color:var(--muted);font-size:14px}.checkin-toast-close{background:none;border:none;color:var(--muted);font-size:22px;line-height:1;padding:0 2px;cursor:pointer}@keyframes checkin-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.checkin-toast{animation:none}}.att-table{width:100%;border-collapse:collapse;font-size:15px}.att-table th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);padding:0 8px 8px;border-bottom:1px solid var(--border)}.att-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}.att-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.att-table .att-team{color:var(--muted);font-size:13px}.att-sort{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.att-sort[aria-pressed=true]{color:var(--text-strong);text-decoration:underline;text-underline-offset:3px}.att-moves{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13px;color:var(--muted)}.att-moves li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.att-remove{background:none;border:none;color:var(--danger);font-size:13px;cursor:pointer;text-decoration:underline;padding:0;white-space:nowrap}.att-count-btn{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--link);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.reschedule-ask{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.reschedule-ask label{display:flex;align-items:center;gap:8px;font-size:15px}.matches-page{display:grid;gap:16px}.matches-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.matches-stats{display:flex;gap:12px;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:rgb(var(--ink) / .04);font-size:13px;color:var(--muted)}.stat-pill strong{color:var(--text);font-size:16px;font-weight:700}.matches-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.match-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000040;display:grid;grid-template-rows:auto 1fr auto;gap:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.match-card:hover{transform:translateY(-2px);border-color:rgb(var(--ink) / .22);box-shadow:0 14px 36px #00000059}.match-card.is-completed{background:linear-gradient(180deg,rgba(124,92,255,.08),var(--card))}.match-card.is-live:before{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;border:1px solid rgba(47,215,214,.45);box-shadow:0 0 0 1px #2fd7d626 inset}.match-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.match-meta-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border:1px solid var(--border)}.badge-live{background:#2fd7d62e;color:var(--accent-text);border-color:#2fd7d666}.badge-live .dot{width:6px;height:6px;border-radius:50%;background:#2fd7d6;box-shadow:0 0 8px #2fd7d6;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.badge-done{background:#7c5cff2e;color:var(--soft-purple);border-color:#7c5cff66}.badge-pending{background:rgb(var(--ink) / .06);color:var(--muted)}.match-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.team-side{display:flex;flex-direction:column;gap:4px;min-width:0}.team-side.left{text-align:left}.team-side.right{text-align:right}.team-side .team-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.team-side .player-name{font-size:18px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-side .player-tier{font-size:12px;color:var(--muted)}.team-side.is-winner .player-name{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.team-side.is-loser .player-name{color:var(--muted);opacity:.65}.match-score{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px}.match-score .vs{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:1px}.match-score .score{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}.match-score .score .sep{color:var(--muted);font-size:22px;font-weight:600}.match-score .score .s1.win,.match-score .score .s2.win{color:var(--accent-text)}.match-score .score .s1.lose,.match-score .score .s2.lose{color:var(--muted);opacity:.6}.match-score .pending{font-size:13px;color:var(--muted);font-weight:600}.match-actions{display:flex;gap:8px;justify-content:flex-end}.empty-state{text-align:center;padding:48px 24px;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}.empty-state h3{margin:0 0 6px;color:var(--text);font-weight:700}@media (max-width: 560px){.match-grid{grid-template-columns:1fr}.team-side .player-name{font-size:16px}.match-score .score{font-size:24px}.match-actions{justify-content:stretch}.match-actions .btn{flex:1;justify-content:center}}.match-actions{flex-wrap:wrap}.player-sub{color:var(--warn)}button.stat-pill{cursor:pointer;font:inherit;color:inherit}button.stat-pill:hover{border-color:rgb(var(--ink) / .3)}.stat-pill.active{border-color:var(--accent);background:#2fd7d626;color:var(--accent-text)}.match-detail-page{min-width:0;overflow-x:hidden}.match-detail-page *{min-width:0;max-width:100%}.match-detail-page h2{overflow-wrap:anywhere;word-break:break-word}.md-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.md-table-wrap{display:block}.md-mob{display:none}.md-table{width:100%;table-layout:fixed;border-collapse:collapse}.md-table th,.md-table td{padding:8px 6px;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.md-table th:first-child,.md-table td:first-child{text-align:left}.md-team{font-weight:700;position:sticky;left:0;background:#14162099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;max-width:40vw}.md-cell{display:inline-flex;align-items:center;gap:6px}.md-input{width:72px;min-width:64px;height:40px;padding:6px 10px;text-align:center;font-size:18px;font-weight:700;color:#0a0e1a;background:#fff;border:1px solid var(--border);border-radius:12px}.md-input::-webkit-outer-spin-button,.md-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.md-input[type=number]{-moz-appearance:textfield;appearance:textfield}.md-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 720px){.md-table th,.md-table td{padding:6px 4px}.md-input{width:64px;height:38px;font-size:17px}}@media (max-width: 560px){.md-table-wrap{display:none}.md-mob{display:grid;gap:10px}.md-mob-game{border:1px solid var(--border);border-radius:12px;padding:10px;background:rgb(var(--ink) / .04)}.md-mob-ghead{font-weight:700;margin-bottom:6px}.md-mob-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.md-mob-team{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-stepper{display:inline-flex;align-items:center;gap:6px}.md-stepper .btn{padding:6px 10px}.md-input{width:56px;height:36px;font-size:16px}.md-actions{gap:6px}.md-actions .btn{flex:1 1 auto;min-width:110px}}@media (max-width: 380px){.md-input{width:48px;height:34px;font-size:15px}.md-actions .btn{min-width:100px}}.scoreboard .timeline{gap:4px;--tl-dot: clamp(34px, 5vw, 44px)}.scoreboard .tl-dot{width:var(--tl-dot);height:var(--tl-dot);min-width:0;min-height:0}.scoreboard .tl-item{height:calc(var(--tl-dot) + 4px)}.scoreboard-court{min-height:clamp(300px,52vh,560px)}.scoreboard .side{justify-content:center;min-width:0}.scoreboard .name{text-align:center;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.sb-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.sb-controls .btn{width:auto;flex:1 1 auto;white-space:nowrap;padding-left:12px;padding-right:12px}@media (max-width: 560px){.scoreboard{padding:10px}.scoreboard .scoreboard-court,.scoreboard-court{display:grid;grid-template-columns:minmax(0,1fr) clamp(76px,22vw,110px) minmax(0,1fr);grid-template-rows:auto;align-items:stretch;gap:6px;padding:14px 6px;min-height:0}.scoreboard .side,.scoreboard-court .side{gap:10px;flex-direction:column;justify-content:center}.scoreboard .name{font-size:clamp(13px,3.8vw,15px);font-weight:700}.serve-badge,.receive-badge{font-size:11px;padding:3px 8px}.scoreboard .big{font-size:clamp(52px,17vw,80px)}.scoreboard .add{width:100%;max-width:140px;min-width:0;height:48px;font-size:24px;padding:0}.scoreboard .timeline{--tl-offset: 21px;--tl-gap: 6px;--tl-dot: clamp(26px, 7vw, 30px);height:auto;min-height:240px;padding:4px 0;gap:3px}.timeline .track{width:6px}.scoreboard .tl-dot{border-width:2px;font-size:11px}.serve-pick{gap:4px;padding:2px 4px 2px 8px;max-width:100%}.serve-pick-label{font-size:10px}.serve-pick .seg{padding:4px 8px;min-width:24px;min-height:30px}.appeal{width:100%}.appeal-btns{display:grid;grid-template-columns:1fr;width:100%;gap:6px}.appeal-btns .btn{width:100%;min-height:40px}}@media (max-width: 380px){.serve-pick-label{display:none}}.result-card{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(18px,4vw,32px);border-radius:12px;background:#2b2f3a;border:1px solid rgb(var(--ink) / .08);text-align:center}.result-winner{font-size:clamp(26px,6vw,40px);font-weight:800;line-height:1.1;overflow-wrap:anywhere}.result-games{width:100%;max-width:420px;border-collapse:collapse;margin:6px 0 4px;font-variant-numeric:tabular-nums;table-layout:fixed}.result-games th,.result-games td{padding:10px 6px;border-bottom:1px solid rgb(var(--ink) / .08);text-align:center}.result-games th{font-size:12px;color:var(--muted);font-weight:700;overflow-wrap:anywhere}.result-games th:first-child,.result-games td:first-child{width:64px}.result-games td{font-size:18px;color:rgb(var(--ink) / .55)}.result-games td:first-child{color:var(--muted);font-size:14px}.result-games td.win{color:#fff;font-weight:800}@media (max-width: 720px){.result-card .btn{width:auto}}.modal-overlay{position:fixed;inset:0;background:#080a16c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:3000}.modal-card{background:#141828f5;border:1px solid rgb(var(--ink) / .18);box-shadow:0 20px 60px #0000008c;width:min(360px,calc(100vw - 36px))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.serve-pick{display:inline-flex;align-items:center;gap:8px;padding:3px 6px 3px 10px;border-radius:999px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:1px solid rgb(var(--ink) / .18);color:#fff;box-shadow:0 6px 14px #27ae6040}.serve-pick-label{font-size:11px;font-weight:800;letter-spacing:.6px}.serve-pick .seg-group{border-color:rgb(var(--ink) / .35);background:#0000002e;border-radius:999px;overflow:hidden}.serve-pick .seg{color:rgb(var(--ink) / .78);padding:3px 9px;font-size:12px;font-weight:800;min-width:26px}.serve-pick .seg.active{background:rgb(var(--ink) / .92);color:#166033}.live-dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#ff4d4f;vertical-align:middle;animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.appeal{display:flex;flex-direction:column;align-items:center;gap:4px}.appeal-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.6}.appeal-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.appeal-btns .btn{padding:4px 10px;font-size:12px}.scoreboard .tl-dot.is-let{border-style:dashed;border-color:rgb(var(--ink) / .45);color:rgb(var(--ink) / .7);font-size:10px}.scoreboard .tl-dot.call-stroke{border-color:#ff6b6b;color:#ff6b6b}.scoreboard .tl-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.scoreboard .tl-label.left{right:calc(50% + var(--tl-offset) + var(--tl-dot) / 2 + 6px)}.scoreboard .tl-label.right{left:calc(50% + var(--tl-offset) + var(--tl-dot) / 2 + 6px)}@media (max-width: 560px){.scoreboard .tl-label{display:none}.appeal-btns .btn{padding:3px 7px;font-size:11px}}.call-box{margin:12px 0;padding:12px 14px;border-radius:12px;border:2px solid #ffcc00;background:#ffcc0014}.call-label{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fc0}.call-text{font-size:clamp(18px,5vw,24px);font-weight:800;line-height:1.3;margin:4px 0 2px;color:#fff;overflow-wrap:anywhere}.call-note{font-size:12px;color:var(--muted)}.serve-pick.choosing{background:linear-gradient(135deg,#e0a020,#fc0);box-shadow:0 0 0 3px #ffcc0059;animation:pick-pulse 1.2s ease-in-out infinite}.serve-pick.choosing .serve-pick-label{color:#2b1d00}@keyframes pick-pulse{50%{box-shadow:0 0 0 7px #ffcc001f}}@media (prefers-reduced-motion: reduce){.serve-pick.choosing{animation:none}}.serve-pick .serve-pick-label{white-space:nowrap}.call-box{text-align:center}.call-head{display:flex;align-items:center;justify-content:center;position:relative;min-height:28px}.call-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px solid rgba(255,204,0,.45);background:transparent;color:#fc0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer;min-height:30px}.call-box.collapsed{padding-top:8px;padding-bottom:8px}.modal-card .call-box{margin:8px 0 12px}.call-box .call-text{overflow-wrap:normal}.scoreboard .add:disabled{opacity:.55;cursor:default;filter:saturate(.6)}.scoreboard .side{justify-content:flex-start}.scoreboard .side-badge{min-height:48px;display:flex;align-items:center;justify-content:center}.call-box:not(.collapsed) .call-text{min-height:calc(3 * 1.3em);display:flex;align-items:center;justify-content:center}.modal-card .call-box .call-text{min-height:0}@media (max-width: 380px){.call-box:not(.collapsed) .call-text{min-height:5.2em}.call-box:not(.collapsed) .call-note{min-height:2.7em;line-height:1.35}}.sync-banner{margin:12px 0 0;padding:10px 12px;border-radius:10px;text-align:center;font-size:14px;font-weight:600;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.5);color:#ffb3b3}.practice-coach{display:flex;flex-direction:column;gap:8px;border-color:#2fd7d673}.practice-progress{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--muted)}.practice-bar{flex:1;height:6px;border-radius:999px;background:rgb(var(--ink) / .1);overflow:hidden}.practice-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease}.practice-story{margin:0;font-size:16px;line-height:1.5;color:var(--text-strong)}.practice-task{margin:0;font-size:17px;font-weight:800;color:var(--accent-text)}.practice-hint{margin:0;font-size:14px;color:var(--warn)}.practice-done-title{margin:0}.practice-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.practice-actions .btn{width:auto}.practice-start{max-width:420px;width:100%;margin:0 auto}.practice-skip{text-align:center;margin:4px 0 0;font-size:14px}.practice-target{position:relative;z-index:1;outline:3px dashed #f5a623;outline-offset:3px;animation:practice-pulse 1.2s ease-in-out infinite}@keyframes practice-pulse{50%{outline-color:#f5a62359}}@media (prefers-reduced-motion: reduce){.practice-target{animation:none}}.scoreboard.practice{padding-bottom:96px}.practice-taskbar{position:fixed;left:0;right:0;bottom:0;z-index:900;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#0c1024f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(47,215,214,.45);text-align:center}.practice-taskbar-task{font-weight:800;font-size:16px;color:#2fd7d6}.practice-taskbar-hint{margin-top:2px;font-size:13px;color:#fc6}.scoreboard.practice .practice-target{scroll-margin:140px 0 120px}.tour{--tour-dim: rgba(8, 10, 22, .74)}:root[data-theme=light] .tour{--tour-dim: rgba(15, 20, 40, .55)}.tour-block{position:fixed;inset:0;z-index:3000}.tour-block.dim{background:var(--tour-dim)}.tour-spot{position:fixed;z-index:3001;pointer-events:none;border-radius:12px;outline:2px solid var(--accent);outline-offset:0;box-shadow:0 0 0 9999px var(--tour-dim);transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-card{position:fixed;z-index:3002;padding:16px 18px;background:var(--modal-bg);border-color:#2fd7d68c;box-shadow:0 18px 48px #00000073;transition:top .25s ease,left .25s ease}.tour-card.centered{top:50%;left:50%;width:min(360px,calc(100vw - 32px));transform:translate(-50%,-50%)}.tour-arrow{position:absolute;top:-8px;width:14px;height:14px;margin-left:-7px;background:var(--modal-bg);border-left:1px solid rgba(47,215,214,.55);border-top:1px solid rgba(47,215,214,.55);transform:rotate(45deg)}.tour-card.above .tour-arrow{top:auto;bottom:-8px;transform:rotate(225deg)}.tour-progress{font-size:13px;color:var(--muted)}.tour-title{margin:4px 0 6px;font-size:20px}.tour-text{margin:0;font-size:15px;line-height:1.5}.tour-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.tour-actions .btn{width:auto;min-width:72px}.tour-skip{margin-right:auto}@media (prefers-reduced-motion: reduce){.tour-spot,.tour-card{transition:none}}.auth-page{max-width:460px;margin:0 auto}.auth-page h1{margin:8px 0 6px;font-size:clamp(28px,7vw,40px);overflow-wrap:anywhere}.auth-steps{font-size:13px;margin-bottom:12px}.auth-card{display:flex;flex-direction:column;gap:12px}.auth-card .label{margin-bottom:-4px}.auth-error{color:#ff6b6b;font-size:14px}.auth-switch{font-size:14px;text-align:center}.auth-actions{display:flex;gap:8px}.auth-actions .btn{flex:1 1 0;justify-content:center}.auth-divider{text-align:center;font-size:13px;margin-top:4px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.choice-grid{grid-template-columns:1fr}}.choice{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;min-height:72px;border-radius:12px;cursor:pointer;background:rgb(var(--ink) / .03);border:1px solid var(--border);color:var(--text)}.choice:hover{background:rgb(var(--ink) / .06)}.choice.active{border-color:var(--accent);background:#2fd7d61a;box-shadow:0 0 0 1px var(--accent) inset}.choice-title{font-weight:700}.choice-sub{font-size:13px;color:var(--muted)}.player-picks{display:grid;gap:8px}.player-pick{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;min-height:48px;border-radius:12px;cursor:pointer;text-align:left;background:rgb(var(--ink) / .03);border:1px solid var(--border);color:var(--text)}.player-pick.active{border-color:var(--accent);background:#2fd7d61a;box-shadow:0 0 0 1px var(--accent) inset}.player-pick:disabled{opacity:.45;cursor:not-allowed}.player-pick-name{font-weight:600;overflow-wrap:anywhere}.player-pick-meta{font-size:12px;color:var(--muted);text-align:right}.account-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.rename-form{display:flex;flex-direction:column;gap:10px}.auth-card .kicker,.auth-card .tag{align-self:flex-start}.toggle-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;cursor:pointer}.toggle-row input{margin-top:3px;width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.toggle-sub{display:block;font-size:13px;margin-top:2px}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.name-row .field{display:flex;flex-direction:column;gap:8px;min-width:0}@media (max-width: 380px){.name-row{grid-template-columns:1fr}}.account-handle{margin:-2px 0 12px;font-size:14px}.field-hint{font-size:13px;margin-top:-4px;color:var(--muted)}.field-hint.available{color:var(--accent-text)}.field-hint.taken{color:#ff6b6b}.follow-pick{display:flex;flex-direction:column;gap:10px}.follow-pick-sub{margin:-4px 0 0;font-size:13px}.follow-pick-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:2px}.follow-pick-team-name{font-size:12px;font-weight:700;margin-bottom:6px}.follow-chips{display:flex;flex-wrap:wrap;gap:6px}.follow-chip{padding:8px 12px;min-height:40px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:rgb(var(--ink) / .03);color:var(--text);font-size:14px}.follow-chip.active{border-color:var(--accent);background:#2fd7d61f;color:var(--accent-text)}.following-card{margin-top:14px}.following-list{list-style:none;margin:0;padding:0}.following-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.following-row:last-child{border-bottom:none}.following-main{display:flex;flex-direction:column;min-width:0}.following-meta{font-size:13px;overflow-wrap:anywhere}.following-row .btn{width:auto;flex-shrink:0}.support-page p{margin:0;line-height:1.55}.support-lead{font-size:18px;font-weight:700}.venmo-btn{background:linear-gradient(135deg,#3d95ce,#008cff);box-shadow:0 10px 24px #008cff4d}.support-page h1{line-height:1.15}.hazard{border:4px solid #ffcc00;border-radius:12px;background:#121212;color:#fff;overflow:hidden;box-shadow:0 0 0 2px #111,0 12px 28px #ffcc002e}.hazard:before,.hazard:after{content:"";display:block;height:20px;background:repeating-linear-gradient(-45deg,#fc0 0 16px,#111 16px 32px)}.hazard-body{padding:16px clamp(12px,4vw,20px) 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.hazard-icons{display:flex;gap:18px;justify-content:center}.hazard-icon{width:clamp(44px,14vw,64px);height:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}.hazard-title{font-weight:900;text-transform:uppercase;color:#fc0;font-size:clamp(16px,5vw,22px);line-height:1.2;letter-spacing:.5px;overflow-wrap:anywhere}.hazard-text{margin:0;font-size:15px;line-height:1.55;color:#f5f5f5;font-weight:500}.reveal-card{margin-bottom:14px;display:flex;flex-direction:column;gap:8px;border-color:#ffcc0080;background:#ffcc000f}.reveal-kicker{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--warn)}.reveal-name{font-size:clamp(22px,6.5vw,30px);font-weight:900;line-height:1.15;overflow-wrap:anywhere}.reveal-text{margin:0;line-height:1.55}.reveal-card.is-revealing{animation:reveal-pop .6s cubic-bezier(.2,1.4,.4,1) both}.reveal-card.is-revealing .reveal-name{animation:reveal-name .9s .25s ease-out both}@keyframes reveal-pop{0%{opacity:0;transform:scale(.85) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes reveal-name{0%{opacity:0;transform:translateY(8px);letter-spacing:4px}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.reveal-card.is-revealing,.reveal-card.is-revealing .reveal-name{animation:none}}.my-stats,.following-card{margin-top:14px}.auth-page>.card+.card{margin-top:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width: 480px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:12px 6px;border-radius:12px;border:1px solid var(--border);background:rgb(var(--ink) / .03)}.stat-value{font-size:clamp(20px,6vw,26px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.stat-label{font-size:12px;color:var(--muted)}.result-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.result-player{display:flex;flex-direction:column;min-width:0}.result-player.right{text-align:right}.result-name{font-weight:700;overflow-wrap:anywhere}.result-team{font-size:12px;overflow-wrap:anywhere}.result-tally{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums}.result-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.result-game{font-size:13px}.result-input{text-align:center;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.result-input.won{border-color:var(--accent);box-shadow:0 0 0 2px #2fd7d659}.result-row.is-invalid .result-input{border-color:#ff6b6b}.pin-warning{padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--warn);background:#ffcc0014;border:1px solid rgba(255,204,0,.45)}.admin-badge-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.welcome-step{max-width:520px;margin:24px auto 0;display:flex;flex-direction:column;gap:14px}.welcome-step-title{margin:0;font-size:clamp(24px,6vw,30px);line-height:1.2}.welcome-step-q{margin:0;font-size:17px;line-height:1.55}.welcome-step-actions{display:flex;gap:10px;flex-wrap:wrap}.welcome-step-actions .btn{flex:1 1 180px;min-height:48px;font-size:16px}.welcome-step-note{margin:0;font-size:13px}.welcome-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:#080a16c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:welcome-fade .2s ease-out}.welcome-card{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border-color:#2fd7d68c;background:var(--modal-bg);box-shadow:0 24px 60px #0000008c;animation:welcome-pop .22s ease-out}@keyframes welcome-fade{0%{opacity:0}to{opacity:1}}@keyframes welcome-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.welcome-overlay,.welcome-card{animation:none}}.welcome-card .btn{font-size:15px;white-space:nowrap}@media (max-width: 400px){.welcome-card .auth-actions{flex-direction:column-reverse}}.whodunit{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:2px dashed #ffcc00;background:#ffcc000f}.welcome-card .maker-title{font-size:clamp(18px,5.5vw,22px)}:root[data-theme=light] .whodunit .maker-title{color:#b7791f}:root[data-theme=light] .whodunit{border-color:#e0b100;background:#ffcc001a}.rankings-page h1{font-size:clamp(28px,7vw,40px)}.rank-list{list-style:none;margin:0;padding:0}.rank-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.rank-row:last-child{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:800;font-size:14px;background:rgb(var(--ink) / .06);border:1px solid var(--border);color:var(--muted)}.rank-badge.top-1{background:linear-gradient(135deg,#f7d154,#e0a020);color:#2b1d00;border:none}.rank-badge.top-2{background:linear-gradient(135deg,#e4e8f0,#aab3c3);color:#1d2230;border:none}.rank-badge.top-3{background:linear-gradient(135deg,#e3a06b,#b8693a);color:#2a1406;border:none}.rank-player{display:flex;flex-direction:column;min-width:0}.rank-name{font-weight:700;overflow-wrap:anywhere}.rank-meta{font-size:13px;overflow-wrap:anywhere}.rank-stat{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.rank-value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.rank-sub{font-size:12px;white-space:nowrap}.rank-tabs{margin:4px 0 6px;flex-wrap:wrap}.rank-note{font-size:12px;margin:12px 0 0}.rankings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.season-select{width:auto;min-width:200px;max-width:100%}.htr-page{display:grid;gap:16px;padding:4px 0 24px}.htr-hero{text-align:center;padding:24px 20px}.htr-h1{margin:10px 0 8px;font-size:clamp(26px,5vw,40px);line-height:1.1}.htr-sub{margin:0 auto;max-width:520px;font-size:16px;color:var(--text);opacity:.85}.htr-section-title{margin:18px 4px 4px;font-size:20px;letter-spacing:.3px}.htr-step{padding:18px 18px 20px}.htr-step-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.htr-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;font-size:18px;flex-shrink:0}.htr-title{margin:0;font-size:22px;line-height:1.2}.htr-step-body{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.htr-text{font-size:16px;line-height:1.55}.htr-text p{margin:6px 0}.htr-list{margin:6px 0;padding-left:20px;line-height:1.6}.htr-list li{margin:4px 0}.htr-art{justify-self:end;max-width:240px;width:100%}.htr-svg{width:100%;height:auto;background:#ffffff10;border-radius:16px;padding:4px;display:block}.htr-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:8px;margin-right:4px;font-weight:800;color:#333}.htr-pill.r{background:#fff6a3;border:2px solid #f5a623}.htr-pill.l{background:#ffd6e7;border:2px solid #e75480}.htr-cta{text-align:center;padding:22px 20px}.htr-cta .btn{width:auto;margin-top:10px}@media (max-width: 640px){.htr-step-body{grid-template-columns:1fr}.htr-art{justify-self:center;max-width:260px}.htr-title{font-size:20px}}