.cp-app,.cp-promo,.cp-card,.cp-badges,.cp-plan{--cp-gold:#ffd84a;--cp-quiet:#b9d2f2;--cp-cyan:#5ceaff}.cp-app{max-width:680px;min-height:100dvh;padding:0 16px calc(104px + env(safe-area-inset-bottom));color:#fff;font-family:var(--font-game,inherit);flex-direction:column;gap:14px;margin:0 auto;display:flex;overflow-x:hidden}body:has(.cp-app){background:#020a25}.cp-app h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.cp-app h2 img{width:28px;height:28px}.cp-top{z-index:6;background:linear-gradient(#052f7c,#052f7ce6 70%,#0000);grid-template-columns:44px 1fr 44px;align-items:center;padding:10px 0;display:grid;position:sticky;top:0}.cp-top>a{color:#fff;background:#ffffff12;border:1px solid #ffffff26;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;text-decoration:none;display:grid}.cp-top>a img{width:28px;height:28px}.cp-top>div{text-align:center;flex-direction:column;align-items:center;display:flex}.cp-top b{font-size:20px}.cp-muted{color:var(--cp-quiet);margin:0;font-size:12px;line-height:1.5}.cp-error{color:#ffe1e6;background:#5a0a1acc;border:1px solid #ff6b81;border-radius:12px;margin:0;padding:8px 12px;font-size:13px}.cp-notice{color:#c9ffe2;background:#063a2fcc;border:1px solid #58efa4;border-radius:12px;margin:0;padding:8px 12px;font-size:13px}.cp-empty{text-align:center;color:#dbe9ff;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;font-size:14px;display:flex}.cp-empty img{width:120px;height:auto}.cp-btn{color:#062365;min-height:44px;font:800 15px var(--font-game,inherit);cursor:pointer;white-space:nowrap;background:linear-gradient(#fff84e,#ffae05);border:2px solid #fff15c;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:6px 16px;text-decoration:none;display:inline-flex;box-shadow:0 3px #b95a00}.cp-btn img{width:22px;height:22px}.cp-btn:disabled{opacity:.55;cursor:default}.cp-btn.blue{color:#fff;background:linear-gradient(#3fb6ff,#1062d6);border-color:#8fd8ff;box-shadow:0 3px #02307e}.cp-btn.ghost{color:#fff;box-shadow:none;background:#ffffff14;border:1px solid #fff3}.cp-btn.wide{width:100%}.cp-btn.sm{padding:4px 12px;font-size:13px}.cp-hero{background:linear-gradient(160deg,#0b53b1,#041c5d);border:2px solid #ffd84a;border-radius:22px;grid-template-columns:1fr 112px;align-items:end;gap:8px;padding:16px 14px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 0 22px #ffd54b2e,0 4px #01164c}.cp-hero>div{flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.cp-hero h1{margin:0;font-size:22px;line-height:1.25}.cp-hero p{color:#dbe9ff;margin:0;font-size:13px;line-height:1.5}.cp-hero img{align-self:end;width:112px;height:auto}.cp-big{font:800 34px/1 var(--font-number,inherit);color:var(--cp-gold);text-shadow:0 2px #7a4b00}.cp-plans{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:420px){.cp-plans{grid-template-columns:1fr}}.cp-plan{background:linear-gradient(160deg,#0b53b1,#041c5d);border:2px solid #2aa2ff;border-radius:20px;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 4px #01164c}.cp-plan.pro{border-color:#ffd84a;box-shadow:0 0 22px #ffd54b33,0 4px #01164c}.cp-plan.current{outline-offset:2px;outline:3px solid #5ceaff}.cp-plan header{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-plan header b{font-size:18px}.cp-plan header img{width:36px;height:36px}.cp-price{align-items:baseline;gap:6px;display:flex}.cp-price strong{font:800 26px var(--font-number,inherit);color:var(--cp-gold)}.cp-price small{color:var(--cp-quiet);font-size:12px}.cp-share{color:#c9ffe2;background:#063a2f;border:1px solid #58efa4;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.cp-plan ul{color:#e3efff;flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cp-plan li{align-items:flex-start;gap:6px;line-height:1.4;display:flex}.cp-plan li:before{content:"";background:var(--cp-cyan);border-radius:50%;flex:0 0 8px;height:8px;margin-top:6px}.cp-plan li.off{color:#8fa8cf}.cp-plan li.off:before{background:#4b5d80}.cp-plan .cp-btn{margin-top:auto}.cp-chips{flex-wrap:wrap;gap:6px;display:flex}.cp-chip{color:#dbe9ff;min-height:44px;font:700 13px var(--font-game,inherit);cursor:pointer;background:#02123dcc;border:1px solid #2aa2ff66;border-radius:999px;padding:6px 14px}.cp-chip[aria-checked=true],.cp-chip[aria-pressed=true]{color:#062365;background:linear-gradient(#fff84e,#ffae05);border:2px solid #fff15c}.cp-toggle{color:#e3efff;cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.cp-toggle input{accent-color:#ffd84a;width:22px;height:22px}.cp-card{font-family:var(--font-game,inherit);color:#fff;background:#02123dcc;border:1px solid #2aa2ff66;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.cp-card.gold{border:2px solid #ffd84a}.cp-row{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.cp-row span{color:var(--cp-quiet)}.cp-row b{font-family:var(--font-number,inherit)}.cp-calc{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cp-field{color:var(--cp-quiet);flex-direction:column;gap:4px;font-size:12px;display:flex}.cp-field input{color:#fff;min-height:44px;font:700 16px var(--font-number,inherit);box-sizing:border-box;background:#021345;border:2px solid #2aa2ff;border-radius:12px;width:100%;padding:8px 12px}.cp-results{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cp-result{background:linear-gradient(160deg,#0b53b1,#041c5d);border:1px solid #2aa2ff;border-radius:16px;flex-direction:column;gap:2px;padding:10px;display:flex}.cp-result.pro{border-color:#ffd84a}.cp-result small{color:var(--cp-quiet);font-size:12px}.cp-result b{font:800 22px var(--font-number,inherit);color:var(--cp-gold)}.cp-result em{color:#c9ffe2;font-size:11px;font-style:normal}.cp-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:420px){.cp-stats{grid-template-columns:1fr 1fr}.cp-stat:nth-child(3){grid-column:1/-1}}.cp-stat{background:linear-gradient(160deg,#0b53b1,#041c5d);border:1px solid #2aa2ff;border-radius:16px;flex-direction:column;gap:2px;min-width:0;padding:10px;display:flex}.cp-stat small{color:var(--cp-quiet);font-size:12px}.cp-stat b{font:800 20px var(--font-number,inherit);color:#fff;align-items:center;gap:4px;display:flex}.cp-stat b img{width:20px;height:20px}.cp-stat.gold{border-color:#ffd84a}.cp-stat.gold b{color:var(--cp-gold)}.cp-stat em{color:var(--cp-quiet);font-size:11px;font-style:normal}.cp-chart{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:150px;padding:8px 2px 0;display:grid}.cp-bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.cp-bar i{background:linear-gradient(#ffe66b,#f0a400);border-radius:6px 6px 2px 2px;width:100%;max-width:26px;min-height:2px;display:block}.cp-bar i.token{background:linear-gradient(#a8e6ff,#3a9de0)}.cp-bar small{color:var(--cp-quiet);white-space:nowrap;font-size:11px}.cp-bar.now small{color:var(--cp-gold);font-weight:800}.cp-legend{color:var(--cp-quiet);gap:12px;font-size:12px;display:flex}.cp-legend span{align-items:center;gap:6px;display:inline-flex}.cp-legend i{background:linear-gradient(#ffe66b,#f0a400);border-radius:3px;width:12px;height:12px}.cp-legend i.token{background:linear-gradient(#a8e6ff,#3a9de0)}.cp-types{flex-direction:column;gap:6px;display:flex}.cp-type{background:#02123dcc;border:1px solid #2aa2ff44;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:6px 10px;display:grid}.cp-type img{object-fit:contain;width:36px;height:36px}.cp-type span{flex-direction:column;min-width:0;display:flex}.cp-type span small{color:var(--cp-quiet);font-size:12px}.cp-type strong{font:800 14px var(--font-number,inherit);flex-direction:column;align-items:flex-end;display:flex}.cp-type strong .s{color:var(--cp-gold)}.cp-type strong .t{color:#cfe6ff}.cp-type.held{border-style:dashed}.cp-badges{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cp-badge{min-height:24px;font:800 12px var(--font-game,inherit);color:#dff4ff;white-space:nowrap;background:#0b2f74;border:1px solid #2aa2ff80;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.cp-badge img{width:16px;height:16px}.cp-badge.pro{color:#ffe9a8;background:linear-gradient(#5a3f00,#3a2700);border-color:#ffd84a}.cp-badge.rec{color:#c9ffe2;background:#063a2f;border-color:#58efa4}.cp-promo{font-family:var(--font-game,inherit);color:#fff;background:linear-gradient(160deg,#0b53b1,#041c5d);border:2px solid #ffd84a;border-radius:20px;grid-template-columns:84px 1fr;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid;box-shadow:0 0 18px #ffd54b26,0 4px #01164c}.cp-promo img{width:84px;height:auto}.cp-promo span{flex-direction:column;gap:4px;display:flex}.cp-promo b{font-size:16px;line-height:1.3}.cp-promo b em{color:var(--cp-gold);font-style:normal;font-family:var(--font-number,inherit);font-size:20px}.cp-promo small{color:#dbe9ff;font-size:12px;line-height:1.45}.cp-promo .cp-btn{justify-self:start;margin-top:4px}@media (prefers-reduced-motion:reduce){.cp-app *{transition:none!important;animation:none!important}}.cs-rec-badge{align-self:flex-start;width:max-content}