body #app .cp *{box-sizing:border-box!important}
body #app .cp{scroll-behavior:smooth!important;scroll-padding-top:24px!important}
body #app .cp{margin:0!important;background:#080808!important;color:#f5f5f3!important;font:16px/1.4 Taktika,Arial,sans-serif!important;--yellow:#f4d84a!important;--muted:#969693!important;--line:#363635!important}
body #app .cp a{color:inherit!important;text-decoration:none!important}
body #app .cp button,body #app .cp select{font:inherit!important}
body #app .cp a,body #app .cp button,body #app .cp select{-webkit-tap-highlight-color:transparent!important}
body #app .cp a:focus-visible,body #app .cp button:focus-visible,body #app .cp select:focus-visible{outline:2px solid var(--yellow)!important;outline-offset:5px!important}
body #app .cp button,body #app .cp a,body #app .cp select{touch-action:manipulation!important}
body #app .cp button{cursor:pointer!important}
body #app .cp{max-width:1600px!important;margin:auto!important;padding:0 40px!important}
body #app .cp .header{height:100px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border-bottom:1px solid var(--line)!important}
body #app .cp .brand{display:flex!important;align-items:center!important;gap:20px!important}
body #app .cp .brand b{font-size:46px!important;font-weight:900!important;letter-spacing:-2.8px!important;line-height:1!important}
body #app .cp .brand small{font-size:11px!important;line-height:1.35!important}
body #app .cp .header nav{display:flex!important;gap:30px!important;color:#bcbcb8!important;font-size:14px!important}
body #app .cp .header nav a:hover,body #app .cp .login:hover{color:var(--yellow)!important}
body #app .cp .login{display:flex!important;gap:28px!important;align-items:center!important;font-size:14px!important}
body #app .cp .login span{color:var(--yellow)!important;font-size:24px!important}
body #app .cp .hero{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;padding:28px 0 32px!important}
body #app .cp .hero-copy{display:flex!important;flex-direction:column!important;min-width:0!important;padding:16px 0 0!important}
body #app .cp .eyebrow{font-size:10px!important;letter-spacing:1.3px!important;font-weight:400!important}
body #app .cp .live-dot{display:inline-block!important;width:7px!important;height:7px!important;background:var(--yellow)!important;margin-right:7px!important}
body #app .cp .hero h1{font-weight:900!important;font-size:clamp(76px,8.4vw,126px)!important;letter-spacing:-5.5px!important;line-height:.92!important;margin:34px 0 26px!important}
body #app .cp .hero h1 em{font-style:normal!important;color:var(--yellow)!important;display:block!important;transform:translateX(-4px)!important}
body #app .cp .hero-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-top:auto!important}
body #app .cp .hero-bottom p{color:#b6b6b2!important;font-size:14px!important;margin:0!important;line-height:1.5!important}
body #app .cp .button{min-height:56px!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;padding:16px 22px!important;font-size:14px!important}
body #app .cp .button span{font-size:24px!important;line-height:1!important;transition:transform .2s!important}
body #app .cp .button:hover span{transform:translate(3px,-3px)!important}
body #app .cp .primary{background:var(--yellow)!important;color:#111!important}
body #app .cp .primary:hover{background:#ffe778!important}
body #app .cp .hero-foot{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:9px!important;letter-spacing:.6px!important;color:var(--muted)!important;border-top:1px solid var(--line)!important;padding-top:18px!important;margin-top:30px!important}
body #app .cp .hero-art{position:relative!important;min-width:0!important;background:#171715!important;overflow:hidden!important;min-height:430px!important;display:flex!important;flex-direction:column!important;isolation:isolate!important}
body #app .cp .hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;inset:0!important;z-index:-1!important;transition:transform .6s cubic-bezier(.2,.7,.3,1)!important;object-position:53% center!important}
body #app .cp .hero-art:hover img{transform:scale(1.035)!important}
body #app .cp .art-caption,body #app .cp .art-footer{display:flex!important;justify-content:space-between!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.8px!important;padding:20px!important;position:relative!important}
body #app .cp .art-caption{background:linear-gradient(#080808c0,transparent)!important;min-height:95px!important}
body #app .cp .art-caption>span:last-child{font-size:28px!important;color:var(--yellow)!important}
body #app .cp .art-footer{margin-top:auto!important;background:linear-gradient(transparent,#080808d9)!important;align-items:end!important;padding-top:50px!important}
body #app .cp .rally-mark{font-size:48px!important;line-height:.8!important}
body #app .cp .art-label{position:absolute!important;right:20px!important;top:95px!important;font-size:12px!important;font-weight:900!important;line-height:1!important;transform:rotate(7deg)!important;background:var(--yellow)!important;color:#111!important;padding:14px!important}
body #app .cp .rally-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;overflow:hidden!important;white-space:nowrap!important;border-block:1px solid var(--yellow)!important;color:var(--yellow)!important;height:50px!important;font-weight:900!important;letter-spacing:.5px!important;font-size:14px!important}
body #app .cp .rally-strip b{font-size:26px!important}
body #app .cp .section{padding:46px 0!important}
body #app .cp .section-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:24px!important}
body #app .cp h2{font-size:42px!important;letter-spacing:-1.5px!important;font-weight:900!important;line-height:1.05!important;margin:10px 0 0!important}
body #app .cp .outline-word{color:var(--muted)!important}
body #app .cp .text-link{font-size:13px!important;display:flex!important;gap:24px!important;align-items:center!important;padding:12px 0!important}
body #app .cp .text-link span{font-size:24px!important;color:var(--yellow)!important}
body #app .cp .game-toolbar{display:flex!important;align-items:center!important;gap:24px!important;margin-bottom:16px!important;flex-wrap:wrap!important}
body #app .cp .days{display:flex!important;gap:4px!important}
body #app .cp .days button{min-height:44px!important;background:transparent!important;color:#aaa!important;border:0!important;padding:10px 16px!important;border-bottom:2px solid transparent!important}
body #app .cp .days button.active{color:var(--yellow)!important;border-color:var(--yellow)!important}
body #app .cp .level-filter{font-size:12px!important;color:var(--muted)!important;display:flex!important;align-items:center!important;gap:12px!important}
body #app .cp .level-filter select{background:#080808!important;color:#eee!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:10px 24px 10px 0!important;min-height:44px!important;font-size:12px!important;border-radius:0!important}
body #app .cp .demo-label{font-size:8px!important;letter-spacing:1px!important;color:#82827f!important;margin-left:auto!important}
body #app .cp .game-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body #app .cp .game{background:#191919!important;padding:22px!important;display:flex!important;flex-direction:column!important;gap:18px!important;position:relative!important;transition:background .2s,color .2s,transform .2s!important;min-height:215px!important}
body #app .cp .game:hover,body #app .cp .game:focus-within{background:var(--yellow)!important;color:#111!important;transform:translateY(-4px)!important}
body #app .cp .game-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;font-size:10px!important}
body #app .cp .game-top>span:last-child{color:inherit!important;opacity:.6!important}
body #app .cp .game h3{font-size:34px!important;font-weight:900!important;letter-spacing:-1px!important;margin:0!important;line-height:1!important}
body #app .cp .game h3 small{font-weight:400!important;font-size:18px!important;opacity:.5!important}
body #app .cp .game-place{font-size:13px!important;margin:0!important}
body #app .cp .game-place span{display:block!important;opacity:.55!important;font-size:11px!important;margin-top:4px!important}
body #app .cp .game-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:1px solid #7775!important;padding-top:14px!important;font-size:11px!important;margin-top:auto!important}
body #app .cp .game-foot a{display:flex!important;gap:16px!important;align-items:center!important;min-height:28px!important}
body #app .cp .game-foot a b{font-size:20px!important}
body #app .cp .how{border-block:1px solid var(--line)!important;display:grid!important;grid-template-columns:1fr 2fr!important;gap:36px!important}
body #app .cp .how ol{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
body #app .cp .how li{border-top:1px solid var(--line)!important;padding-top:18px!important;position:relative!important}
body #app .cp .how li>span{font-size:12px!important;color:var(--yellow)!important}
body #app .cp .how h3{font-size:18px!important;margin:24px 0 8px!important;font-weight:900!important}
body #app .cp .how p{font-size:12px!important;line-height:1.5!important;color:var(--muted)!important;margin:0!important}
body #app .cp .how li>b{position:absolute!important;top:10px!important;right:0!important;font-size:24px!important;font-weight:400!important;color:var(--muted)!important}
body #app .cp .club-row{border-block:1px solid var(--line)!important;padding:24px 0!important;display:flex!important;align-items:center!important;gap:28px!important}
body #app .cp .club-number{font-size:40px!important;line-height:1!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;background:#191919!important;color:var(--yellow)!important}
body #app .cp .club-row h3{font-size:24px!important;letter-spacing:-.6px!important;font-weight:900!important;margin:6px 0!important}
body #app .cp .club-row p{font-size:12px!important;margin:0!important;color:var(--muted)!important}
body #app .cp .club-cta{margin-left:auto!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:28px!important}
body #app .cp .club-cta b{font-size:24px!important;font-weight:400!important;color:var(--yellow)!important}
body #app .cp .club-row:hover .club-number{background:var(--yellow)!important;color:#111!important}
body #app .cp .join{padding:36px!important;background:var(--yellow)!important;color:#111!important}
body #app .cp .join>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
body #app .cp .join h2{font-size:64px!important;margin-top:16px!important}
body #app .cp .join h2 em{font-style:normal!important}
body #app .cp .dark{background:#111!important;color:var(--yellow)!important;margin-top:16px!important}
body #app .cp footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:34px 0!important;color:var(--muted)!important;font-size:9px!important}
body #app .cp footer .footer-brand{font-size:32px!important;font-weight:900!important;color:#eee!important;letter-spacing:-1.5px!important}
body #app .cp footer a:not(.footer-brand){font-size:12px!important}
@media(min-width:1500px){body #app .cp .hero{gap:40px!important}
body #app .cp .hero-art{min-height:470px!important}
body #app .cp .hero h1{margin:42px 0!important}
}
@media(max-width:1100px){body #app .cp{padding:0 24px!important}
body #app .cp .brand small{display:none!important}
body #app .cp .hero-bottom{align-items:start!important;flex-direction:column!important;gap:18px!important}
body #app .cp .hero h1{font-size:9vw!important;letter-spacing:-4px!important;margin:32px 0!important}
body #app .cp .hero-art{min-height:410px!important}
body #app .cp .hero-foot{font-size:8px!important}
body #app .cp .game{padding:18px!important}
body #app .cp .game h3{font-size:30px!important}
body #app .cp .how{grid-template-columns:1fr!important;gap:30px!important}
body #app .cp .how-intro h2 br{display:none!important}
body #app .cp .join h2{font-size:52px!important}
}
@media(max-width:700px){body #app .cp{padding:0 20px!important}
body #app .cp .header{height:78px!important;gap:14px!important}
body #app .cp .brand{gap:10px!important}
body #app .cp .brand b{font-size:36px!important}
body #app .cp .brand small{display:block!important;font-size:9px!important}
body #app .cp .header nav{display:none!important}
body #app .cp .login{font-size:12px!important;gap:8px!important}
body #app .cp .hero{grid-template-columns:1fr!important;gap:24px!important;padding:24px 0!important}
body #app .cp .hero h1{font-size:18vw!important;letter-spacing:-3px!important;margin:22px 0!important}
body #app .cp .hero-copy{padding:0!important}
body #app .cp .hero-bottom{flex-direction:row!important;align-items:center!important;gap:16px!important}
body #app .cp .hero-bottom p{font-size:12px!important}
body #app .cp .hero-bottom .button{font-size:12px!important;padding:14px!important;gap:16px!important;min-height:50px!important}
body #app .cp .hero-foot{margin-top:24px!important}
body #app .cp .hero-art{min-height:0!important;aspect-ratio:1.5!important}
body #app .cp .art-caption,body #app .cp .art-footer{padding:14px!important;font-size:8px!important}
body #app .cp .art-caption{min-height:60px!important}
body #app .cp .art-label{top:55px!important;font-size:9px!important;padding:10px!important;right:14px!important}
body #app .cp .rally-strip{gap:24px!important;height:44px!important;font-size:11px!important;justify-content:start!important}
body #app .cp .rally-strip>span:nth-of-type(n+4){display:none!important}
body #app .cp .section{padding:32px 0!important}
body #app .cp h2{font-size:32px!important}
body #app .cp .section-heading{gap:12px!important}
body #app .cp .text-link{font-size:11px!important;gap:12px!important}
body #app .cp .game-toolbar{gap:12px!important}
body #app .cp .days button{font-size:12px!important;padding:8px 10px!important}
body #app .cp .level-filter{font-size:11px!important;gap:6px!important}
body #app .cp .level-filter select{font-size:11px!important;width:126px!important}
body #app .cp .demo-label{width:100%!important;margin:0!important}
body #app .cp .game-grid{grid-template-columns:1fr!important;gap:10px!important}
body #app .cp .game{min-height:0!important;gap:12px!important;padding:18px!important}
body #app .cp .game h3{font-size:32px!important}
body #app .cp .game-foot{padding-top:10px!important}
body #app .cp .how ol{grid-template-columns:1fr!important;gap:0!important}
body #app .cp .how li{display:flex!important;align-items:center!important;gap:20px!important;padding:18px 0!important}
body #app .cp .how h3{margin:0 0 4px!important}
body #app .cp .how li>b{top:20px!important}
body #app .cp .club-row{gap:14px!important;flex-wrap:wrap!important}
body #app .cp .club-number{width:48px!important;height:64px!important;font-size:28px!important}
body #app .cp .club-row h3{font-size:19px!important}
body #app .cp .club-row .eyebrow{font-size:8px!important}
body #app .cp .club-cta{margin-left:62px!important;min-height:32px!important;gap:16px!important}
body #app .cp .join{padding:24px!important}
body #app .cp .join>div{display:block!important}
body #app .cp .join h2{font-size:42px!important;letter-spacing:-1.5px!important}
body #app .cp .join .eyebrow{font-size:8px!important}
body #app .cp .join .button{margin-top:24px!important;width:100%!important}
body #app .cp footer{flex-wrap:wrap!important;padding:24px 0!important}
body #app .cp footer>span:nth-child(2){display:none!important}
}
@media(max-width:370px){body #app .cp{padding:0 16px!important}
body #app .cp .brand b{font-size:30px!important}
body #app .cp .brand small{font-size:8px!important}
body #app .cp .hero-bottom{align-items:start!important;flex-direction:column!important}
body #app .cp .hero-bottom .button{width:100%!important}
body #app .cp .hero h1{font-size:19vw!important}
body #app .cp .hero-foot{font-size:7px!important}
body #app .cp .section-heading h2{font-size:29px!important}
body #app .cp .game-toolbar{gap:8px!important}
body #app .cp .level-filter select{width:114px!important}
body #app .cp .level-filter{gap:4px!important}
}
@media(prefers-reduced-motion:reduce){body #app .cp{scroll-behavior:auto!important}
body #app .cp *,body #app .cp *::before,body #app .cp *::after{transition:none!important;animation:none!important}
}
body #app .cp .header nav .current{color:var(--yellow)!important}
body #app .cp .account-link{display:flex!important;gap:14px!important;align-items:center!important;font-size:12px!important}
body #app .cp .account-link span{font-size:24px!important;color:var(--yellow)!important}
body #app .cp .mobile-pages{display:none!important}
body #app .cp .page-title{padding:48px 0 36px!important;display:flex!important;justify-content:space-between!important;align-items:end!important;gap:24px!important}
body #app .cp h1{font-size:var(--gui-concept-title,clamp(44px,5.6vw,80px))!important;line-height:1!important;letter-spacing:-3px!important;font-weight:900!important;margin:16px 0 0!important}
body #app .cp h1 em,body #app .cp h2 em{font-style:normal!important;color:var(--yellow)!important}
body #app .cp .title-side p{font-size:14px!important;color:var(--muted)!important;margin:0 0 20px!important}
body #app .cp .catalog-filters{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-block:1px solid var(--line)!important;gap:24px!important;padding:22px 0!important}
body #app .cp .catalog-filters label,body #app .cp .schedule-filters label,body #app .cp .availability-controls label{display:flex!important;flex-direction:column!important;gap:8px!important;font-size:11px!important;color:var(--muted)!important}
body #app .cp select,body #app .cp input{font:inherit!important;border:0!important;border-bottom:1px solid #666!important;background:#191919!important;color:#eee!important;border-radius:0!important;padding:10px 12px!important;min-height:44px!important;width:100%!important;min-width:0!important}
body #app .cp select{cursor:pointer!important}
body #app .cp .list-caption{display:flex!important;align-items:center!important;gap:24px!important;font-size:12px!important;padding:24px 0!important}
body #app .cp .list-caption .eyebrow{font-size:8px!important;color:var(--muted)!important}
body #app .cp .view-toggle{display:flex!important;margin-left:auto!important}
body #app .cp .view-toggle button{background:transparent!important;color:var(--muted)!important;border:0!important;padding:10px 14px!important;min-height:44px!important;font-size:11px!important}
body #app .cp .view-toggle .active{color:var(--yellow)!important}
body #app .cp .match-row{display:grid!important;grid-template-columns:45px 200px minmax(150px,1fr) 100px 140px 44px!important;gap:20px!important;align-items:center!important;padding:26px 18px!important;border-top:1px solid var(--line)!important;transition:background .2s,color .2s!important}
body #app .cp .match-row:last-child{border-bottom:1px solid var(--line)!important}
body #app .cp .match-row:hover,body #app .cp .match-row:focus-visible{background:var(--yellow)!important;color:#111!important}
body #app .cp .match-index{font-size:13px!important;opacity:.45!important}
body #app .cp .match-row time{font-size:30px!important;font-weight:900!important;letter-spacing:-1px!important;white-space:nowrap!important}
body #app .cp .match-row time small{font-size:16px!important;font-weight:400!important;opacity:.5!important}
body #app .cp .match-date{display:block!important;font-size:9px!important;letter-spacing:.6px!important;opacity:.6!important;margin-bottom:8px!important}
body #app .cp .match-location strong{display:block!important;font-size:16px!important}
body #app .cp .match-location small{display:block!important;margin-top:5px!important;opacity:.55!important;font-size:11px!important}
body #app .cp .match-level,body #app .cp .match-players{font-size:12px!important}
body #app .cp .match-arrow{font-size:28px!important;justify-self:end!important}
body #app .cp .match-list.cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body #app .cp .cards .match-row{display:flex!important;flex-wrap:wrap!important;background:#191919!important;padding:22px!important;gap:18px!important;border:0!important}
body #app .cp .cards .match-row:hover{background:var(--yellow)!important}
body #app .cp .cards .match-index{display:none!important}
body #app .cp .cards .match-when,body #app .cp .cards .match-location{width:100%!important}
body #app .cp .cards .match-players{margin-left:auto!important}
body #app .cp .cards .match-arrow{width:100%!important}
body #app .cp .empty-results{padding:48px 0!important;color:var(--muted)!important}
body #app .cp .catalog-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin:20px 0 0!important;color:var(--muted)!important;font-size:13px!important}
body #app .cp .mini-invite{padding:40px 0!important;margin-top:36px!important;border-top:1px solid var(--line)!important;position:relative!important}
body #app .cp .mini-invite h2{font-size:48px!important}
body #app .cp .giant-arrow{position:absolute!important;right:20px!important;top:20px!important;font-size:130px!important;color:var(--yellow)!important;line-height:1!important}
body #app .cp .breadcrumbs{display:flex!important;gap:12px!important;font-size:11px!important;color:var(--muted)!important;padding:24px 0!important}
body #app .cp .breadcrumbs a:hover{color:var(--yellow)!important}
body #app .cp .club-hero{display:grid!important;grid-template-columns:1.1fr 1fr!important;gap:40px!important}
body #app .cp .club-photo{position:relative!important;min-height:380px!important;overflow:hidden!important}
body #app .cp .club-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(1)!important;transition:filter .3s!important}
body #app .cp .club-photo:hover img{filter:grayscale(0)!important}
body #app .cp .photo-caption{position:absolute!important;bottom:0!important;left:0!important;padding:14px 18px!important;background:#080808c9!important;font-size:9px!important;letter-spacing:1px!important}
body #app .cp .club-intro{padding:16px 0 0!important}
body #app .cp .club-intro h1{font-size:60px!important}
body #app .cp .club-intro>p{font-size:13px!important;color:var(--muted)!important;margin:22px 0!important}
body #app .cp .club-facts{display:flex!important;gap:36px!important;padding:20px 0!important;border-block:1px solid var(--line)!important}
body #app .cp .club-facts>span{font-size:20px!important;font-weight:900!important}
body #app .cp .club-facts small{display:block!important;font-size:10px!important;font-weight:400!important;color:var(--muted)!important;margin-top:4px!important}
body #app .cp .club-intro-actions{display:flex!important;align-items:center!important;gap:20px!important;margin:24px 0 16px!important}
body #app .cp .text-button{background:transparent!important;color:inherit!important;border:0!important;padding:12px 0!important;min-height:44px!important;text-align:left!important;font-size:12px!important}
body #app .cp .text-button:hover{color:var(--yellow)!important}
body #app .cp .example-note{display:block!important;font-size:10px!important;line-height:1.5!important;color:var(--muted)!important}
body #app .cp .timezone{font-size:11px!important;color:var(--muted)!important}
body #app .cp .schedule-layout{display:grid!important;grid-template-columns:1fr 290px!important;gap:28px!important}
body #app .cp .schedule-filters{display:flex!important;justify-content:space-between!important;gap:20px!important;align-items:center!important;padding-bottom:20px!important}
body #app .cp .schedule-filters label{flex-direction:row!important;align-items:center!important;gap:12px!important}
body #app .cp .schedule-filters select{width:110px!important}
body #app .cp .table-times{border-top:1px solid var(--line)!important;padding:22px 0!important}
body #app .cp .table-name{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:18px!important;font-weight:900!important;margin-bottom:16px!important}
body #app .cp .table-name small{font-size:10px!important;font-weight:400!important;color:var(--muted)!important}
body #app .cp .time-slots{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
body #app .cp .time-slots button{min-height:66px!important;background:#191919!important;border:1px solid transparent!important;color:#eee!important;font-size:17px!important;font-weight:900!important}
body #app .cp .time-slots button small{display:block!important;font-size:10px!important;font-weight:400!important;opacity:.5!important;margin-top:4px!important}
body #app .cp .time-slots button:hover:not(:disabled),body #app .cp .time-slots button[aria-pressed=true]{background:var(--yellow)!important;color:#111!important}
body #app .cp .time-slots button:disabled{background:transparent!important;border-color:#292929!important;color:#5a5a58!important;cursor:not-allowed!important;text-decoration:line-through!important}
body #app .cp .selection-panel{background:#191919!important;padding:24px!important;align-self:start!important}
body #app .cp .selection-panel h3{font-size:26px!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.5px!important;margin:28px 0 14px!important}
body #app .cp .selection-panel p{font-size:13px!important;color:var(--muted)!important;margin-bottom:28px!important}
body #app .cp .selection-line{display:flex!important;justify-content:space-between!important;gap:20px!important;padding:16px 0!important;border-top:1px solid #6665!important;font-size:12px!important}
body #app .cp .selection-panel .button{width:100%!important;margin:20px 0 16px!important}
body #app .cp .disabled{opacity:.35!important;pointer-events:none!important}
body #app .cp .slot-legend{display:flex!important;gap:24px!important;align-items:center!important;font-size:10px!important;color:var(--muted)!important;padding:16px 0!important}
body #app .cp .slot-legend i{width:8px!important;height:8px!important;display:inline-block!important;background:var(--yellow)!important;margin-right:4px!important}
body #app .cp .slot-legend .busy-key{background:#444!important}
body #app .cp .slot-legend>span:last-child{margin-left:auto!important}
body #app .cp .club-bottom{padding:32px 0!important;border-block:1px solid var(--line)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important}
body #app .cp .club-bottom h2{font-size:32px!important}
body #app .cp .game-detail{display:grid!important;grid-template-columns:1fr 340px!important;gap:60px!important;padding:20px 0 40px!important}
body #app .cp .game-main h1{font-size:66px!important}
body #app .cp .match-time{margin:36px 0 26px!important}
body #app .cp .match-time>span{display:block!important;font-size:10px!important;color:var(--muted)!important;margin-bottom:8px!important}
body #app .cp .match-time strong{font-size:48px!important;line-height:1!important;font-weight:900!important;letter-spacing:-1.5px!important}
body #app .cp .match-time small{font-size:30px!important;color:var(--muted)!important;font-weight:400!important}
body #app .cp .detail-club{display:flex!important;justify-content:space-between!important;gap:20px!important;align-items:center!important;border-top:1px solid var(--line)!important;padding-top:24px!important}
body #app .cp .detail-club h2{font-size:24px!important;margin:0!important;letter-spacing:-.5px!important}
body #app .cp .detail-club p{font-size:12px!important;color:var(--muted)!important;margin:8px 0!important}
body #app .cp .detail-club>span{font-size:28px!important;color:var(--yellow)!important}
body #app .cp .detail-meta{display:flex!important;gap:24px!important;font-size:11px!important;padding:16px 0 24px!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important}
body #app .cp .lineup-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:30px 0 18px!important}
body #app .cp .lineup-heading h2{font-size:26px!important;margin:0!important}
body #app .cp .lineup-heading>span{font-size:11px!important;color:var(--muted)!important}
body #app .cp .lineup{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body #app .cp .player-slot{background:#191919!important;border:0!important;color:inherit!important;padding:24px!important;text-align:left!important}
body #app .cp .player-avatar{width:48px!important;height:48px!important;background:#373735!important;color:#eee!important;display:grid!important;place-items:center!important;font-size:16px!important;font-weight:900!important;margin-bottom:24px!important}
body #app .cp .player-slot .eyebrow{font-size:8px!important;color:var(--muted)!important}
body #app .cp .player-slot h3{font-size:24px!important;font-weight:900!important;margin:10px 0 4px!important}
body #app .cp .player-slot p{font-size:12px!important;color:var(--muted)!important;margin:0!important}
body #app .cp .empty-slot{border:1px dashed #666!important;background:transparent!important}
body #app .cp .empty-slot .player-avatar{background:var(--yellow)!important;color:#111!important}
body #app .cp .empty-slot:hover{border-color:var(--yellow)!important}
body #app .cp .joined-message{font-size:13px!important;color:var(--yellow)!important;min-height:20px!important}
body #app .cp .game-summary{background:var(--yellow)!important;color:#111!important;padding:28px!important;align-self:start!important}
body #app .cp .summary-symbol{font-size:60px!important;line-height:1!important;margin:24px 0!important}
body #app .cp .game-summary h2{font-size:36px!important;margin:0!important}
body #app .cp .game-summary h2 em{color:#111!important}
body #app .cp .game-summary>p{font-size:13px!important;line-height:1.5!important;margin:24px 0!important;color:#4f481d!important}
body #app .cp .game-summary .button{width:100%!important;justify-content:space-between!important;border:0!important;cursor:pointer!important}
body #app .cp .game-summary .share-game{display:block!important;width:100%!important;text-align:center!important}
body #app .cp .game-summary .share-game:hover{color:#111!important;text-decoration:underline!important}
body #app .cp .game-summary .example-note{color:#5e5421!important}
body #app .cp .concept-price{border-top:1px solid #7775!important;margin:12px 0 24px!important;padding-top:20px!important}
body #app .cp .concept-price strong{display:block!important;font-size:42px!important;font-weight:900!important;line-height:1!important}
body #app .cp .concept-price span{display:block!important;font-size:10px!important;margin-top:8px!important;opacity:.6!important}
body #app .cp .profile-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;padding:44px 0 32px!important;border-bottom:1px solid var(--line)!important}
body #app .cp .profile-person{display:flex!important;align-items:center!important;gap:24px!important}
body #app .cp .profile-avatar{width:80px!important;height:80px!important;display:grid!important;place-items:center!important;background:var(--yellow)!important;color:#111!important;font-size:28px!important;font-weight:900!important}
body #app .cp .profile-top h1{font-size:46px!important;letter-spacing:-1.5px!important;margin:8px 0!important}
body #app .cp .profile-top p{font-size:12px!important;color:var(--muted)!important;margin:0!important}
body #app .cp .profile-dashboard{display:grid!important;grid-template-columns:1fr 320px!important;gap:40px!important;padding:36px 0!important}
body #app .cp .dashboard-main>.section-heading h2{font-size:30px!important}
body #app .cp .next-game{display:grid!important;grid-template-columns:1fr 1.2fr!important;gap:22px!important;background:#191919!important;padding:26px!important;position:relative!important}
body #app .cp .next-label strong{display:block!important;font-size:34px!important;font-weight:900!important;letter-spacing:-1px!important;margin-top:10px!important;white-space:nowrap!important}
body #app .cp .next-label small{font-size:18px!important;color:var(--muted)!important;font-weight:400!important}
body #app .cp .next-place h3{font-size:18px!important;font-weight:900!important;margin:18px 0 6px!important}
body #app .cp .next-place p{font-size:11px!important;color:var(--muted)!important;margin:0!important}
body #app .cp .next-status{font-size:11px!important;color:var(--yellow)!important}
body #app .cp .next-arrow{font-size:28px!important;justify-self:end!important;line-height:1!important}
body #app .cp .next-game:hover{outline:1px solid var(--yellow)!important}
body #app .cp .profile-links{display:flex!important;gap:28px!important;padding:18px 0!important;font-size:12px!important;border-bottom:1px solid var(--line)!important}
body #app .cp .profile-links a{display:flex!important;gap:20px!important;align-items:center!important}
body #app .cp .profile-links span{font-size:20px!important;color:var(--yellow)!important}
body #app .cp .level-panel{background:var(--yellow)!important;color:#111!important;padding:26px!important;align-self:start!important}
body #app .cp .level-number{font-size:100px!important;font-weight:900!important;line-height:1!important;letter-spacing:-5px!important;margin:24px 0!important;position:relative!important}
body #app .cp .level-number>span{font-size:60px!important;opacity:.5!important}
body #app .cp .level-number>b{position:absolute!important;right:0!important;top:4px!important;font-size:32px!important;font-weight:400!important}
body #app .cp .level-panel h3{font-size:26px!important;line-height:1.1!important;font-weight:900!important;margin:24px 0!important}
body #app .cp .level-meter{height:4px!important;background:#1113!important;margin-top:28px!important}
body #app .cp .level-meter span{width:42%!important;display:block!important;height:100%!important;background:#111!important}
body #app .cp .meter-scale{display:flex!important;justify-content:space-between!important;font-size:9px!important;margin:6px 0 18px!important}
body #app .cp .level-panel>p{font-size:12px!important;line-height:1.5!important;color:#5e5421!important}
body #app .cp .profile-stats{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;border-top:1px solid #1113!important;gap:12px!important;padding-top:20px!important;margin-top:24px!important}
body #app .cp .profile-stats strong{display:block!important;font-weight:900!important;font-size:26px!important}
body #app .cp .profile-stats span{font-size:10px!important}
body #app .cp .level-panel .example-note{margin-top:20px!important;color:#5e5421!important}
body #app .cp .availability{padding-top:32px!important}
body #app .cp .availability .section-heading h2{font-size:30px!important}
body #app .cp .availability-status{font-size:11px!important;color:var(--yellow)!important}
body #app .cp .week{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:6px!important}
body #app .cp .week button{border:0!important;background:#191919!important;color:var(--muted)!important;padding:12px 4px!important;min-height:66px!important}
body #app .cp .week strong{display:block!important;font-size:18px!important;margin-top:6px!important;font-weight:900!important}
body #app .cp .week span{font-size:9px!important}
body #app .cp .week button[aria-pressed=true]{background:var(--yellow)!important;color:#111!important}
body #app .cp .availability-controls{display:flex!important;align-items:end!important;gap:16px!important;margin-top:20px!important}
body #app .cp .availability-controls label{flex:1!important;min-width:0!important}
body #app .cp .availability-controls .button{min-height:44px!important;padding:10px 20px!important;border:0!important}
body #app .cp .profile-bottom{padding:28px 0!important;border-block:1px solid var(--line)!important;display:flex!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important}
body #app .cp .profile-bottom>.eyebrow{width:100%!important}
body #app .cp .profile-bottom h2{margin:0!important;font-size:36px!important}
body #app .cp .profile-bottom .button{margin-left:auto!important}
body #app .cp .edit-form{display:grid!important;gap:20px!important}
body #app .cp .edit-form label{display:grid!important;gap:8px!important;font-size:12px!important}
body #app .cp .edit-form p{font-size:11px!important;color:var(--muted)!important;margin:0!important}
body #app .cp .edit-form .button{border:0!important}
body #app .cp .dialog-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
body #app .cp .dialog-title h2{font-size:30px!important;margin:0!important}
body #app .cp .dialog-title>button{background:transparent!important;border:0!important;color:#eee!important;font-size:26px!important;width:44px!important;height:44px!important}
body #app .cp dialog{background:#191919!important;color:#eee!important;border:1px solid var(--line)!important;padding:28px!important;width:min(440px,calc(100% - 32px))!important}
body #app .cp dialog::backdrop{background:#000b!important;backdrop-filter:blur(5px)!important}
@media(max-width:1100px){body #app .cp .match-row{grid-template-columns:24px 160px 1fr 90px 32px!important;gap:16px!important}
body #app .cp .match-players{display:none!important}
body #app .cp .match-row time{font-size:26px!important}
body #app .cp .game-detail{gap:30px!important;grid-template-columns:1fr 300px!important}
body #app .cp .game-main h1{font-size:54px!important}
body #app .cp .profile-dashboard{grid-template-columns:1fr 280px!important;gap:24px!important}
body #app .cp .next-game{grid-template-columns:1fr!important}
body #app .cp .next-place h3{margin-top:0!important}
body #app .cp .schedule-layout{grid-template-columns:1fr 260px!important;gap:20px!important}
body #app .cp .time-slots{grid-template-columns:repeat(3,1fr)!important}
body #app .cp .club-intro h1{font-size:48px!important}
body #app .cp .club-hero{gap:24px!important}
body #app .cp .club-intro-actions{flex-wrap:wrap!important;gap:8px!important}
body #app .cp .profile-top h1{font-size:36px!important}
body #app .cp .cards .match-players{display:block!important}
}
@media(max-width:700px){body #app .cp .mobile-pages{display:flex!important;gap:22px!important;font-size:11px!important;padding:12px 0!important;border-bottom:1px solid var(--line)!important;overflow-x:auto!important;white-space:nowrap!important}
body #app .cp .mobile-pages a{min-height:28px!important;display:flex!important;align-items:center!important}
body #app .cp .mobile-pages .current{color:var(--yellow)!important}
body #app .cp h1{font-size:44px!important;letter-spacing:-1.8px!important}
body #app .cp .page-title{display:block!important;padding:28px 0!important}
body #app .cp .title-side{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:24px!important}
body #app .cp .title-side p{font-size:11px!important;margin:0!important}
body #app .cp .title-side .button{font-size:11px!important;gap:12px!important;padding:12px!important;min-height:48px!important}
body #app .cp .catalog-filters{grid-template-columns:1fr 1fr!important;gap:16px!important;padding:18px 0!important}
body #app .cp .list-caption{gap:10px!important;flex-wrap:wrap!important;font-size:11px!important}
body #app .cp .list-caption .eyebrow{font-size:7px!important}
body #app .cp .view-toggle{width:100%!important;margin:0!important}
body #app .cp .view-toggle button{padding:8px 18px 8px 0!important;min-height:32px!important}
body #app .cp .match-row{grid-template-columns:1fr auto!important;gap:14px!important;padding:22px 0!important}
body #app .cp .match-index{display:none!important}
body #app .cp .match-when{grid-column:1!important}
body #app .cp .match-level{grid-column:2!important;grid-row:1!important;font-size:10px!important}
body #app .cp .match-location{grid-column:1!important}
body #app .cp .match-location strong{font-size:15px!important}
body #app .cp .match-arrow{grid-column:2!important;grid-row:2!important}
body #app .cp .match-row time{font-size:32px!important}
body #app .cp .match-list.cards{grid-template-columns:1fr!important}
body #app .cp .catalog-bottom{font-size:11px!important}
body #app .cp .mini-invite{padding:26px 0!important}
body #app .cp .mini-invite h2{font-size:34px!important}
body #app .cp .giant-arrow{font-size:65px!important;right:0!important;top:36px!important}
body #app .cp .breadcrumbs{font-size:10px!important;padding:20px 0!important}
body #app .cp .club-hero{grid-template-columns:1fr!important;gap:22px!important}
body #app .cp .club-photo{min-height:0!important;aspect-ratio:1.6!important}
body #app .cp .club-intro{padding:0!important}
body #app .cp .club-intro h1{font-size:46px!important}
body #app .cp .club-intro>p{margin:20px 0!important}
body #app .cp .club-facts{gap:36px!important}
body #app .cp .club-intro-actions{gap:16px!important}
body #app .cp .schedule-layout{grid-template-columns:1fr!important}
body #app .cp .schedule-filters{gap:12px!important}
body #app .cp .schedule-filters label{font-size:10px!important;gap:6px!important}
body #app .cp .schedule-filters select{width:85px!important;padding:8px!important}
body #app .cp .schedule-filters .days button{padding:8px 10px!important;font-size:11px!important}
body #app .cp .time-slots{grid-template-columns:repeat(3,1fr)!important}
body #app .cp .timezone{font-size:9px!important}
body #app .cp .slot-legend{gap:12px!important;font-size:9px!important}
body #app .cp .slot-legend>span:last-child{display:none!important}
body #app .cp .selection-panel h3{margin:18px 0 10px!important;font-size:24px!important}
body #app .cp .selection-panel p{margin-bottom:18px!important}
body #app .cp .club-bottom h2{font-size:27px!important}
body #app .cp .club-bottom{flex-wrap:wrap!important}
body #app .cp .game-detail{grid-template-columns:1fr!important;gap:24px!important;padding-top:10px!important}
body #app .cp .game-main h1{font-size:46px!important}
body #app .cp .match-time{margin:28px 0 22px!important}
body #app .cp .match-time strong{font-size:42px!important}
body #app .cp .match-time small{font-size:27px!important}
body #app .cp .detail-club h2{font-size:20px!important}
body #app .cp .detail-meta{flex-wrap:wrap!important;gap:12px!important;font-size:10px!important}
body #app .cp .lineup-heading h2{font-size:24px!important}
body #app .cp .lineup-heading>span{font-size:10px!important}
body #app .cp .player-slot{padding:18px!important}
body #app .cp .player-slot h3{font-size:21px!important}
body #app .cp .player-slot .eyebrow{font-size:7px!important}
body #app .cp .player-slot p{font-size:10px!important}
body #app .cp .game-summary{padding:24px!important}
body #app .cp .game-summary .summary-symbol{margin:20px 0!important;font-size:44px!important}
body #app .cp .game-summary h2 br{display:none!important}
body #app .cp .game-summary h2{font-size:32px!important}
body #app .cp .profile-top{padding:28px 0 22px!important;flex-wrap:wrap!important;gap:12px!important}
body #app .cp .profile-person{gap:14px!important}
body #app .cp .profile-avatar{width:54px!important;height:64px!important;font-size:22px!important}
body #app .cp .profile-top h1{font-size:30px!important;letter-spacing:-1px!important}
body #app .cp .profile-top .eyebrow{font-size:7px!important;letter-spacing:.6px!important}
body #app .cp .profile-top p{font-size:10px!important}
body #app .cp .profile-top>.text-button{margin-left:68px!important;padding:0!important;min-height:28px!important;font-size:11px!important}
body #app .cp .profile-dashboard{grid-template-columns:1fr!important;gap:28px!important;padding:24px 0!important}
body #app .cp .dashboard-main>.section-heading h2{font-size:28px!important}
body #app .cp .next-game{padding:22px!important;gap:18px!important;grid-template-columns:1fr!important}
body #app .cp .next-label strong{font-size:32px!important}
body #app .cp .next-place h3{font-size:18px!important}
body #app .cp .next-status{grid-column:1!important}
body #app .cp .next-arrow{position:absolute!important;right:22px!important;bottom:20px!important}
body #app .cp .profile-links{gap:24px!important;font-size:11px!important}
body #app .cp .profile-links a{gap:12px!important}
body #app .cp .week{gap:4px!important}
body #app .cp .week button{min-height:62px!important;padding:10px 2px!important}
body #app .cp .availability-controls{gap:10px!important;flex-wrap:wrap!important}
body #app .cp .availability-controls .button{width:100%!important;margin-top:4px!important}
body #app .cp .level-panel{padding:24px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 20px!important}
body #app .cp .level-panel>.eyebrow{grid-column:1/-1!important}
body #app .cp .level-number{font-size:88px!important;margin:24px 0 18px!important}
body #app .cp .level-number>span{font-size:48px!important}
body #app .cp .level-number>b{display:none!important}
body #app .cp .level-panel h3{font-size:23px!important;align-self:center!important;margin:0!important}
body #app .cp .level-meter,body #app .cp .meter-scale,body #app .cp .level-panel>p,body #app .cp .profile-stats,body #app .cp .level-panel>.example-note{grid-column:1/-1!important}
body #app .cp .level-meter{margin-top:0!important}
body #app .cp .profile-stats{margin-top:12px!important}
body #app .cp .profile-bottom h2{font-size:32px!important}
body #app .cp .profile-bottom .button{margin:0!important;width:100%!important}
body #app .cp footer>span:last-child{font-size:7px!important}
body #app .cp .account-link{font-size:11px!important;gap:8px!important}
body #app .cp .account-link>span{font-size:20px!important}
}
@media(max-width:370px){body #app .cp .title-side{align-items:start!important;flex-direction:column!important}
body #app .cp .title-side .button{width:100%!important}
body #app .cp .profile-top h1{font-size:26px!important}
body #app .cp .player-slot{padding:14px!important}
body #app .cp .lineup{gap:10px!important}
body #app .cp .lineup-heading h2{font-size:22px!important}
body #app .cp .game-main h1{font-size:41px!important}
body #app .cp .detail-club h2{font-size:18px!important}
body #app .cp .profile-links{gap:18px!important}
body #app .cp .profile-links a{gap:8px!important}
body #app .cp .schedule-filters{flex-wrap:wrap!important}
body #app .cp .schedule-filters .days{flex:1!important}
body #app .cp .schedule-filters label{width:100%!important;justify-content:space-between!important}
body #app .cp .time-slots button{font-size:16px!important}
}
body #app .cp .game-main,body #app .cp .dashboard-main,body #app .cp .schedule-main,body #app .cp .club-intro{min-width:0!important}
@media(max-width:370px){body #app .cp .game-main h1{font-size:36px!important}
}
body #app .cp .game-summary,body #app .cp .player-slot{min-width:0!important}
@media(max-width:700px){body #app .cp .game-detail{grid-template-columns:minmax(0,1fr)!important}
body #app .cp .game-summary h2 br{display:block!important}
body #app .cp .lineup{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
body #app .cp .club-catalog-filters{grid-template-columns:1.5fr 1fr 1fr auto!important;align-items:end!important}
body #app .cp .saved-filter{min-height:44px!important;padding:10px 18px!important;background:#191919!important;border:0!important;color:#aaa!important;font-size:12px!important;display:flex!important;justify-content:space-between!important;gap:24px!important;align-items:center!important}
body #app .cp .saved-filter[aria-pressed=true]{background:var(--yellow)!important;color:#111!important}
body #app .cp .venue-catalog{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
body #app .cp .venue-card{min-width:0!important;background:#191919!important;position:relative!important;display:flex!important;flex-direction:column!important}
body #app .cp .venue-cover{display:block!important;aspect-ratio:1.85!important;overflow:hidden!important;position:relative!important}
body #app .cp .venue-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(1)!important;transition:filter .3s,transform .4s!important}
body #app .cp .venue-card:hover img,body #app .cp .venue-card:focus-within img{filter:grayscale(0)!important;transform:scale(1.025)!important}
body #app .cp .venue-cover .venue-tag{position:absolute!important;left:20px!important;bottom:16px!important;background:#080808c9!important;padding:8px 10px!important;color:#eee!important;font-size:8px!important;letter-spacing:1px!important}
body #app .cp .venue-bookmark{position:absolute!important;right:16px!important;top:16px!important;z-index:2!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;background:#080808!important;border:1px solid #777!important;color:var(--yellow)!important;font-size:24px!important;line-height:1!important}
body #app .cp .venue-bookmark[aria-pressed=true]{background:var(--yellow)!important;color:#111!important;border-color:var(--yellow)!important}
body #app .cp .venue-copy{padding:24px!important;display:flex!important;flex-direction:column!important;flex:1!important}
body #app .cp .venue-copy .eyebrow{font-size:9px!important;color:var(--muted)!important}
body #app .cp .venue-copy h2{font-size:28px!important;letter-spacing:-.7px!important;margin:10px 0 12px!important}
body #app .cp .venue-copy>p{font-size:12px!important;color:var(--muted)!important;margin:0!important}
body #app .cp .venue-facts{display:flex!important;gap:20px!important;font-size:11px!important;padding:20px 0!important;color:#bcbcb8!important}
body #app .cp .venue-actions{border-top:1px solid var(--line)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-top:auto!important;padding-top:16px!important}
body #app .cp .venue-actions>a{display:flex!important;align-items:center!important;gap:20px!important;font-size:13px!important;min-height:36px!important}
body #app .cp .venue-actions>a>span{color:var(--yellow)!important;font-size:24px!important}
body #app .cp .venue-actions>span{font-size:9px!important;color:var(--muted)!important}
body #app .cp .venue-placeholder{aspect-ratio:1.85!important;background:#141414!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;border-bottom:1px solid var(--line)!important;overflow:hidden!important}
body #app .cp .venue-placeholder>strong{font-size:72px!important;font-weight:900!important;line-height:1!important;letter-spacing:-3px!important;color:#373735!important}
body #app .cp .venue-placeholder>span{font-size:9px!important;letter-spacing:1px!important;color:var(--muted)!important}
body #app .cp .venue-card.test-venue .venue-copy>p{line-height:1.5!important}
body #app .cp .venue-catalog.list{grid-template-columns:1fr!important}
body #app .cp .venue-catalog.list .venue-card{display:grid!important;grid-template-columns:280px 1fr!important}
body #app .cp .venue-catalog.list .venue-cover,body #app .cp .venue-catalog.list .venue-placeholder{aspect-ratio:auto!important;min-height:240px!important;height:100%!important}
body #app .cp .venue-catalog.list .venue-bookmark{left:220px!important;right:auto!important}
body #app .cp .club-catalog-callout{background:var(--yellow)!important;color:#111!important;margin-top:36px!important;padding:32px!important;position:relative!important;display:flex!important;justify-content:space-between!important;align-items:end!important;gap:24px!important;flex-wrap:wrap!important}
body #app .cp .club-catalog-callout>.eyebrow{width:100%!important;font-size:9px!important}
body #app .cp .club-catalog-callout h2{font-size:44px!important;margin:0!important}
body #app .cp .club-catalog-callout h2 em{color:#111!important}
body #app .cp .club-catalog-callout .button{margin:0!important}
body #app .cp .club-search input::placeholder{color:#777!important}
body #app .cp .venue-empty{grid-column:1/-1!important;padding:48px 0!important;border-block:1px solid var(--line)!important}
body #app .cp .venue-empty h2{font-size:30px!important;margin:0 0 12px!important}
body #app .cp .venue-empty p{color:var(--muted)!important;font-size:13px!important}
body #app .cp .venue-empty button{border:0!important;color:var(--yellow)!important;background:transparent!important;min-height:44px!important;font-size:13px!important;padding:12px 0!important}
@media(max-width:700px){body #app .cp .club-catalog-filters{grid-template-columns:1fr 1fr!important;gap:16px!important}
body #app .cp .club-search{grid-column:1/-1!important}
body #app .cp .saved-filter{grid-column:1/-1!important;width:100%!important}
body #app .cp .venue-catalog{grid-template-columns:1fr!important;gap:20px!important}
body #app .cp .venue-copy{padding:20px!important}
body #app .cp .venue-copy h2{font-size:25px!important}
body #app .cp .venue-facts{font-size:10px!important;gap:18px!important}
body #app .cp .venue-catalog.list .venue-card{grid-template-columns:90px minmax(0,1fr)!important}
body #app .cp .venue-catalog.list .venue-cover,body #app .cp .venue-catalog.list .venue-placeholder{min-height:240px!important}
body #app .cp .venue-catalog.list .venue-cover img{object-position:40% center!important}
body #app .cp .venue-catalog.list .venue-cover .venue-tag{display:none!important}
body #app .cp .venue-catalog.list .venue-placeholder strong{font-size:30px!important;letter-spacing:-1px!important}
body #app .cp .venue-catalog.list .venue-placeholder>span{font-size:7px!important;text-align:center!important;padding:0 8px!important}
body #app .cp .venue-catalog.list .venue-bookmark{left:24px!important;top:16px!important}
body #app .cp .venue-catalog.list .venue-copy{padding:16px!important}
body #app .cp .venue-catalog.list .venue-copy h2{font-size:21px!important;overflow-wrap:anywhere!important}
body #app .cp .venue-catalog.list .venue-actions{align-items:start!important;flex-direction:column!important;gap:8px!important}
body #app .cp .venue-catalog.list .venue-facts{flex-wrap:wrap!important;gap:8px!important}
body #app .cp .club-catalog-callout{padding:24px!important}
body #app .cp .club-catalog-callout h2{font-size:34px!important}
body #app .cp .club-catalog-callout>.eyebrow{font-size:8px!important}
body #app .cp .club-catalog-callout .button{width:100%!important;margin-top:4px!important}
body #app .cp .venue-empty h2{font-size:26px!important}
}
body #app .cp .venue-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
body #app .cp .venue-split .venue-catalog{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
body #app .cp .venue-split .venue-card{display:grid!important;grid-template-columns:36% minmax(0,1fr)!important;background:#ededeb!important;color:#111!important;min-height:300px!important}
body #app .cp .venue-split .venue-cover,body #app .cp .venue-split .venue-placeholder{aspect-ratio:auto!important;min-height:300px!important;height:100%!important;border:0!important}
body #app .cp .venue-split .venue-cover img{object-position:45% center!important}
body #app .cp .venue-split .venue-placeholder{background:#292929!important;color:#aaa!important;text-align:center!important;padding:20px!important;gap:20px!important}
body #app .cp .venue-split .venue-placeholder>strong{font-size:40px!important;color:#8a8a87!important;letter-spacing:-1px!important}
body #app .cp .venue-split .venue-placeholder>span{font-size:8px!important;color:#8a8a87!important;line-height:1.6!important}
body #app .cp .venue-split .venue-copy{position:relative!important;padding:22px 20px!important;min-width:0!important}
body #app .cp .venue-split .venue-copy h2{font-size:25px!important;line-height:1.12!important;padding-right:30px!important;margin:0 0 18px!important;letter-spacing:-.8px!important}
body #app .cp .venue-split .venue-bookmark{top:12px!important;right:8px!important;background:transparent!important;border:0!important;width:44px!important;height:44px!important;color:#777!important}
body #app .cp .bookmark-shape{display:block!important;width:12px!important;height:18px!important;background:currentColor!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 73%,0 100%)!important}
body #app .cp .venue-split .venue-bookmark[aria-pressed=true]{background:#f4d84a!important;color:#111!important}
body #app .cp .venue-city{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;color:#70706d!important;font-size:12px!important;margin-bottom:18px!important;flex-wrap:wrap!important}
body #app .cp .venue-city button{background:transparent!important;border:0!important;color:#666!important;font-size:10px!important;min-height:30px!important;padding:4px 0!important;text-align:left!important}
body #app .cp .venue-city button:hover{color:#111!important;text-decoration:underline!important}
body #app .cp .venue-split .venue-address{border-top:1px solid #c0c0bb!important;padding-top:16px!important;font-size:12px!important;line-height:1.5!important;color:#555!important}
body #app .cp .venue-split .venue-description{font-size:11px!important;color:#666!important;line-height:1.5!important;margin:16px 0 0!important}
body #app .cp .venue-split .venue-facts{color:#777!important;font-size:10px!important;gap:18px!important;padding:14px 0 18px!important}
body #app .cp .venue-split .venue-actions{border:0!important;padding-top:0!important}
body #app .cp .venue-split .venue-actions>a{width:100%!important;padding:12px 14px!important;background:var(--yellow)!important;color:#111!important;font-size:12px!important;display:flex!important;justify-content:space-between!important;min-height:44px!important;gap:16px!important}
body #app .cp .venue-split .venue-actions>a:hover{background:#ffe778!important}
body #app .cp .venue-split .venue-actions>a>span{color:#111!important;font-size:20px!important}
body #app .cp .venue-map{border:1px solid #3c3c3a!important;position:sticky!important;top:20px!important;background:#191919!important;scroll-margin-top:20px!important}
body #app .cp .venue-map-canvas{height:425px!important;position:relative!important;background:#e4e4e0!important}
body #app .cp .venue-map-canvas iframe{border:0!important;width:100%!important;height:100%!important;display:block!important;filter:grayscale(1)!important}
body #app .cp .venue-map-canvas iframe[hidden]{display:none!important}
body #app .cp .venue-map-picker{position:absolute!important;right:14px!important;top:14px!important;width:min(250px,calc(100% - 28px))!important;padding:12px!important;background:#080808!important;color:#eee!important;border:1px solid #777!important}
body #app .cp .venue-map-picker label{display:block!important;font-size:10px!important;color:#aaa!important;margin-bottom:6px!important}
body #app .cp .venue-map-picker select{font-size:12px!important;background:#292929!important;border-bottom:1px solid var(--yellow)!important;padding:10px!important;min-height:40px!important}
body #app .cp .venue-map-summary{padding:20px!important;min-width:0!important}
body #app .cp .map-summary-top{display:grid!important;grid-template-columns:56px minmax(0,1fr) 44px!important;gap:14px!important;align-items:center!important}
body #app .cp .map-summary-top img{width:56px!important;height:64px!important;object-fit:cover!important;filter:grayscale(1)!important}
body #app .cp .map-summary-top>div>span{color:var(--yellow)!important;font-size:9px!important}
body #app .cp .map-summary-top h3{font-size:18px!important;line-height:1.2!important;font-weight:900!important;margin:6px 0!important}
body #app .cp .map-summary-top p{font-size:11px!important;color:#999!important;margin:0!important;line-height:1.4!important}
body #app .cp .map-summary-top>a{min-height:44px!important;border:1px solid #666!important;display:grid!important;place-items:center!important;font-size:20px!important}
body #app .cp .map-open-link{display:inline-flex!important;min-height:44px!important;align-items:center!important;font-size:11px!important;color:#aaa!important;margin-top:12px!important}
body #app .cp .map-open-link:hover{color:var(--yellow)!important}
body #app .cp .map-thumb-placeholder{height:64px!important;background:#333!important;display:grid!important;place-items:center!important;color:#aaa!important;font-size:18px!important;font-weight:900!important}
body #app .cp .map-test-note{font-size:11px!important;color:#aaa!important;margin:18px 0 0!important}
body #app .cp #map-empty{height:100%!important;padding:110px 30px 30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;color:#666!important}
body #app .cp #map-empty[hidden]{display:none!important}
body #app .cp #map-empty>span{font-size:50px!important;color:#777!important}
body #app .cp #map-empty h3{font-size:24px!important;font-weight:900!important;color:#333!important;line-height:1.1!important;margin:20px 0 10px!important}
body #app .cp #map-empty p{font-size:12px!important;max-width:260px!important;line-height:1.5!important}
body #app .cp .venue-split.list-only{grid-template-columns:minmax(0,1fr)!important}
body #app .cp .venue-split.list-only .venue-map{display:none!important}
body #app .cp .venue-split.list-only .venue-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:1100px){body #app .cp .venue-split{grid-template-columns:minmax(0,1fr)!important}
body #app .cp .venue-map{position:relative!important;top:0!important}
body #app .cp .venue-map-canvas{height:420px!important}
body #app .cp .venue-split .venue-card{grid-template-columns:33% minmax(0,1fr)!important}
body #app .cp .venue-split.list-only .venue-catalog{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:700px){body #app .cp .venue-split{gap:24px!important}
body #app .cp .venue-split .venue-card{grid-template-columns:31% minmax(0,1fr)!important;min-height:270px!important}
body #app .cp .venue-split .venue-cover,body #app .cp .venue-split .venue-placeholder{min-height:270px!important}
body #app .cp .venue-split .venue-copy{padding:18px 14px!important}
body #app .cp .venue-split .venue-copy h2{font-size:21px!important;letter-spacing:-.5px!important;padding-right:20px!important;margin:0 0 12px!important}
body #app .cp .venue-split .venue-bookmark{right:0!important;top:6px!important;width:36px!important;min-height:44px!important}
body #app .cp .bookmark-shape{width:10px!important;height:16px!important}
body #app .cp .venue-city{font-size:11px!important;margin-bottom:12px!important;gap:0!important}
body #app .cp .venue-city button{font-size:9px!important;min-height:28px!important}
body #app .cp .venue-split .venue-address{font-size:11px!important;padding-top:12px!important}
body #app .cp .venue-split .venue-description{font-size:10px!important;margin-top:12px!important}
body #app .cp .venue-split .venue-facts{font-size:9px!important;gap:12px!important;padding:12px 0!important}
body #app .cp .venue-split .venue-actions>a{font-size:11px!important;padding:10px!important;gap:8px!important}
body #app .cp .venue-split .venue-placeholder{padding:10px!important;gap:16px!important}
body #app .cp .venue-split .venue-placeholder>strong{font-size:28px!important}
body #app .cp .venue-split .venue-placeholder>span{font-size:7px!important}
body #app .cp .venue-map-canvas{height:340px!important}
body #app .cp .venue-map-summary{padding:16px!important}
body #app .cp .map-summary-top{grid-template-columns:44px minmax(0,1fr) 36px!important;gap:10px!important}
body #app .cp .map-summary-top img{width:44px!important;height:54px!important}
body #app .cp .map-summary-top h3{font-size:16px!important}
body #app .cp .map-summary-top p{font-size:10px!important}
body #app .cp .map-summary-top>a{min-height:44px!important}
body #app .cp .venue-split.list-only .venue-catalog{grid-template-columns:minmax(0,1fr)!important}
}

