.mk-sp-page{--sp-green:#1a6b3c;--sp-green-deep:#0d4933;--sp-tint:#e8f1ec;--sp-ink:#101418;--sp-muted:#4a5361;--sp-subtle:#98a0ad;--sp-surface:#f4f5f7;--sp-border:#e4e7ec;--sp-ball:#8f8eef;--sp-heart:#ec4899}.mk-sp-page .mk-pp-ui,.mk-sp-page .mk-pp-split-visual .mk-pp-ui,.mk-sp-page .mk-pp-closing-icon,.mk-sp-page .mk-beta-buddy-bubble{box-shadow:none}.mk-sp-page .mk-beta-buddy-figure{filter:none}.mk-sp-page .mk-pp-hero .mk-app-hero-visual{background:radial-gradient(90% 80% at 100% 100%, #8a7bff, transparent 70%), var(--mk-accent);min-height:520px;padding:0;overflow:hidden}.mk-sp-hero{flex:1;min-height:520px;position:relative}.mk-sp-hero-phone{width:min(48%,290px);height:auto;position:absolute;top:40px;right:12%;rotate:3deg}.mk-sp-hero-card{z-index:2;width:min(62%,270px);color:var(--sp-ink);background:#fff;border-radius:18px;gap:12px;padding:16px;font-size:13px;display:grid;position:absolute;bottom:13%;left:7%}.mk-sp-joined{background:var(--sp-tint);color:var(--sp-green);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:6px 11px;font-weight:700;display:inline-flex}.mk-sp-ui{color:var(--sp-ink)}.mk-sp-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.mk-sp-top b{letter-spacing:-.01em;font-size:1.12em;font-weight:750}.mk-sp-top small{color:var(--sp-subtle);align-items:center;gap:4px;font-size:.92em;display:inline-flex}.mk-sp-sport{background:var(--sp-green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.mk-sp-chips{flex-wrap:wrap;gap:6px;display:flex}.mk-sp-chips i{background:var(--sp-surface);color:var(--sp-muted);border-radius:999px;padding:4px 10px;font-style:normal;font-weight:600}.mk-sp-chiprow{gap:6px;display:flex;overflow:hidden}.mk-sp-chiprow i{background:var(--sp-surface);color:var(--sp-muted);border:1.5px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-style:normal;font-weight:650;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.mk-sp-chiprow i[data-on]{border-color:var(--sp-ink);color:var(--sp-ink);background:#fff}.mk-sp-btn{background:var(--sp-green);color:#fff;letter-spacing:.02em;text-align:center;border-radius:999px;place-items:center;padding:11px 14px;font-size:1.02em;font-weight:750;display:grid}.mk-sp-btn>span{grid-area:1/1;align-items:center;gap:6px;display:inline-flex}.mk-sp-btn [data-ok]{opacity:0}.mk-sp-input{border:1px solid var(--sp-border);border-radius:10px;gap:3px;padding:8px 11px;display:grid}.mk-sp-input span{color:var(--sp-subtle);font-size:.85em}.mk-sp-input b{min-height:1.4em;font-weight:650}.mk-sp-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mk-sp-row>span:first-child{color:var(--sp-muted);font-weight:600}.mk-sp-opts{gap:5px;display:flex}.mk-sp-opts i{background:var(--sp-surface);min-width:32px;height:30px;color:var(--sp-muted);border-radius:9px;place-items:center;padding:0 6px;font-style:normal;font-weight:700;display:grid;position:relative}.mk-sp-opts--wide i{padding:0 10px}.mk-sp-opts [data-sel]{border-radius:inherit;background:var(--sp-ink);color:#fff;place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.mk-sp-meta{color:var(--sp-muted);flex-wrap:wrap;gap:14px;font-weight:600;display:flex}.mk-sp-meta span{align-items:center;gap:6px;display:inline-flex}.mk-sp-balls{gap:3px;display:inline-flex}.mk-sp-balls i{border:1.5px solid var(--sp-subtle);background:#fff;border-radius:50%;width:10px;height:10px}.mk-sp-balls i[data-on]{border-color:var(--sp-green-deep);background:var(--sp-ball)}.mk-sp-match-head{align-items:center;gap:10px;display:flex}.mk-sp-match-head>span:last-child{gap:2px;display:grid}.mk-sp-match-head b{font-size:1.12em;font-weight:750}.mk-sp-match-head small{color:var(--sp-muted);align-items:center;gap:4px;display:inline-flex}.mk-sp-slots{justify-content:space-between;align-items:center;gap:10px;display:flex}.mk-sp-slots small{color:var(--sp-muted);font-size:.95em}.mk-sp-slots small b{color:var(--sp-ink)}.mk-sp-avatars{gap:6px;display:flex}.mk-sp-avatars i{background:var(--sp-green);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:750;display:grid}.mk-sp-avatars i[data-own]{background:var(--sp-ball)}.mk-sp-avatars i[data-free]{border:1.5px dashed var(--sp-border);background:0 0;position:relative}.mk-sp-avatars i[data-free]>i{position:absolute;inset:-1.5px}.mk-sp-mapbox{border-radius:10px;height:150px;position:relative;overflow:hidden}.mk-sp-map{width:100%;height:100%;position:absolute;inset:0}.mk-sp-pin{transform-origin:50% 100%;position:absolute;translate:-50% -100%}.mk-sp-pin>span{background:var(--sp-green);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.mk-sp-pin:after{content:"";border:5px solid #0000;border-top-color:var(--sp-green);border-bottom:0;position:absolute;bottom:-5px;left:50%;translate:-50%}.mk-sp-me{background:#2f80ed;border:3px solid #fff;border-radius:50%;outline:6px solid #2f80ed2e;width:14px;height:14px;position:absolute;top:55%;left:52%}.mk-sp-near{text-align:center;font-size:1.1em;font-weight:650}.mk-sp-near b{color:var(--sp-green);font-size:1.2em}.mk-sp-add{align-content:start;min-height:300px}.mk-sp-attrs{align-content:start;gap:8px;min-height:68px;display:grid}.mk-sp-toast{z-index:3;background:var(--sp-ink);color:#fff;opacity:0;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:92%;padding:10px 16px;font-size:13.5px;font-weight:650;display:inline-flex;position:absolute;bottom:-18px;left:50%;translate:-50%}.mk-sp-toast svg{color:var(--mk-green);flex-shrink:0}.mk-sp-courts{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.mk-sp-court-copy{min-height:15.5em}.mk-sp-art-button{border-radius:var(--mk-r-section);cursor:pointer;width:100%;transition:scale .3s var(--mk-ease-pop);background:0 0;border:0;padding:0;display:block}.mk-sp-art-button:active{scale:.985}.mk-sp-art-button:focus-visible{outline:2px solid var(--mk-accent);outline-offset:4px}.mk-sp-art{aspect-ratio:2783.56/1565.75;border-radius:var(--mk-r-section);color:#e8f2f5;background:#0d4933;position:relative;overflow:hidden;container-type:inline-size}.mk-sp-art-court{position:absolute}.mk-sp-art-court svg{width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.mk-sp-art-mask{z-index:1;background:#0d4933;position:absolute}.mk-sp-art-logo{z-index:2;aspect-ratio:1074.56/214.81;position:absolute;left:50%;translate:-50% -50%}.mk-sp-art-logo>svg{width:100%;height:100%;display:block}.mk-sp-art-ball{aspect-ratio:1;color:#0d4933;background:#8f8eef;border-radius:50%;position:absolute;top:1%;overflow:hidden}.mk-sp-art-ball>span{display:block;position:absolute;inset:0}.mk-sp-art-ball svg{width:100%;height:100%;display:block}.mk-sp-art-ball .mk-sp-art-icon{fill:currentColor;width:62%;height:62%;position:absolute;inset:19%}.mk-sp-art-title{z-index:3;writing-mode:vertical-rl;letter-spacing:.02em;font-size:1.906cqw;font-weight:500;line-height:1;position:absolute}.mk-sp-court-copy h3{font-size:var(--mk-text-h3);letter-spacing:-.035em;font-weight:700}.mk-sp-court-copy>p{color:var(--mk-muted);margin-top:12px;font-size:18px;line-height:1.55}.mk-sp-court-copy dl{gap:10px;margin-top:24px;display:grid}.mk-sp-court-copy dl div{border-radius:var(--mk-r-small);background:var(--mk-lavender-soft);gap:2px;padding:12px 16px;display:grid}.mk-sp-court-copy dt{color:var(--mk-subtle);font-size:14px}.mk-sp-court-copy dd{font-weight:650}.mk-sp-vs .mk-ba-card{gap:0}.mk-sp-chat{flex-direction:column;justify-content:flex-end;gap:8px;height:330px;margin-top:26px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}.mk-sp-chat p{animation:mk-sp-bubble .35s var(--mk-ease-pop) both;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.mk-sp-chat i{color:#8d8a97;background:#e7e6ec;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:750;display:grid}.mk-sp-chat span{background:var(--mk-silver);color:#6f6d78;border-radius:18px 18px 18px 4px;padding:9px 14px;font-size:15px;font-weight:550}@keyframes mk-sp-bubble{0%{opacity:0;transform:translateY(10px)scale(.9)}}.mk-sp-vs-match{gap:14px;width:min(100%,380px);margin:auto auto 0;padding:20px;font-size:14px}.mk-sp-vs .mk-ba-card--after{justify-content:flex-start}.mk-sp-vs .mk-ba-card--after .mk-sp-vs-match{margin-top:26px}.mk-sp-spot{gap:12px;position:relative;overflow:hidden}.mk-sp-spot-head{align-items:center;gap:10px;display:flex}.mk-sp-spot-head>span:nth-child(2){flex:1;gap:2px;display:grid}.mk-sp-spot-head b{font-size:1.15em;font-weight:750}.mk-sp-spot-head small{color:var(--sp-muted);align-items:center;gap:4px;display:inline-flex}.mk-sp-fav{background:var(--sp-surface);width:36px;height:36px;color:var(--sp-ink);border-radius:50%;place-items:center;display:grid}.mk-sp-fav[data-on]{color:var(--sp-heart)}.mk-sp-fav[data-on] svg{fill:var(--sp-heart)}.mk-sp-chips i{align-items:center;gap:4px;display:inline-flex}.mk-sp-chips i[data-verified]{background:var(--sp-tint);color:var(--sp-green)}.mk-sp-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mk-sp-field{background:var(--sp-surface);border-radius:10px;gap:4px;padding:9px 11px;font-weight:700;display:grid}.mk-sp-field span{color:var(--sp-subtle);font-size:.85em;font-weight:500}.mk-sp-spot-actions{grid-template-columns:1.3fr 1fr;gap:8px;margin-top:2px;display:grid}.mk-sp-spot-actions b,.mk-sp-spot-actions em{border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 12px;font-style:normal;font-weight:750;display:flex}.mk-sp-spot-actions b{background:var(--sp-green);color:#fff;letter-spacing:.02em}.mk-sp-spot-actions em{background:var(--sp-surface);color:var(--sp-ink)}.mk-sp-dim{opacity:0;background:#10141859;position:absolute;inset:0}.mk-sp-sheet{gap:6px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(110%)}.mk-sp-sheet p{color:#2f6fdb;text-align:center;background:#fff;border-radius:12px;padding:12px;font-size:1.1em;font-weight:600;position:relative}.mk-sp-sheet [data-pick]{color:var(--sp-green);opacity:0;display:grid;position:absolute;top:50%;right:14px;translate:0 -50%}.mk-sp-sheet .mk-sp-sheet-cancel{margin-top:2px;font-weight:750}.mk-sp-steps .mk-step-ui{font-size:12.5px}.mk-sp-create,.mk-sp-join{gap:11px}.mk-sp-rank{gap:14px;width:min(100%,360px);font-size:13px}.mk-sp-rank-head{align-items:center;gap:12px;display:flex}.mk-sp-rank-avatar{background:var(--sp-ball);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:750;display:grid}.mk-sp-rank-name{flex:1;min-width:0;display:grid}.mk-sp-rank-name small{color:var(--sp-subtle)}.mk-sp-rank-name span{display:grid}.mk-sp-rank-name b{letter-spacing:-.02em;grid-area:1/1;font-size:1.35em;font-weight:750}.mk-sp-rank-name [data-new]{color:var(--sp-green);opacity:0}.mk-sp-rank-badge{background:var(--sp-surface);width:40px;height:40px;color:var(--sp-subtle);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mk-sp-rank-badge[data-up]{color:#e0a100;background:#fff4d6}.mk-sp-rank-bar{gap:6px;display:grid}.mk-sp-rank-bar>span{background:var(--sp-surface);border-radius:99px;height:8px;overflow:hidden}.mk-sp-rank-bar i{border-radius:inherit;background:var(--sp-green);transform-origin:0;width:100%;height:100%;display:block}.mk-sp-rank-bar small{color:var(--sp-muted);display:grid}.mk-sp-rank-bar small span{grid-area:1/1}.mk-sp-rank-bar [data-next]{opacity:0}.mk-sp-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mk-sp-stats p{background:var(--sp-surface);border-radius:12px;gap:1px;padding:10px;display:grid}.mk-sp-stats b{letter-spacing:-.02em;font-size:1.45em;font-weight:750}.mk-sp-stats span{color:var(--sp-muted)}.mk-sp-places{gap:8px;display:grid}.mk-sp-places>small{color:var(--sp-subtle)}.mk-sp-places p{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.mk-sp-places p>span{background:var(--sp-surface);border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.mk-sp-places p>span i{border-radius:inherit;background:var(--sp-ball);transform-origin:0;height:100%;display:block}.mk-sp-places b{font-weight:650}.mk-sp-places em{color:var(--sp-muted);font-style:normal;font-weight:650}.mk-sp-rank-stage .mk-sp-toast svg{color:#ffc93c}@media (prefers-reduced-motion:reduce){.mk-sp-chat p{animation:none}}@media (max-width:900px){.mk-sp-courts{grid-template-columns:1fr}.mk-sp-chat{height:290px}.mk-sp-page .mk-pp-hero .mk-app-hero-visual,.mk-sp-hero{min-height:420px}.mk-sp-hero-phone{width:min(46%,230px);top:28px;right:6%}.mk-sp-hero-card{bottom:9%;left:5%}}@media (max-width:640px){.mk-sp-grid{grid-template-columns:1fr 1fr}.mk-sp-row{flex-wrap:wrap}}