.cpm{--her:#e58fbf;--him:#8aa0e6;--ink:#f3efff;--dim:#f3efffa8;flex-direction:column;align-items:center;display:flex}.cpm-phone{background:linear-gradient(155deg,#35325240 0%,#1a182f 55%,#0e0c1e 100%),linear-gradient(155deg,#34314f,#17152c);border-radius:52px;width:min(390px,92vw);padding:13px;position:relative;box-shadow:0 34px 80px #0009,inset 0 0 0 2px #ffffff0d,inset 0 2px 5px #ffffff24}.cpm-phone:before,.cpm-phone:after{content:"";background:#2a2742;border-radius:3px;width:3px;position:absolute}.cpm-phone:before{height:38px;top:130px;left:-3px;box-shadow:0 52px #2a2742}.cpm-phone:after{height:66px;top:164px;right:-3px}.cpm-island{z-index:4;background:#000;border-radius:999px;width:112px;height:30px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.cpm-screen{background:radial-gradient(150% 90% at 50% 0,#241f44 0%,#131126 62%);border-radius:40px;height:min(64dvh,620px);min-height:480px;position:relative;overflow:hidden}.cpm-screen:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#241f44 55%,#0000);border-radius:40px 40px 0 0;height:50px;position:absolute;top:0;left:0;right:0}.cpm-statusbar{z-index:3;color:#fff;pointer-events:none;justify-content:space-between;align-items:center;height:44px;padding:0 30px;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.cpm-scroll{-webkit-overflow-scrolling:touch;height:100%;padding:52px 16px 72px;overflow:hidden auto}.cpm-scroll::-webkit-scrollbar{width:0}.cpm-swipe-hint{z-index:2;text-align:center;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0c0a1af7 70%);padding:34px 0 18px;font-size:14px;font-weight:800;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.cpm-swipe-hint.is-hidden{opacity:0}.cpm-swipe-arrow{animation:1.5s ease-in-out infinite cpm-bounce;display:inline-block}@keyframes cpm-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.cpm-cta{z-index:6;color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--her), var(--him));border:none;border-radius:999px;width:min(360px,88vw);margin-top:-28px;padding:18px 24px;font-size:18px;font-weight:800;transition:transform .15s;animation:2.6s ease-in-out infinite cpm-pulse;position:relative;box-shadow:0 16px 44px #e58fbf80}.cpm-cta:hover{transform:translateY(-2px)}.cpm-cta:active{transform:scale(.99)}@keyframes cpm-pulse{0%,to{box-shadow:0 16px 44px #8aa0e673}50%{box-shadow:0 16px 56px #e58fbf99}}.cpm-cta-note{color:var(--dim);text-align:center;margin-top:13px;font-size:14px}.cpm-badge{text-align:center;color:#fff;background:linear-gradient(135deg, var(--her), var(--him));border-radius:999px;width:fit-content;margin:0 auto 16px;padding:10px 20px;font-size:14px;font-weight:800;display:block}.cpm-badge--end{margin-top:6px}.cpm-card{background:#ffffff0e;border:1px solid #ffffff17;border-radius:20px;margin-bottom:14px;padding:17px}.cpm-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.cpm-head-num{color:#fff;background:linear-gradient(135deg, var(--her), var(--him));border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.cpm-head-icon{background:linear-gradient(135deg,#e58fbf66,#8aa0e666);border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.cpm-head-title{color:var(--ink);font-size:15px;font-weight:800}.cpm-compat-row{align-items:center;gap:14px;margin-top:10px;display:flex}.cpm-compat-num{background:linear-gradient(90deg, var(--her), var(--him));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;line-height:1}.cpm-compat-bar{background:#ffffff17;border-radius:999px;flex:1;height:10px;overflow:hidden}.cpm-compat-fill{background:linear-gradient(90deg, var(--her), var(--him));border-radius:999px;height:100%}.cpm-note{color:var(--dim);margin-top:9px;font-size:13px;line-height:1.5}.cpm-arch{text-transform:uppercase;background:linear-gradient(90deg, var(--her), var(--him));color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 4px;font-size:22px;font-weight:800}.cpm-title-badge{text-align:center;background:linear-gradient(135deg,#e58fbf38,#8aa0e638);border-radius:14px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:700;display:block}.cpm-metric{margin-top:12px}.cpm-metric-top{color:var(--ink);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.cpm-metric-val{color:var(--dim);font-variant-numeric:tabular-nums}.cpm-metric-bar{background:#ffffff17;border-radius:999px;height:8px;overflow:hidden}.cpm-metric-fill{border-radius:999px;height:100%}.cpm-flags{gap:10px;margin-top:12px;display:flex}.cpm-flag{text-align:center;background:#00000038;border-radius:16px;flex:1;padding:16px 6px}.cpm-flag--green{box-shadow:inset 0 0 0 1px #7bd88f4d}.cpm-flag--red{box-shadow:inset 0 0 0 1px #ff9ba64d}.cpm-flag-num{font-size:30px;font-weight:800}.cpm-flag--green .cpm-flag-num{color:#7bd88f}.cpm-flag--red .cpm-flag-num{color:#ff9ba6}.cpm-flag-cap{color:var(--dim);margin-top:2px;font-size:12px}.cpm-battle-row{border-top:1px solid #ffffff12;align-items:center;gap:10px;padding:11px 0;font-size:14px;display:flex}.cpm-battle-row:first-of-type{border-top:none}.cpm-battle-q{flex:1}.cpm-battle-win{border-radius:999px;flex:none;padding:5px 14px;font-size:13px;font-weight:800}.cpm-battle-win--a{color:var(--her);background:#e58fbf2e}.cpm-battle-win--b{color:var(--him);background:#8aa0e62e}.cpm-lock{position:relative;overflow:hidden}.cpm-lock-body{filter:blur(7px);opacity:.55;pointer-events:none}.cpm-lock-badge{text-align:center;grid-auto-flow:row;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.cpm-lock-icon{background:linear-gradient(135deg, var(--her), var(--him));border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 8px 24px #e58fbf66}.cpm-lock-text{color:var(--ink);padding:0 24px;font-size:13px;font-weight:800}.cpm--b .cpm-card{background:#ffffff0d;padding:0;overflow:hidden}.cpm--b .cpm-head{background:linear-gradient(135deg,#e58fbf8c,#8aa0e68c);gap:12px;margin:0;padding:13px 16px}.cpm--b .cpm-head-icon{background:#ffffff38;border-color:#ffffff4d;width:34px;height:34px;font-size:18px}.cpm--b .cpm-head-title{color:#fff;font-size:16px}.cpm--b .cpm-compat-row,.cpm--b .cpm-note,.cpm--b .cpm-arch,.cpm--b .cpm-metric,.cpm--b .cpm-flags,.cpm--b .cpm-battle-row,.cpm--b .cpm-title-badge{margin-left:16px;margin-right:16px}.cpm--b .cpm-note:last-child,.cpm--b .cpm-metric:last-child{margin-bottom:16px}.cpm--b .cpm-compat-row{margin-top:14px}.cpm--b .cpm-title-badge{width:auto;margin-bottom:16px}.cpm--b .cpm-flags{padding-bottom:16px}.cpm--b .cpm-battle-row:last-child{margin-bottom:8px}.cpm--b .cpm-card--anatomy .cpm-head{background:linear-gradient(135deg,#7bd88f80,#8aa0e680)}.cpm--b .cpm-card--flags .cpm-head{background:linear-gradient(135deg,#ffc2a680,#e58fbf80)}.cpm--b .cpm-card--battle .cpm-head{background:linear-gradient(135deg,#8aa0e68c,#c8b6f08c)}.cpm--b .cpm-lock .cpm-head{background:linear-gradient(135deg,#e58fbf66,#8aa0e666)}.cpm--b .cpm-lock .cpm-note{margin:12px 16px 16px}.cpm--c .cpm-card{color:#fff;border:none;box-shadow:0 8px 26px #0000004d}.cpm--c .cpm-head-num{background:#ffffff40}.cpm--c .cpm-head-title,.cpm--c .cpm-metric-top,.cpm--c .cpm-battle-row{color:#fff}.cpm--c .cpm-note{color:#ffffffdb}.cpm--c .cpm-metric-val{color:#fffc}.cpm--c .cpm-compat-num,.cpm--c .cpm-arch{-webkit-text-fill-color:#fff;color:#fff;background:0 0}.cpm--c .cpm-metric-bar,.cpm--c .cpm-compat-bar{background:#00000038}.cpm--c .cpm-title-badge{color:#fff;background:#fff3}.cpm--c .cpm-flag{background:#00000040}.cpm--c .cpm-battle-win{color:#fff!important;background:#ffffff38!important}.cpm--c .cpm-battle-row{border-top-color:#ffffff2e}.cpm--c .cpm-card--compat{background:linear-gradient(135deg,#e58fbf,#b57ad0)}.cpm--c .cpm-card--portrait{background:linear-gradient(135deg,#a889e0,#8aa0e6)}.cpm--c .cpm-card--anatomy{background:linear-gradient(135deg,#5ba894,#6a8fd0)}.cpm--c .cpm-card--flags{background:linear-gradient(135deg,#d98f6a,#e58fbf)}.cpm--c .cpm-card--battle{background:linear-gradient(135deg,#8aa0e6,#b57ad0)}.cpm--c .cpm-lock{background:linear-gradient(135deg,#6a5f8f,#4a4270)}.cpm--c .cpm-lock-body .cpm-head-title{color:#fff}
.cpr2-screen{background:linear-gradient(#f4f2fb 0%,#e9ecfb 100%)}.cpr2-screen:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#f4f2fb 60%,#0000);border-radius:40px 40px 0 0;height:50px;position:absolute;top:0;left:0;right:0}.cpr2-statusbar{color:#1a1730}.cpr2-scroll{-webkit-overflow-scrolling:touch;height:100%;padding:52px 14px 72px;overflow:hidden auto}.cpr2-scroll::-webkit-scrollbar{width:0}.cpr2-badge{color:#fff;background:linear-gradient(135deg,#e58fbf,#8aa0e6);border-radius:999px;width:fit-content;margin:0 auto 16px;padding:10px 20px;font-size:14px;font-weight:800;display:block}.cpr2-badge--end{margin-top:6px}.cpr2-card{background:#fff;border-radius:22px;margin-bottom:14px;padding:18px;box-shadow:0 8px 26px #463c781a}.cpr2-head{color:#201c38;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:800;display:flex}.cpr2-num{color:#fff;background:linear-gradient(135deg,#a58fe0,#8aa0e6);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.cpr2-toplabel{text-align:center;margin-bottom:16px}.cpr2-toplabel .cpr2-badge{margin-bottom:4px}.cpr2-toplabel-sub{color:#201c38;font-size:15px;font-weight:700}.cpr2-head--sm{margin-bottom:8px;font-size:14px}.cpr2-head--sm .cpr2-num{width:20px;height:20px;font-size:11px}.cpr2-compat-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:12px;display:grid}.cpr2-compat-row{align-items:center;gap:8px;margin-top:6px;display:flex}.cpr2-compat-num{color:#57c98a;font-size:40px;font-weight:800;line-height:1}.cpr2-compat-line{background:#57c98a;border-radius:999px;width:28px;height:4px}.cpr2-compat-note{color:#4a4568;background:#eef0fb;border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:12px;line-height:1.4;display:flex}.cpr2-compat-emoji{flex:none;font-size:30px}.cpr2-portrait{text-align:center;background:linear-gradient(135deg,#e9d9f5,#d8def7);border-radius:16px;margin-top:10px;padding:18px 14px}.cpr2-portrait-tag{color:#7a5fd0;font-size:12px;font-weight:700}.cpr2-arch{color:#6a4fc0;text-transform:uppercase;margin:2px 0 8px;font-size:22px;font-weight:800}.cpr2-portrait-text,.cpr2-text{color:#52506e;margin:0;font-size:13px;line-height:1.5}.cpr2-title-banner{color:#1c3a20;background:linear-gradient(135deg,#a7e08a,#7cc98a);border-radius:20px;align-items:center;gap:14px;margin-bottom:14px;padding:16px 18px;display:flex;box-shadow:0 8px 26px #5ab4784d}.cpr2-title-trophy{flex:none;font-size:40px}.cpr2-title-cap{opacity:.85;font-size:12px;font-weight:600}.cpr2-title-big{font-size:16px;font-weight:800;line-height:1.2}.cpr2-rings{grid-template-columns:repeat(3,1fr);gap:14px 6px;display:grid}.cpr2-ring-item{text-align:center}.cpr2-ring-label{color:#52506e;justify-content:center;align-items:center;min-height:2.4em;font-size:11px;line-height:1.2;display:flex}.cpr2-ring{border-radius:50%;place-items:center;width:72px;height:72px;margin:4px auto 6px;display:grid}.cpr2-ring-inner{background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:26px;display:grid;box-shadow:0 2px 8px #463c7826}.cpr2-ring-val{font-size:17px;font-weight:800}.cpr2-vs{justify-content:center;align-items:center;gap:18px;margin:6px 0 12px;display:flex}.cpr2-avatar{border-radius:50%;place-items:center;width:84px;height:84px;font-size:44px;display:grid;box-shadow:0 4px 14px #463c782e}.cpr2-avatar--her{background:radial-gradient(circle at 50% 40%,#ffe1ee,#f6c9de)}.cpr2-avatar--him{background:radial-gradient(circle at 50% 40%,#e2ecff,#ccdcff)}.cpr2-vs-label{color:#8a86a8;font-size:20px;font-weight:800}.cpr2-verdict{text-align:center;color:#201c38;margin-bottom:10px;font-size:15px;font-weight:700}.cpr2-verdict-badge{color:#e0466a;background:#ffe0e4;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.cpr2-quote{color:#52506e;background:#fdeef1;border-radius:12px;margin:0;padding:12px;font-size:13px;line-height:1.5}.cpr2-flags-lead{color:#52506e;text-align:center;margin:0 0 14px;font-size:13px;line-height:1.45}.cpr2-flags{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cpr2-flag{text-align:center}.cpr2-flag-avatar{border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto;font-size:42px;display:grid;box-shadow:0 4px 14px #463c782e}.cpr2-flag-avatar--her{background:radial-gradient(circle at 50% 40%,#ffe1ee,#f6c9de)}.cpr2-flag-avatar--him{background:radial-gradient(circle at 50% 40%,#e2ecff,#ccdcff)}.cpr2-flag-badge{z-index:2;color:#fff;border-radius:999px;margin:-14px auto 14px;padding:5px 16px;font-size:13px;font-weight:800;display:inline-block;position:relative}.cpr2-flag-badge--her{background:linear-gradient(135deg,#e874aa,#d0568f)}.cpr2-flag-badge--him{background:linear-gradient(135deg,#7b95e8,#5f79d0)}.cpr2-flag-count{flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;display:flex}.cpr2-flag-count-cap{color:#52506e;background:#eef0fb;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.cpr2-flag-circle{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:grid}.cpr2-flag-circle--green{background:linear-gradient(135deg,#6cc98a,#4fae74)}.cpr2-flag-circle--red{background:linear-gradient(135deg,#f0869a,#e0466a)}.cpr2-lock{position:relative;overflow:hidden}.cpr2-lock-body{filter:blur(7px);opacity:.5;pointer-events:none}.cpr2-lock-badge{text-align:center;color:#201c38;grid-auto-flow:row;place-items:center;gap:8px;padding:0 24px;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.cpr2-lock-icon{background:linear-gradient(135deg,#e58fbf,#8aa0e6);border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 8px 24px #e58fbf66}