body #app .cp{font-family:var(--gui-font)!important;max-width:none!important;width:100%!important;padding:0!important;min-width:0!important;color:var(--gui-text)!important;--yellow:var(--gui-accent)!important;--muted:var(--gui-muted)!important;--line:var(--gui-line)!important;font-size:16px!important;line-height:1.4!important}
body #app .cp *{box-sizing:border-box!important}
body #app .cp h1,body #app .cp h2,body #app .cp h3,body #app .cp h4{font-family:var(--gui-font)!important;font-weight:800!important}
body #app .cp h1{font-size:var(--gui-concept-title,clamp(44px,5.6vw,80px))!important;line-height:1!important;letter-spacing:-.04em!important;margin:16px 0 0!important}
body #app .cp h2{font-size:40px!important;line-height:1.08!important;letter-spacing:-.035em!important}
body #app .cp h1 em,body #app .cp h2 em{color:var(--gui-accent)!important;font-style:normal!important}
body #app .cp svg{flex-shrink:0!important}
body #app .cp .button{border-radius:0!important;box-shadow:none!important;border:0!important;min-height:44px!important;text-decoration:none!important}
body #app .cp .text-link{background:transparent!important;color:inherit!important;padding:10px 0!important;min-height:44px!important}
body #app .cp .primary{background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .primary:hover{background:var(--gui-accent-hover)!important}
body #app .cp .text-button{display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:44px!important}
body #app .cp .cp-empty{padding:28px 0!important;grid-column:1/-1!important}
body #app .cp .cp-empty h3{font-size:24px!important;line-height:1.2!important;margin:0 0 12px!important}
body #app .cp .cp-empty p{color:var(--gui-muted)!important;font-size:14px!important;line-height:1.5!important;margin:0 0 20px!important}
body #app .cp .cp-match{display:grid!important;grid-template-columns:30px 180px minmax(120px,1fr) 85px 105px 44px!important;gap:20px!important;align-items:center!important;padding:24px 16px!important;border-top:1px solid var(--gui-line)!important;background:transparent!important;min-width:0!important;transition:background .2s,color .2s!important}
body #app .cp .cp-match:last-child{border-bottom:1px solid var(--gui-line)!important}
body #app .cp .cp-match h3{font-size:30px!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap!important;letter-spacing:-1px!important;margin:0!important}
body #app .cp .cp-match h3 small{font-size:16px!important;font-weight:400!important;opacity:.5!important}
body #app .cp .cp-match h4{font-size:16px!important;line-height:1.2!important;margin:0 0 8px!important}
body #app .cp .cp-match .match-location p{font-size:11px!important;opacity:.65!important;margin:0!important;line-height:1.5!important}
body #app .cp .match-players{display:grid!important;gap:6px!important;font-size:11px!important}
body #app .cp .match-players small{font-size:11px!important;opacity:.65!important}
body #app .cp .match-arrow{min-height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important}
body #app .cp .match-index{font-size:12px!important;opacity:.45!important}
body #app .cp .cp-match:hover,body #app .cp .cp-match:focus-within{background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .cp-match:hover a,body #app .cp .cp-match:focus-within a{color:var(--gui-ink)!important}
body #app .cp .match-date{font-size:9px!important;line-height:1.4!important;letter-spacing:.5px!important;margin-bottom:10px!important;color:inherit!important;opacity:.65!important}
body #app .cp .sp-filters{padding:20px 0!important;border-block:1px solid var(--gui-line)!important;background:transparent!important;gap:16px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0!important}
body #app .cp .sp-filters label{font-size:11px!important;color:var(--gui-muted)!important;min-width:0!important}
body #app .cp .sp-filters input,body #app .cp .sp-filters select,body #app .cp .sp-filters .graemo-select-trigger{font-size:13px!important;line-height:20px!important;min-height:44px!important;background:var(--gui-surface)!important;color:var(--gui-text)!important;padding:10px 12px!important}
body #app .cp .sp-filters .date-filters,body #app .cp .sp-filters .filter-actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important}
body #app .cp .sp-filters .sp-button,body #app .cp .sp-filters .filter{font-size:12px!important;min-height:44px!important;padding:10px 14px!important;background:var(--gui-surface)!important;color:var(--gui-text)!important;border:0!important}
body #app .cp .sp-filters .active{background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .sp-filters .sp-feedback{grid-column:1/-1!important}
body #app .cp .list-caption{padding:20px 0!important;font-size:12px!important;color:var(--gui-muted)!important}
body #app .cp .sp-pagination{margin:24px 0!important;display:flex!important;gap:20px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}
body #app .cp .sp-pagination .sp-button{min-height:44px!important;padding:10px 16px!important;font-size:12px!important}
body #app .cp .cp-home-club{display:grid!important;grid-template-columns:80px minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;padding:22px 0!important;border-top:1px solid var(--gui-line)!important}
body #app .cp .cp-home-club>img{width:80px!important;height:84px!important;object-fit:cover!important;filter:grayscale(1)!important;transition:filter .25s!important}
body #app .cp .cp-home-club:hover>img{filter:grayscale(0)!important}
body #app .cp .cp-home-club h3{font-size:24px!important;line-height:1.2!important;margin:8px 0!important;letter-spacing:-.5px!important}
body #app .cp .cp-home-club p{font-size:12px!important;line-height:1.5!important;color:var(--gui-muted)!important;margin:4px 0!important}
body #app .cp .cp-home-club .club-number{width:80px!important;height:84px!important}
body #app .cp .cp-home-club:last-child{border-bottom:1px solid var(--gui-line)!important}
body #app .cp .cp-people{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:24px!important;padding:28px 0 36px!important;border-top:1px solid var(--gui-line)!important}
body #app .cp .cp-people h2{font-size:34px!important}
body #app .cp .join .text-link{background:var(--gui-ink)!important;color:var(--gui-accent)!important;padding:16px 24px!important}
body #app .cp .join h2 em{color:var(--gui-ink)!important}
body #app .cp .hero h1{font-size:var(--gui-concept-hero,clamp(72px,8.4vw,126px))!important;line-height:.92!important;margin:34px 0 26px!important;font-weight:800!important;letter-spacing:-.05em!important}
body #app .cp .hero h1 em{transform:none!important}
body #app .cp .hero-art{min-height:430px!important}
body #app .cp .hero-art img{height:100%!important;width:100%!important;position:absolute!important;object-fit:cover!important}
body #app .cp .hero-art .art-footer svg{width:42px!important;height:42px!important}
body #app .cp .rally-strip svg{width:24px!important;height:24px!important}
body #app .cp .how ol>li>svg{position:absolute!important;right:0!important;top:14px!important;color:var(--gui-muted)!important}
body #app .cp .game-toolbar{display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important}
body #app .cp .game-toolbar select{min-height:44px!important;font-size:12px!important;padding:10px 14px!important;background:transparent!important;color:var(--gui-text)!important}
body #app .cp .game-toolbar .days button{min-height:44px!important;border-bottom:2px solid transparent!important}
body #app .cp .game-toolbar .days .active{color:var(--gui-accent)!important;border-color:var(--gui-accent)!important}
body #app .cp .hero-bottom p{font-size:14px!important;line-height:1.5!important;color:var(--gui-muted)!important;margin:0!important}
body #app .cp .tt-live-grid[data-tt-games]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
body #app .cp .tt-live-grid .cp-match{display:flex!important;flex-wrap:wrap!important;padding:22px!important;background:var(--gui-surface)!important;border:0!important;gap:16px!important}
body #app .cp .tt-live-grid .cp-match:hover,body #app .cp .tt-live-grid .cp-match:focus-within{background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .tt-live-grid .match-index{display:none!important}
body #app .cp .tt-live-grid .match-when,body #app .cp .tt-live-grid .match-location{width:100%!important}
body #app .cp .tt-live-grid .match-arrow{margin-left:auto!important}
body #app .cp .tt-live-grid .match-players{margin-left:auto!important}
body #app .cp .tt-live-grid .cp-match h4{font-size:14px!important}
body #app .cp .tt-live-grid .cp-match h3{font-size:32px!important}
body #app .cp .tt-live-grid .cp-match h3 small{font-size:18px!important}
body #app .cp .profile-top .avatar{width:80px!important;height:80px!important;min-width:80px!important;display:grid!important;place-items:center!important;font-size:30px!important;background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .profile-top .avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
body #app .cp .profile-top .text-link{font-size:12px!important}
body #app .cp .profile-dashboard{grid-template-columns:minmax(0,1fr) 320px!important}
body #app .cp .rating-panel{background:transparent!important;color:var(--gui-ink)!important;padding:0!important;margin:0!important;border:0!important}
body #app .cp .rating-panel .section-heading{display:flex!important;align-items:center!important;margin:0!important}
body #app .cp .rating-panel h3{font-size:11px!important;font-weight:400!important;letter-spacing:1px!important}
body #app .cp .rating-number{font-size:100px!important;line-height:1!important;font-weight:800!important;letter-spacing:-4px!important;margin:24px 0!important}
body #app .cp .level-track{height:4px!important;background:#1113!important;margin:24px 0 8px!important;position:relative!important}
body #app .cp .level-track span{display:block!important;height:100%!important;background:var(--gui-ink)!important}
body #app .cp .level-scale{display:flex!important;justify-content:space-between!important;font-size:10px!important;margin-bottom:20px!important}
body #app .cp .rating-panel p{font-size:12px!important;line-height:1.5!important;color:#5e5421!important}
body #app .cp .level-panel .stats-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding-top:20px!important;margin-top:24px!important;border-top:1px solid #1113!important;background:transparent!important}
body #app .cp .level-panel .stats-card{display:flex!important;flex-direction:column!important;gap:8px!important;background:transparent!important;padding:0!important;color:var(--gui-ink)!important;border:0!important}
body #app .cp .level-panel .stats-card>svg{display:none!important}
body #app .cp .level-panel .stats-card strong{font-size:26px!important;line-height:1!important;font-weight:800!important}
body #app .cp .level-panel .stats-card>span{font-size:10px!important;line-height:1.4!important;color:#5e5421!important}
body #app .cp .cp-availability-form{padding:0!important;background:transparent!important;border:0!important;margin:0!important}
body #app .cp .availability-week{margin:0!important;display:block!important}
body #app .cp .availability-week-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;font-size:12px!important}
body #app .cp .availability-week-head button{min-height:44px!important;padding:8px 12px!important;background:var(--gui-surface)!important;color:var(--gui-text)!important;font-size:11px!important;border:0!important}
body #app .cp .availability-week-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}
body #app .cp .availability-week-days button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:72px!important;background:var(--gui-surface)!important;color:var(--gui-muted)!important;padding:10px 4px!important;border:0!important}
body #app .cp .availability-week-days button[aria-pressed=true]{background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .availability-week-days button>span{font-size:10px!important}
body #app .cp .availability-week-days button>strong{font-size:16px!important;font-weight:800!important}
body #app .cp .availability-week>p{font-size:12px!important;color:var(--gui-muted)!important;margin-top:14px!important}
body #app .cp .cp-date-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}
body #app .cp .cp-date-list button{background:var(--gui-surface)!important;color:var(--gui-text)!important;border:0!important;padding:8px 12px!important;min-height:44px!important;font-size:11px!important}
body #app .cp .availability-controls input{background:var(--gui-surface)!important;color:var(--gui-text)!important;border:0!important;border-bottom:1px solid var(--gui-line)!important;font-size:14px!important}
body #app .cp .sp-feedback{font-size:14px!important;color:var(--gui-text)!important;line-height:1.5!important;margin:16px 0!important}
body #app .cp .sp-feedback:empty{display:none!important}
body #app .cp .match-history{background:transparent!important;padding:24px 0!important;margin:32px 0 0!important;border-top:1px solid var(--gui-line)!important}
body #app .cp .match-history h3{font-size:24px!important;line-height:1.2!important}
body #app .cp .match-history p{font-size:13px!important;color:var(--gui-muted)!important;line-height:1.5!important}
body #app .cp .history-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto 32px!important;gap:16px!important;align-items:center!important;padding:16px 0!important;border-top:1px solid var(--gui-line)!important;font-size:12px!important}
body #app .cp .history-info{display:grid!important;gap:6px!important}
body #app .cp .history-info span{font-size:11px!important;color:var(--gui-muted)!important}
body #app .cp .profile-links{flex-wrap:wrap!important;gap:16px 24px!important}
body #app .cp .profile-links a{font-size:12px!important;padding:4px 0!important;min-height:44px!important}
body #app .cp .cp-more-plans{display:grid!important;gap:0!important}
body #app .cp .cp-more-plans a{display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:center!important;min-height:60px!important;padding:12px 0!important;border-bottom:1px solid var(--gui-line)!important;font-size:13px!important}
body #app .cp .cp-club-visual .venue-gallery{height:100%!important;min-height:380px!important;display:block!important;background:var(--gui-surface)!important;margin:0!important;overflow:hidden!important;position:relative!important}
body #app .cp .cp-club-visual .venue-gallery-main{width:100%!important;height:380px!important;display:block!important;overflow:hidden!important;padding:0!important;border:0!important;background:transparent!important}
body #app .cp .cp-club-visual .venue-gallery-main img{width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(1)!important;transition:filter .3s!important}
body #app .cp .cp-club-visual:hover .venue-gallery-main img{filter:grayscale(0)!important}
body #app .cp .cp-club-visual .venue-gallery-thumbs{display:flex!important;gap:6px!important;background:var(--gui-bg)!important;padding-top:6px!important}
body #app .cp .cp-club-visual .venue-gallery-thumbs>button{width:64px!important;height:48px!important;padding:0!important;border:0!important}
body #app .cp .cp-club-visual .venue-gallery-thumbs img{width:100%!important;height:100%!important;object-fit:cover!important}
body #app .cp .cp-no-photo{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:20px!important;min-height:380px!important;background:var(--gui-surface)!important;color:var(--gui-muted)!important}
body #app .cp .cp-no-photo p{font-size:12px!important}
body #app .cp .club-intro .detail-header{padding:0!important;margin:0 0 20px!important;border:0!important}
body #app .cp .club-intro h1{font-size:54px!important;line-height:1.04!important;letter-spacing:-2px!important;margin:16px 0!important}
body #app .cp .club-intro .venue-subtitle{font-size:13px!important;color:var(--gui-muted)!important;line-height:1.5!important;display:flex!important;gap:8px!important;align-items:center!important}
body #app .cp .club-intro .panel-intro{font-size:13px!important;color:var(--gui-muted)!important;line-height:1.5!important;margin:18px 0!important}
body #app .cp .club-intro .amenities{display:flex!important;gap:12px 20px!important;flex-wrap:wrap!important;padding:20px 0!important;border-block:1px solid var(--gui-line)!important;margin:0!important}
body #app .cp .club-intro .amenities span{display:inline-flex!important;gap:6px!important;align-items:center!important;font-size:12px!important}
body #app .cp .club-intro .club-contact-real{display:flex!important;flex-wrap:wrap!important;gap:12px!important;font-size:12px!important;margin:0!important;padding:0!important}
body #app .cp .club-intro-actions .sp-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important}
body #app .cp .club-intro-actions .sp-button{background:transparent!important;border:0!important;color:var(--gui-text)!important;font-size:12px!important;padding:12px 0!important;min-height:44px!important}
body #app .cp .club-detail-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:28px!important;align-items:start!important;margin:40px 0!important}
body #app .cp .real-timetable{background:transparent!important;color:var(--gui-text)!important;padding:0!important;border:0!important;margin:0!important;min-width:0!important}
body #app .cp .court-board{padding:0!important;min-width:0!important}
body #app .cp .cb-heading{padding:0 0 24px!important;margin:0!important;border:0!important;display:flex!important;gap:16px!important;justify-content:space-between!important;align-items:center!important}
body #app .cp .cb-heading h2{font-size:32px!important;line-height:1.1!important;margin:10px 0!important}
body #app .cp .cb-eyebrow{font-size:10px!important;letter-spacing:1px!important;color:var(--gui-muted)!important}
body #app .cp .cb-duration{font-size:11px!important;color:var(--gui-muted)!important;display:flex!important;gap:8px!important;align-items:center!important}
body #app .cp .court-time-filter{display:flex!important;gap:16px!important;flex-wrap:wrap!important;align-items:end!important;margin:0 0 24px!important;padding:0!important}
body #app .cp .court-time-filter label{font-size:12px!important;color:var(--gui-muted)!important;display:grid!important;gap:8px!important;min-width:0!important;flex:1!important}
body #app .cp .court-time-filter input,body #app .cp .court-time-filter select,body #app .cp .court-time-filter .graemo-select-trigger{background:var(--gui-surface)!important;color:var(--gui-text)!important;border:0!important;border-bottom:1px solid var(--gui-line)!important;min-height:44px!important;font-size:14px!important;padding:10px 12px!important;width:100%!important}
body #app .cp .court-time-filter button[type=submit]{min-height:44px!important;background:var(--gui-accent)!important;color:var(--gui-ink)!important;padding:10px 16px!important;font-size:12px!important;border:0!important;display:flex!important;gap:12px!important;align-items:center!important}
body #app .cp .court-time-filter .date-picker-trigger{background:var(--gui-surface)!important;color:var(--gui-text)!important;border-bottom:1px solid var(--gui-line)!important;min-height:44px!important;font-size:14px!important;padding:10px 12px!important}
body #app .cp .cb-toolbar{margin-bottom:20px!important;border:0!important;padding:0!important;display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:center!important}
body #app .cp .cb-legend{font-size:10px!important;color:var(--gui-muted)!important;display:flex!important;gap:16px!important}
body #app .cp .cb-navigation{display:flex!important;gap:12px!important;align-items:center!important;font-size:11px!important}
body #app .cp .cb-navigation button{min-height:44px!important;min-width:44px!important;background:var(--gui-surface)!important;color:var(--gui-text)!important;border:0!important}
body #app .cp .cb-courts{display:grid!important;gap:20px!important}
body #app .cp .cb-court{border-top:1px solid var(--gui-line)!important;padding:20px 0 0!important;background:transparent!important;color:var(--gui-text)!important;min-width:0!important}
body #app .cp .cb-court-heading{padding:0 0 16px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}
body #app .cp .cb-court-heading h3{font-size:20px!important;line-height:1.2!important;margin:0!important}
body #app .cp .cb-court-identity{display:flex!important;gap:12px!important;align-items:center!important}
body #app .cp .cb-number{font-size:12px!important;color:var(--gui-muted)!important;background:transparent!important}
body #app .cp .cb-court-type{font-size:10px!important;color:var(--gui-muted)!important;display:flex!important;gap:6px!important;align-items:center!important;margin-top:6px!important}
body #app .cp .cb-price{font-size:14px!important;margin:0!important}
body #app .cp .cb-price span{font-size:10px!important;color:var(--gui-muted)!important}
body #app .cp .cb-slots{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
body #app .cp .court-slot{min-width:0!important;width:100%!important;min-height:66px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:8px!important;background:var(--gui-surface)!important;border:1px solid transparent!important;color:var(--gui-text)!important;border-radius:0!important}
body #app .cp .court-slot:hover,body #app .cp .court-slot:focus-visible{background:var(--gui-accent)!important;color:var(--gui-ink)!important}
body #app .cp .court-slot.is-unavailable{background:transparent!important;border-color:#292929!important;color:#777!important}
body #app .cp .cb-slot-time{font-size:16px!important;line-height:1.2!important;font-weight:800!important}
body #app .cp .cb-slot-time small{display:block!important;font-size:10px!important;font-weight:400!important;margin-top:4px!important;opacity:.6!important}
body #app .cp .cb-slot-mark{display:none!important}
body #app .cp .cb-empty,body #app .cp .cb-footnote{font-size:12px!important;line-height:1.5!important;color:var(--gui-muted)!important;margin-top:20px!important}
body #app .cp .venue-book{background:var(--gui-surface)!important;color:var(--gui-text)!important;padding:24px!important;position:sticky!important;top:130px!important}
body #app .cp .venue-book h2{font-size:28px!important;line-height:1.1!important;margin:24px 0 16px!important}
body #app .cp .venue-book p{font-size:12px!important;line-height:1.5!important;color:var(--gui-muted)!important}
body #app .cp .venue-book .tiny-label{font-size:10px!important;letter-spacing:1px!important}
body #app .cp .venue-book .summary-price{border-top:1px solid var(--gui-line)!important;padding-top:20px!important;display:grid!important;gap:8px!important}
body #app .cp .venue-book .summary-price strong{font-size:30px!important}
body #app .cp .venue-book .summary-price span{font-size:11px!important;color:var(--gui-muted)!important}
body #app .cp .venue-book .btn{width:100%!important;min-height:44px!important;display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:center!important;background:var(--gui-accent)!important;color:var(--gui-ink)!important;font-size:12px!important;padding:12px 16px!important;margin-top:24px!important}
body #app .cp .back-link{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;font-size:11px!important;color:var(--gui-muted)!important;padding:0!important;margin-bottom:16px!important}
body #app .cp .game-detail{grid-template-columns:minmax(0,1fr) 340px!important;gap:40px!important;align-items:start!important;margin:0!important;padding:0 0 40px!important}
body #app .cp .cp-game-heading .detail-header{padding:0!important;margin:28px 0!important;border:0!important}
body #app .cp .cp-game-heading h1{font-size:66px!important;line-height:1!important;letter-spacing:-2.5px!important;margin:16px 0!important}
body #app .cp .cp-game-heading .detail-header h1{font-size:42px!important;line-height:1.1!important;margin:10px 0 20px!important;letter-spacing:-1px!important}
body #app .cp .cp-game-heading .detail-header .eyebrow{font-size:11px!important;color:var(--gui-muted)!important}
body #app .cp .cp-game-heading .venue-subtitle{display:inline-flex!important;gap:8px!important;align-items:center!important;font-size:15px!important;color:var(--gui-text)!important;line-height:1.4!important}
body #app .cp .tt-lineup-panel{background:transparent!important;padding:24px 0!important;border-top:1px solid var(--gui-line)!important;margin:0!important}
body #app .cp .tt-lineup-panel h2{font-size:28px!important;margin:0!important}
body #app .cp .tt-lineup-panel .section-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:16px!important}
body #app .cp .tt-lineup-panel .section-heading>span{font-size:12px!important;color:var(--gui-muted)!important}
body #app .cp .tt-lineup-panel .panel-intro{font-size:12px!important;color:var(--gui-muted)!important;margin:0 0 16px!important}
body #app .cp .tt-lineup-status{font-size:11px!important;color:var(--gui-muted)!important;display:flex!important;gap:8px!important;align-items:center!important;margin-bottom:20px!important}
body #app .cp .sp-teams{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body #app .cp .sp-teams>section{min-width:0!important}
body #app .cp .sp-teams>section>h3{font-size:11px!important;color:var(--gui-muted)!important;margin:0 0 12px!important;font-weight:400!important}
body #app .cp .sp-teams .sp-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
body #app .cp .sp-slot{display:flex!important;flex-direction:column!important;align-items:start!important;justify-content:center!important;background:var(--gui-surface)!important;color:var(--gui-text)!important;min-height:190px!important;gap:14px!important;padding:22px!important;border:0!important;width:100%!important;min-width:0!important}
body #app .cp .sp-slot>strong{font-size:20px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
body #app .cp .sp-slot>span:not(.sp-avatar){font-size:11px!important;color:var(--gui-muted)!important}
body #app .cp .sp-avatar{width:48px!important;height:48px!important;min-width:48px!important;display:grid!important;place-items:center!important;background:#373735!important;color:var(--gui-text)!important;font-size:20px!important;font-weight:800!important}
body #app .cp .sp-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
body #app .cp .sp-slot-open{border:1px dashed #666!important;background:transparent!important;color:var(--gui-text)!important}
body #app .cp .sp-slot-open>svg{background:var(--gui-accent)!important;color:var(--gui-ink)!important;width:48px!important;height:48px!important;padding:12px!important}
body #app .cp .sp-slot-open:not(:disabled):hover{border-color:var(--gui-accent)!important}
body #app .cp .joined-notice{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;color:var(--gui-accent)!important;padding:16px 0!important;margin:0!important}
body #app .cp .joined-notice p{font-size:13px!important;line-height:1.5!important;margin:0!important}
body #app .cp .booking-summary{background:var(--gui-accent)!important;color:var(--gui-ink)!important;padding:28px!important;margin:0!important;position:sticky!important;top:130px!important}
body #app .cp .booking-summary>h3{font-size:28px!important;line-height:1.1!important;margin:0 0 28px!important}
body #app .cp .booking-summary dl{display:grid!important;gap:0!important;margin:0 0 24px!important}
body #app .cp .booking-summary dl>div{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:14px 0!important;border-top:1px solid #1113!important;grid-template-columns:none!important}
body #app .cp .booking-summary dt,body #app .cp .booking-summary dd{font-size:12px!important;line-height:1.4!important;display:flex!important;gap:8px!important;margin:0!important;color:var(--gui-ink)!important}
body #app .cp .booking-summary dd{font-weight:700!important;text-align:right!important}
body #app .cp .booking-summary .summary-price{display:grid!important;gap:8px!important;border-top:1px solid #1113!important;padding-top:20px!important;margin-bottom:24px!important}
body #app .cp .booking-summary .summary-price strong{font-size:42px!important;line-height:1!important;letter-spacing:-1px!important}
body #app .cp .booking-summary .summary-price span,body #app .cp .booking-summary>p{font-size:12px!important;line-height:1.5!important;color:#5e5421!important}
body #app .cp .booking-summary .sp-actions,body #app .cp .tt-membership-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin:20px 0 0!important;padding:0!important}
body #app .cp .booking-summary button,body #app .cp .booking-summary .sp-button{width:100%!important;min-height:44px!important;padding:12px 16px!important;font-size:13px!important;display:flex!important;gap:12px!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:1px solid #1117!important;color:var(--gui-ink)!important}
body #app .cp .booking-summary [data-sp=share]{background:var(--gui-ink)!important;color:var(--gui-accent)!important;border-color:var(--gui-ink)!important}
body #app .cp .booking-summary [data-sp=join-free],body #app .cp .booking-summary [data-sp=join-at-club]{background:var(--gui-ink)!important;color:var(--gui-accent)!important}
body #app .cp .booking-summary [data-sp=cancel-game]{font-size:12px!important;min-height:44px!important;border:0!important;text-decoration:underline!important;padding:8px!important}
body #app .cp .sp-review{padding:20px!important;background:var(--gui-light)!important;color:var(--gui-ink)!important;margin:20px 0!important}
body #app .cp .sp-review h3{font-size:24px!important;line-height:1.2!important}
body #app .cp .sp-review p{font-size:14px!important;line-height:1.5!important}
body #app .cp .sp-review button{background:var(--gui-ink)!important;color:var(--gui-accent)!important}
@media(max-width:1100px){body #app .cp .cp-match{grid-template-columns:24px 155px minmax(0,1fr) 75px 44px!important;gap:14px!important;padding:20px 0!important}
body #app .cp .match-players{display:none!important}
body #app .cp .tt-live-grid .match-players{display:grid!important}
body #app .cp .cp-match h3{font-size:25px!important}
body #app .cp .club-hero{grid-template-columns:1fr 1fr!important;gap:24px!important}
body #app .cp .club-intro h1{font-size:42px!important}
body #app .cp .club-detail-layout{grid-template-columns:minmax(0,1fr) 260px!important;gap:20px!important}
body #app .cp .cb-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body #app .cp .game-detail{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important}
body #app .cp .cp-game-heading h1{font-size:52px!important}
body #app .cp .profile-dashboard{grid-template-columns:minmax(0,1fr) 280px!important;gap:24px!important}
body #app .cp .sp-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body #app .cp .hero-bottom{flex-direction:column!important;align-items:start!important}
body #app .cp .tt-live-grid[data-tt-games]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){body #app .cp h1{font-size:44px!important;letter-spacing:-1.8px!important}
body #app .cp h2{font-size:32px!important}
body #app .cp .hero h1{font-size:18vw!important;line-height:.92!important;margin:22px 0!important;letter-spacing:-3px!important}
body #app .cp .hero-art{min-height:0!important;aspect-ratio:1.5!important}
body #app .cp .hero-bottom{flex-direction:row!important;align-items:center!important}
body #app .cp .hero-bottom p{font-size:12px!important}
body #app .cp .rally-strip{justify-content:start!important}
body #app .cp .tt-live-grid[data-tt-games]{grid-template-columns:minmax(0,1fr)!important}
body #app .cp .tt-live-grid .cp-match{padding:18px!important;gap:12px!important}
body #app .cp .tt-live-grid .match-location{width:100%!important}
body #app .cp .cp-home-club{grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important}
body #app .cp .cp-home-club>img,body #app .cp .cp-home-club .club-number{width:48px!important;height:64px!important}
body #app .cp .cp-home-club h3{font-size:19px!important}
body #app .cp .cp-home-club p{font-size:11px!important}
body #app .cp .cp-home-club .club-cta{grid-column:2!important;margin-left:0!important;font-size:11px!important}
body #app .cp .cp-people{align-items:start!important;flex-direction:column!important}
body #app .cp .cp-people h2{font-size:30px!important}
body #app .cp .sp-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body #app .cp .cp-match{grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;padding:22px 0!important}
body #app .cp .cp-match .match-index{display:none!important}
body #app .cp .match-when{grid-column:1!important}
body #app .cp .match-level{grid-column:2!important;grid-row:1!important;font-size:10px!important}
body #app .cp .match-location{grid-column:1!important}
body #app .cp .match-arrow{grid-column:2!important;grid-row:2!important}
body #app .cp .cp-match h3{font-size:30px!important}
body #app .cp .cp-match h4{font-size:15px!important}
body #app .cp .profile-top{flex-wrap:wrap!important;padding:28px 0 22px!important}
body #app .cp .profile-person{gap:14px!important;min-width:0!important}
body #app .cp .profile-top .avatar{width:54px!important;height:64px!important;min-width:54px!important;font-size:22px!important}
body #app .cp .profile-top h1{font-size:30px!important;overflow-wrap:anywhere!important}
body #app .cp .profile-top .eyebrow{font-size:8px!important}
body #app .cp .profile-top p{font-size:11px!important}
body #app .cp .profile-top>.text-link{margin-left:68px!important;padding:0!important;min-height:32px!important;font-size:11px!important}
body #app .cp .profile-dashboard{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
body #app .cp .level-panel{display:block!important;padding:24px!important}
body #app .cp .level-panel .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body #app .cp .profile-links{gap:8px 16px!important}
body #app .cp .profile-links a{font-size:11px!important}
body #app .cp .availability-controls{flex-wrap:wrap!important;gap:10px!important}
body #app .cp .availability-controls label{flex:1!important;min-width:0!important}
body #app .cp .availability-controls button{width:100%!important;margin-top:4px!important}
body #app .cp .availability-week-days{gap:4px!important}
body #app .cp .availability-week-days button{min-height:64px!important;padding:10px 2px!important}
body #app .cp .availability-week-days button>strong{font-size:13px!important}
body #app .cp .availability-week-days button>span{font-size:9px!important}
body #app .cp .history-row{grid-template-columns:26px minmax(0,1fr) 32px!important;gap:10px!important}
body #app .cp .history-row .outcome-text{grid-column:2!important;font-size:10px!important}
body #app .cp .match-history .section-heading{flex-wrap:wrap!important}
body #app .cp .club-hero{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
body #app .cp .cp-club-visual .venue-gallery{min-height:0!important}
body #app .cp .cp-club-visual .venue-gallery-main{height:230px!important}
body #app .cp .cp-no-photo{min-height:200px!important}
body #app .cp .club-intro h1{font-size:44px!important;overflow-wrap:anywhere!important}
body #app .cp .club-detail-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;margin:32px 0!important}
body #app .cp .venue-book{position:relative!important;top:0!important}
body #app .cp .cb-heading{align-items:start!important;flex-direction:column!important;gap:8px!important}
body #app .cp .cb-heading h2{font-size:28px!important}
body #app .cp .court-time-filter{gap:12px!important}
body #app .cp .court-time-filter label{flex-basis:45%!important}
body #app .cp .court-time-filter button[type=submit]{width:100%!important;justify-content:space-between!important}
body #app .cp .cb-toolbar{flex-wrap:wrap!important;gap:12px!important}
body #app .cp .cb-navigation{width:100%!important;justify-content:space-between!important}
body #app .cp .cb-court-heading{flex-wrap:wrap!important}
body #app .cp .cb-price{font-size:13px!important}
body #app .cp .cb-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body #app .cp .cb-slot-time{font-size:15px!important}
body #app .cp .game-detail{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
body #app .cp .cp-game-heading h1{font-size:44px!important;overflow-wrap:anywhere!important}
body #app .cp .cp-game-heading .detail-header h1{font-size:36px!important}
body #app .cp .cp-game-heading .venue-subtitle{font-size:14px!important;align-items:start!important}
body #app .cp .booking-summary{position:relative!important;top:0!important;padding:24px!important}
body #app .cp .tt-lineup-panel .section-heading h2{font-size:26px!important}
body #app .cp .sp-teams{gap:10px!important}
body #app .cp .sp-slot{padding:16px!important;min-height:180px!important;gap:14px!important}
body #app .cp .sp-slot>strong{font-size:18px!important}
body #app .cp .tt-lineup-panel .section-heading>span{font-size:11px!important}
body #app .cp .booking-summary .summary-price strong{font-size:38px!important}
}
@media(max-width:370px){body #app .cp .hero-bottom{flex-direction:column!important;align-items:start!important}
body #app .cp .hero-bottom>.button{width:100%!important}
body #app .cp .profile-top h1{font-size:26px!important}
body #app .cp .cp-game-heading h1{font-size:36px!important}
body #app .cp .cp-match h3{font-size:26px!important}
}
body #app .cp .availability-week-days button{min-width:0!important;width:100%!important;overflow-wrap:anywhere!important}
body #app .cp .availability-week-days button strong{white-space:normal!important}
body #app .cp-home{box-sizing:border-box!important;width:calc(100% - 2 * var(--gui-gutter))!important;max-width:var(--gui-content-width)!important;padding-inline:0!important;margin-inline:auto!important}
body #app .cp .availability{display:block!important;max-width:none!important;width:100%!important;min-width:0!important;background:transparent!important;color:var(--gui-text)!important;padding:32px 0 0!important;border:0!important}
body #app .cp .availability>.section-heading{display:flex!important;justify-content:space-between!important;width:100%!important;max-width:none!important;margin-bottom:24px!important}
body #app .cp .cp-availability-form{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
body #app .cp .next-game{display:grid!important;width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important}
body #app .cp .cp-availability-form>.availability-week{width:100%!important;max-width:none!important;color:var(--gui-text)!important}
body #app .cp .availability-week-head{color:var(--gui-muted)!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer{padding-top:32px!important;margin-top:40px!important;padding-bottom:24px!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer .footer-columns{gap:24px!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer h2{font-size:14px!important;line-height:20px!important;margin-bottom:12px!important;letter-spacing:0!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer .footer-columns :is(a,button){font-size:12px!important;line-height:18px!important;min-height:36px!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer :is(.footer-columns nav,.footer-languages){gap:2px!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer .footer-invitation p{font-size:16px!important;line-height:24px!important;margin-bottom:12px!important}
body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer .footer-wordmark{font-size:48px!important;line-height:1!important;letter-spacing:-2px!important;margin:28px 0 20px!important}
@media(max-width:700px){body #app .cp .next-game{grid-template-columns:minmax(0,1fr)!important}body #app .cp .availability-week-days button strong{font-size:11px!important}body #app :is(.public-site:has(.cp-home),.editorial-app:has(.cp)) .graemo-footer .footer-columns{grid-template-columns:1fr 1fr!important;gap:20px!important}}
body #app .cp.cp-club :is(.cb-heading h2,.cb-court-heading h3,.venue-book h2,.venue-book .tiny-label,[data-time-range]){color:var(--gui-text)!important}
body #app .cp.cp-game .tt-lineup-panel .section-heading>span{background:transparent!important;color:var(--gui-muted)!important;padding:0!important}
body #app .editorial-app:has(.cp) .editorial-main{padding-bottom:32px!important}
body #app .cp .profile-top .avatar{background:var(--cp-avatar-color,var(--gui-accent))!important}