/* Match tab + its sheets (4 Nov, match.js). Same look as My Journal (white cards on Apple grey, purple), one main button per sheet.
   The tab keeps the trophy icon; the old Trophies page is still there as the cabinet (Profile → My trophies). */
.app[data-tab=match]{background:#F2F2F7 !important}
.app[data-tab=match] .bar{display:none}
.app[data-tab=match] .scroll.plain{background:transparent}
.app[data-tab=match] .mt{padding-top:max(58px,calc(env(safe-area-inset-top) + 14px))}
.tabs button[data-tab=match] .ti img{--ts:var(--ts-rewards,.94);--ty:var(--ty-rewards,-2px)}
.tabs button.on[data-tab=match] .tl{color:#7C3AED}

.mc .mt-h{margin-bottom:2px}
.mc-sub{margin:0 2px 16px;color:#6E6E73;font-size:16px;font-weight:700}
.mc-q{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px #7C3AED,0 10px 24px -16px rgba(76,58,170,.5);color:#7C3AED;cursor:text}
.mc-q svg{flex:none;width:22px;height:22px}
.mc-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:17px;font-weight:700;color:#101B40}
.mc-q input::placeholder{color:#8E8E93;font-weight:700}
.mc-q input::-webkit-search-cancel-button{display:none}
.mc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mc-chips button{height:40px;padding:0 15px;border:0;border-radius:99px;background:#fff;box-shadow:0 1px 2px rgba(16,27,64,.06),0 0 0 1px #E8E6F2 inset;font:inherit;font-size:14.5px;font-weight:800;color:#101B40;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.36,.5,1)}
.mc-chips button:active,.mc-row:active,.mc-card:active,.mc-after:active{transform:scale(.97)}
.mc-res{margin-top:10px;padding:6px;border-radius:20px;background:#fff;box-shadow:var(--jn-card)}
.mc-res .mc-row{box-shadow:none;margin:0}
.mc-res .mc-row+.mc-row{border-top:1px solid #F0EFF5;border-radius:0}
.mc-none{padding:16px}
.mc-none b{font-size:16px;font-weight:900}
.mc-none p{margin:4px 0 0;color:#6E6E73;font-size:14.5px;font-weight:700}
.mc-fine{margin:12px 2px 0;color:#8E8E93;font-size:13px;font-weight:700;line-height:1.4}

.mc-sec{display:flex;align-items:center;justify-content:space-between}
.mc-sec .c4-link{display:inline-flex;align-items:center;gap:4px;margin-top:14px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:800;color:#7C3AED;cursor:pointer}
.mc-sec .c4-link svg{width:14px;height:14px}
.mc-row{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 8px;padding:10px 12px;border:0;border-radius:18px;background:#fff;box-shadow:var(--jn-card);text-align:left;font:inherit;color:#101B40;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.36,.5,1)}
.mc-row>svg{flex:none;width:18px;height:18px;color:#C7C7CC}
.mc-ri{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#F1EAFF}
.mc-ri img{max-width:40px;max-height:40px;object-fit:contain}
.mc-rb{flex:1;min-width:0}
.mc-rb b{display:block;font-size:16px;font-weight:800;line-height:1.25}
.mc-rb small{display:block;margin-top:2px;color:#6E6E73;font-size:13px;font-weight:700}

.mc-card{display:flex;align-items:center;gap:12px;width:100%;margin-top:20px;padding:16px 14px 16px 18px;border:0;border-radius:22px;text-align:left;font:inherit;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.36,.5,1)}
.mc-card img{flex:none;width:74px;height:74px;object-fit:contain}
.mc-card small{display:block;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mc-card .mc-rb b{margin-top:3px;font-size:20px;font-weight:900;letter-spacing:-.02em}
.mc-card .mc-rb span{display:block;margin-top:2px;font-size:15px;font-weight:700}
.mc-ready{background:linear-gradient(181deg,#3DD68C,#1FB574);box-shadow:0 3px 0 #17945E;color:#fff}
.mc-ready small,.mc-ready .mc-rb span{color:rgba(255,255,255,.85)}
.mc-how{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px #FFD27A inset,var(--jn-card)}
.mc-how .mc-ri{background:#FFF4DB}
.mc-pill{flex:none;height:36px;padding:0 14px;border:0;border-radius:99px;background:#7C3AED;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.mc-after{display:flex;align-items:center;gap:12px;width:100%;margin-top:22px;padding:8px 12px;border:0;border-radius:18px;background:none;text-align:left;font:inherit;color:#101B40;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.36,.5,1)}
.mc-after img{width:44px;height:44px;object-fit:contain}
.mc-after span{flex:1}
.mc-after b{display:block;font-size:16px;font-weight:800}
.mc-after small{display:block;color:#6E6E73;font-size:13px;font-weight:700}
.mc-after>svg{width:18px;height:18px;color:#C7C7CC}

/* sheets */
.mc-sh{color:#101B40}
.mc-sh-h{display:flex;align-items:center;gap:12px;margin:4px 0 12px}
.mc-sh-h img{flex:none;width:56px;height:56px;object-fit:contain}
.mc-sh-h small{display:block;color:#7C3AED;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mc-sh-h b{display:block;margin-top:2px;font-size:21px;font-weight:900;line-height:1.2;letter-spacing:-.02em}
.mc-feel{margin:0 0 12px;color:#3A3A4A;font-size:16px;font-weight:700;line-height:1.45}
.mc-qh{margin:4px 0 10px;font-size:18px;font-weight:900}
.mc-opts{display:flex;flex-direction:column;gap:8px}
.mc-opts button{min-height:52px;padding:10px 16px;border:0;border-radius:16px;background:#F4F2FA;font:inherit;font-size:16px;font-weight:800;color:#101B40;text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.36,.5,1),background .2s}
.mc-opts button:active{transform:scale(.97)}
.mc-opts button.on{background:#7C3AED;color:#fff}
.mc-opts button.ns{background:none;box-shadow:0 0 0 1.5px #E5E3EE inset;color:#6E6E73}
.mc-opts.fb{display:grid;grid-template-columns:1fr 1fr}
.mc-opts.fb button{text-align:center}
.mc-box{margin:0 0 12px;padding:14px 16px;border-radius:18px;background:#F7F6FB}
.mc-box h4{margin:0 0 6px;color:#6E6E73;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mc-box p{margin:0;font-size:15.5px;font-weight:700;line-height:1.45;color:#3A3A4A}
.mc-box p+p{margin-top:6px}
.mc-try{margin:0 0 12px;padding:16px;border-radius:20px;background:#F1EAFF}
.mc-try small{display:block;color:#7C3AED;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mc-try b{display:block;margin-top:3px;font-size:20px;font-weight:900;line-height:1.2;letter-spacing:-.02em}
.mc-try p{margin:6px 0 0;font-size:16px;font-weight:700;line-height:1.45;color:#2A2D4A}
.mc-test{display:flex;gap:8px;align-items:flex-start;color:#5B21B6 !important}
.mc-test svg{flex:none;width:18px;height:18px;margin-top:2px}
.mc-drq{display:flex;align-items:center;gap:12px;margin:0 0 4px;padding:12px 14px;border-radius:16px;box-shadow:0 0 0 1.5px #ECEAF3 inset}
.mc-drq span{flex:1;min-width:0}
.mc-drq b{display:block;font-size:15.5px;font-weight:900}
.mc-drq small{display:block;color:#6E6E73;font-size:13px;font-weight:700}
.mc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#sheet .mc-two .b3{min-height:48px !important;margin-top:10px;padding:0 10px;border-radius:99px;background:#F2F2F7 !important;box-shadow:none !important;color:#101B40 !important;font-size:15px !important;white-space:nowrap}
.mc-link{display:block;margin:12px auto 0;border:0;background:none;font:inherit;font-size:14.5px;font-weight:800;color:#7C3AED;cursor:pointer}
.mc-list h4{margin:16px 2px 8px;color:#6E6E73;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mc-list .mc-row{box-shadow:0 0 0 1.5px #EFEDF5 inset}
.mc-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.mc-facts span{padding:6px 11px;border-radius:99px;background:#F4F2FA;font-size:13px;font-weight:800;color:#4B4B5C}
.mc-steps{margin:0 0 12px;padding-left:22px;font-size:16px;font-weight:700;line-height:1.45;color:#2A2D4A}
.mc-steps li+li{margin-top:6px}
.mc-nokit{margin:0 0 12px;padding:12px 14px;border-radius:16px;background:#F7F6FB}
.mc-nokit summary{font-size:15px;font-weight:900;color:#5B21B6;cursor:pointer}
.mc-nokit .mc-steps{margin:10px 0 0}
.mc-safe{display:flex;gap:8px;align-items:flex-start;margin:0 0 4px;color:#8A5A00;font-size:14px;font-weight:800;line-height:1.4}
.mc-safe svg{flex:none;width:18px;height:18px}
.mc-plan>div{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #F0EFF5}
.mc-plan i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#1FB574;color:#fff;font-style:normal;font-size:14px;font-weight:900}
.mc-plan small{display:block;color:#6E6E73;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mc-plan b{display:block;margin-top:2px;font-size:16.5px;font-weight:800;line-height:1.35}

/* Journal → Playbook */
.mc-pb{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px 6px 4px;border-radius:18px;background:#fff;box-shadow:var(--jn-card)}
.mc-pb>button:first-child{flex:1;min-width:0;padding:8px 10px;border:0;background:none;text-align:left;font:inherit;color:#101B40;cursor:pointer}
.mc-pb b{display:block;font-size:16px;font-weight:800;line-height:1.25}
.mc-pb small{display:block;margin-top:2px;color:#6E6E73;font-size:13px;font-weight:700}
.mc-x{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:none;color:#B5B5BD;cursor:pointer}
.mc-x svg{width:18px;height:18px}

/* the cabinet now opens from Profile: a way back */
.cab-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px 18px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:800;color:#7C3AED;cursor:pointer}
.cab-back svg{width:16px;height:16px}
.pf-tro{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:16px 16px 0;padding:12px 16px;border:0;border-radius:20px;background:#fff;box-shadow:0 1px 2px 0 rgba(16,24,40,.05),0 10px 24px -8px rgba(16,24,40,.12);text-align:left;font:inherit;color:#101B40;cursor:pointer}
.pf-tro img{width:48px;height:48px;object-fit:contain}
.pf-tro span{flex:1}
.pf-tro b{display:block;font-size:17px;font-weight:900}
.pf-tro small{display:block;color:#6E6E73;font-size:13px;font-weight:700}
.pf-tro>svg{width:18px;height:18px;color:#C7C7CC}
.j-tro{position:absolute;right:16px;top:max(58px,calc(env(safe-area-inset-top) + 14px));z-index:6;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:pointer}
.j-tro img{width:28px;height:28px;object-fit:contain}

/* Home: one small way in (spec: "one compact Need help on court?") */
.mc-tease{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:18px;background:#fff;box-shadow:0 3.3px 0 #EAEAF6;text-align:left;font:inherit;color:#0B1021;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.36,.5,1)}
.mc-tease:active{transform:scale(.97)}
.mc-tease img{width:40px;height:40px;object-fit:contain}
.mc-tease span{flex:1}
.mc-tease b{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.02em}
.mc-tease small{display:block;margin-top:1px;color:#6B6E99;font-size:13.5px;font-weight:700}
.mc-tease>svg{width:18px;height:18px;color:#C7C7CC}
html.pm5 .mc-tease{background:#121214;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);color:#fff}
html.pm5 .mc-tease small{color:rgba(255,255,255,.55)}

/* Journal: six filters now (Playbook added) */
.jn-tabs{grid-template-columns:repeat(6,1fr) !important}
.jn-tabs button{font-size:11.5px !important;letter-spacing:-.01em}