.mp-demo{--surface: #f5efe4;--card: #fcfaf4;--ink: #1a1a1a;--muted: #444;--faint: #999;--border: #e0d8cb;--accent: #2e4a3b;--accent-soft: #e7eae2;--shadow: 0 1px 2px rgba(26, 26, 26, .04), 0 10px 24px rgba(26, 26, 26, .04);--ease: cubic-bezier(.16, 1, .3, 1);display:flex;flex-direction:column;align-items:center}.mp-phone{width:min(412px,100%);border:1px solid #e3ddd0;border-radius:34px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.mp-status{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 6px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--ink)}.mp-status-glyphs{display:inline-flex;align-items:center;gap:6px}.mp-status-glyphs svg{width:15px;height:11px;display:block}.mp-status-glyphs svg:last-child{width:19px}.mp-screen{min-height:720px;display:flex;flex-direction:column;font-family:Inter,sans-serif}.mp-head{display:flex;flex-direction:column;gap:5px;padding:14px 20px 16px;flex-shrink:0}.mp-mark{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.mp-mark-ball{width:15px;height:15px;flex-shrink:0}.mp-title{margin:0;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}.mp-sub{margin:0;font-size:14px;font-weight:400;color:var(--muted)}.mp-list{display:flex;flex-direction:column;gap:12px;padding:0 20px 24px}.mp-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.mp-scroll::-webkit-scrollbar{display:none}.mp-card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px}.mp-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-court{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:19px;color:var(--ink)}.mp-level{flex-shrink:0;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 10px}.mp-detail{font-size:13px;color:var(--muted)}.mp-players{font-size:13px;color:var(--faint)}.mp-players.mp-urgent{color:var(--accent);font-weight:600}.mp-book{width:100%;border:0;border-radius:999px;background:var(--accent);color:#fff;padding:11px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}.mp-book:hover{background:#25402f}.mp-book:active{transform:scale(.99)}.mp-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:0 20px}.mp-foot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}.mp-cta{width:100%;border:0;border-radius:999px;background:var(--accent);color:#fff;padding:15px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}.mp-cta:hover{background:#25402f}.mp-cta:active{transform:scale(.99)}.mp-foot-note{margin:0;text-align:center;font-size:12px;color:var(--faint)}.mp-foot-status{margin:0;text-align:center;font-size:13px;font-weight:500;color:var(--muted)}.mp-text-btn{border:0;background:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--accent);cursor:pointer;padding:2px}.mp-summary{box-shadow:var(--shadow)}.mp-players-head{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.mp-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.mp-chips{display:flex;flex-wrap:wrap;gap:8px}.mp-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:8px 13px;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}.mp-chip-name{line-height:1}.mp-chip-x{font-size:15px;color:#b0a99b}.mp-chip-host{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.mp-chip-host .mp-chip-tag{font-size:11px;font-weight:500;color:#a9c2b2}.mp-chip-add{background:transparent;border-style:dashed;border-color:var(--accent);color:var(--accent);font-weight:600}.mp-chip-add.on{background:var(--accent-soft);border-style:solid}.mp-invite-list{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:mp-rise .28s var(--ease) both}.mp-invite-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-top:1px solid var(--border);background:transparent;padding:12px 14px;font-family:inherit;cursor:pointer;transition:background .2s var(--ease)}.mp-invite-row:first-child{border-top:0}.mp-invite-row:hover{background:#2e4a3b0d}.mp-invite-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.mp-invite-name{flex:1;font-size:14px;font-weight:500;color:var(--ink)}.mp-invite-add{font-size:13px;font-weight:600;color:var(--accent)}.mp-timeline{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:22px 20px}.mp-step{display:flex;align-items:flex-start;gap:13px;transition:opacity .4s var(--ease)}.mp-step:not(.on):not(.active){opacity:.55}.mp-dot{width:22px;height:22px;border-radius:50%;border:2px solid #d4cec1;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:background .35s var(--ease),border-color .35s var(--ease)}.mp-step.on .mp-dot{background:var(--accent);border-color:var(--accent)}.mp-step.active .mp-dot{border-color:var(--accent)}.mp-dot-tick{width:13px;height:13px}.mp-step-meta{display:flex;flex-direction:column;gap:2px;padding-top:1px}.mp-step-k{font-size:15px;font-weight:600;color:var(--ink)}.mp-step:not(.on) .mp-step-k{color:var(--faint);font-weight:500}.mp-step.active .mp-step-k{color:var(--accent)}.mp-step-v{font-size:13px;color:var(--faint)}.mp-spine{width:2px;height:16px;margin:3px 0 3px 10px;background:#d4cec1;transition:background .4s var(--ease)}.mp-spine.on{background:var(--accent)}.mp-confirmed{align-items:stretch}.mp-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 32px 24px}.mp-check{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.mp-check-tick{width:30px;height:30px}.mp-confirm-title{margin:0;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.1;color:var(--ink);text-align:center}.mp-confirm-sub{margin:0;max-width:30ch;text-align:center;font-size:15px;color:var(--muted)}.mp-receipt{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.mp-receipt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.mp-confirmed-tag{flex-shrink:0;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 10px}.mp-receipt-rows{display:flex;flex-direction:column;gap:13px;padding:16px 18px}.mp-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.mp-row-k{font-size:14px;color:var(--faint)}.mp-row-v{font-size:14px;font-weight:500;color:var(--ink);text-align:right}.mp-toast{display:flex;align-items:center;gap:8px;width:100%;border-radius:12px;background:var(--accent-soft);color:var(--accent);padding:11px 14px;font-size:13px;font-weight:500;animation:mp-rise .28s var(--ease) both}.mp-toast-tick{width:16px;height:16px;flex-shrink:0}.mp-tabbar{display:flex;flex-shrink:0;border-top:1px solid var(--border);background:var(--surface);padding-bottom:4px}.mp-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:10px 4px 8px;font-family:inherit;font-size:10.5px;font-weight:500;color:var(--faint);cursor:pointer;transition:color .2s var(--ease)}.mp-tab.on{color:var(--accent)}.mp-tab-ico{position:relative;display:inline-flex}.mp-tab-ico svg{width:23px;height:23px;display:block}.mp-tab-badge{position:absolute;top:-5px;right:-8px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;line-height:15px;text-align:center}.mp-tab-label{line-height:1}.mp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;text-align:center}.mp-empty-text{margin:0;font-size:14px;color:var(--faint)}.reveal{opacity:0;transform:translateY(8px)}.reveal.in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}@keyframes mp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mp-book,.mp-cta,.mp-step,.mp-dot,.mp-spine,.mp-invite-list,.mp-toast,.mp-tab,.reveal,.reveal.in{transition:none;animation:none}}.mp-standalone{--surface: #f5efe4;--ink: #1a1a1a;--muted: #444;--faint: #999;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:clamp(20px,4vw,44px) 16px 44px;background:var(--surface);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;line-height:1.55;-webkit-font-smoothing:antialiased}.mp-standalone *,.mp-standalone *:before,.mp-standalone *:after{box-sizing:border-box}.mp-score{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(1.05rem,2.2vw,1.3rem);letter-spacing:-.01em;color:var(--ink);text-align:center;margin:28px 0 0;max-width:40ch}.mp-note{margin:18px 0 0;font-size:.85rem;font-style:italic;color:#6f6a5e;text-align:center;max-width:56ch}@media(max-width:520px){.mp-standalone{padding:8px 0 32px}.mp-standalone .mp-phone{width:100%;border:0;border-radius:0}.mp-standalone .mp-status{display:none}.mp-standalone .mp-screen{min-height:calc(100svh - 170px)}.mp-standalone .mp-score,.mp-standalone .mp-note{padding-inline:18px}}.mp-standalone.mp-embed{min-height:0;padding:40px 12px;background:transparent}.mp-standalone.mp-embed .mp-phone{width:428px;height:926px;flex-shrink:0;border:1px solid #e3ddd0;border-radius:44px;box-shadow:0 12px 44px #1a1a1a1f}.mp-standalone.mp-embed .mp-status{display:flex}.mp-standalone.mp-embed .mp-screen{flex:1;min-height:0}@media(max-width:451px){.mp-standalone.mp-embed .mp-phone{width:100%;height:auto}.mp-standalone.mp-embed .mp-screen{flex:none;min-height:640px}}