.drop-page,.drop-showcase{max-width:1200px;margin:24px auto;padding:0 16px;min-width:0}.drop-page .drop-showcase{padding:0}.drop-hero{padding:40px 24px;margin:24px 0;border-radius:24px;background:radial-gradient(at 90% 10%,#58429380,transparent 65%),#20222a}.drop-hero h1{font-size:clamp(30px,5vw,58px);max-width:850px}.drop-feed-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drop-feed-head h2{font-size:22px}.drop-feed-head span{flex:1}.drop-feed{display:flex;overflow-x:auto;gap:12px;padding:12px 0;max-width:100%;scroll-snap-type:x mandatory}.drop-feed-card{flex:0 0 240px;min-height:104px;border-radius:12px;border-bottom:3px solid var(--rarity);background:radial-gradient(at 20% 30%,var(--rarity),#22242d 75%);padding:10px;color:#fff;display:flex;gap:8px;text-decoration:none;scroll-snap-align:start;animation:drop-enter .3s ease}.drop-feed-card>img{width:88px;object-fit:contain}.drop-feed-card div{min-width:0}.drop-feed-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.drop-feed-card small{display:block;color:#ddd}.drop-feed-card small img{width:18px;height:18px;border-radius:50%;margin-right:4px}.drop-steps{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0;list-style:none}.drop-steps>*{flex:1 1 240px;padding:20px;background:#22242d;border-radius:16px;min-width:0}.drop-page section{margin-bottom:32px}.wallet-history{list-style:none;padding:0}.wallet-history li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #444}.wallet-history small{display:block}.rd-balance{white-space:nowrap}@keyframes drop-enter{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}@media(max-width:600px){.drop-feed-head{font-size:12px}.drop-hero{padding:24px 18px}.drop-steps{gap:12px}.drop-steps>*{flex-basis:100%}.drop-page{padding:0 12px}}

.drop-hero-skin{float:right;width:min(32%,260px);margin:0 0 20px 24px;object-fit:contain;filter:drop-shadow(0 12px 24px #885be055)}@media(max-width:600px){.drop-hero-skin{float:none;width:180px;height:110px;display:block;margin:0 auto 20px}.drop-hero-skin[hidden]{display:none}.drop-feed-head{gap:8px}.drop-feed-head [data-drop-today]{flex-basis:100%;order:3}}

/* Main page live strip (matches the dropandplus design mockup). */
.dl-strip{display:flex;align-items:stretch;margin:0 0 18px;border-radius:16px;border:1px solid #1e2640;background:linear-gradient(180deg,#141a2b,#0d111b);overflow:hidden;min-width:0}
.dl-strip a{color:inherit;text-decoration:none}
.dl-side{flex:none;width:250px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:10px;border-right:1px solid #1e2640}
.dl-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#2ec977}
.dl-dot{width:8px;height:8px;border-radius:50%;background:#2ec977;box-shadow:0 0 0 0 rgba(46,201,119,.6);animation:dl-pulse 1.8s infinite;flex:none}
@keyframes dl-pulse{70%{box-shadow:0 0 0 8px rgba(46,201,119,0)}100%{box-shadow:0 0 0 0 rgba(46,201,119,0)}}
.dl-text{font-size:14px;color:#aab1c6;line-height:1.4}
.dl-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dl-how{font-weight:700;font-size:14px;color:#f0952a}
.dl-plus{font-weight:700;font-size:12px;color:#f5c542;padding:4px 10px;border-radius:999px;border:1px solid #6b5614;background:rgba(245,197,66,.08)}
.dl-feed{flex:1;min-width:0;display:flex;gap:10px;overflow-x:auto;padding:14px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.dl-feed::-webkit-scrollbar{display:none}
.dl-empty{margin:0;align-self:center;font-size:14px;color:#aab1c6}
.dl-card{flex:none;width:168px;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#0f131e;border:1px solid #252d45;transition:transform .15s}
.dl-card:hover{transform:translateY(-2px)}
.dl-card.is-fresh{border-color:var(--rarity);box-shadow:0 0 22px color-mix(in srgb,var(--rarity) 40%,transparent)}
.dl-pic{position:relative;height:74px;display:grid;place-items:center;background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--rarity) 33%,transparent),transparent 72%)}
.dl-pic time{position:absolute;right:8px;top:6px;font-size:11px;color:#8a92a8}
.dl-pic img{width:104px;height:64px;object-fit:contain}
.dl-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;border-top:2px solid var(--rarity)}
.dl-name{font-size:12px;font-weight:700;color:var(--rarity);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-meta{display:flex;justify-content:space-between;align-items:center;gap:6px}
.dl-who{font-size:12px;color:#aab1c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-price{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:14px;white-space:nowrap;color:#e8eaf2}
.dl-all{flex:none;width:52px;display:grid;place-items:center;border-left:1px solid #1e2640;color:#aab1c6;font-size:20px}
@media(max-width:767px){
.dl-strip{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0}
.dl-side,.dl-links{display:contents}
.dl-text,.dl-plus,.dl-all{display:none}
.dl-title{padding-left:14px}
.dl-how{padding-right:14px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.dl-feed{grid-column:1/-1;padding:0 14px 2px;scroll-snap-type:x proximity;scroll-padding-left:14px;-webkit-mask-image:none;mask-image:none}
.dl-card{width:148px;scroll-snap-align:start}
.dl-card.is-fresh{box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 40%,transparent)}
.dl-pic{height:68px}.dl-pic img{width:92px;height:58px}
}

/* Page /drops (matches the dropandplus design mockup: Drops / DropsMobile). Same box model as the mockup (content-box). */
.dp-page,.dp-page *,.dp-page *::before,.dp-page *::after{box-sizing:content-box}
.dp-page{max-width:1384px;margin:0 auto;padding:24px 28px 56px;display:flex;flex-direction:column;gap:36px;color:#e8eaf2;font-family:'Inter',system-ui,sans-serif;line-height:normal;letter-spacing:normal;min-width:0}
body.redesign .dp-page h1,body.redesign .dp-page h2,body.redesign .dp-page h3{margin:0;letter-spacing:0;line-height:normal;color:inherit}
.dp-page p{margin:0}
.dp-page a{color:inherit;text-decoration:none}
.dp-page img{display:block;max-width:none}
.dp-page button{font-family:inherit;line-height:normal;margin:0}
.dp-m{display:none}
.dp-grow{flex:1}
.dp-dot{width:8px;height:8px;border-radius:50%;background:#2ec977;box-shadow:0 0 0 0 rgba(46,201,119,.6);animation:dp-pulse 1.8s infinite;flex:none}
@keyframes dp-pulse{70%{box-shadow:0 0 0 8px rgba(46,201,119,0)}100%{box-shadow:0 0 0 0 rgba(46,201,119,0)}}
.dp-sec{display:flex;flex-direction:column;gap:16px}
.dp-sec>h2,.dp-feed-head h2,.dp-ways>h2,.dp-mine>h2{font-weight:800;font-size:26px}

/* Hero */
.dp-hero{position:relative;overflow:hidden;border-radius:20px;border:1px solid #252d45;background:#0d111b;min-height:340px;display:flex;align-items:center}
.dp-hero-img{position:absolute;right:0;top:0;height:100%;width:68%;object-fit:cover;object-position:right center}
.dp-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d111b 32%,rgba(13,17,27,.55) 58%,rgba(13,17,27,0))}
.dp-hero-in{position:relative;padding:44px 48px;max-width:660px;display:flex;flex-direction:column;gap:18px}
.dp-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(46,201,119,.1);border:1px solid rgba(46,201,119,.35);color:#2ec977;font-weight:700;font-size:12px;letter-spacing:.06em}
.dp-hero h1{font-weight:900;font-size:46px}
body.redesign .dp-page .dp-hero h1{line-height:1.06}
.dp-hero h1 span{color:#e8762a}
.dp-lead{color:#aab1c6;font-size:17px;line-height:1.45}
.dp-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dp-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 32px;border-radius:12px;background:linear-gradient(135deg,#e8762a,#f0952a);color:#fff;font-weight:700;font-size:17px;box-shadow:0 8px 24px rgba(232,118,42,.3)}
.dp-page a.dp-cta{color:#fff}
.dp-cta:hover{filter:brightness(1.08)}
.dp-gold{display:inline-flex;align-items:center;min-height:56px;padding:0 22px;border-radius:12px;border:1px solid #6b5614;background:rgba(245,197,66,.08);color:#f5c542;font-weight:700;font-size:15px}
.dp-page a.dp-gold{color:#f5c542}
.dp-stats{display:flex;gap:10px;flex-wrap:wrap}
.dp-stat{padding:8px 14px;border-radius:10px;background:rgba(12,15,24,.8);border:1px solid #1e2640;font-size:13px;color:#8a92a8}
.dp-stat b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:700;font-size:18px;color:#e8eaf2;margin-right:6px}
.dp-prog{position:absolute;right:28px;bottom:24px;width:270px;padding:16px 18px;border-radius:14px;background:rgba(12,15,24,.86);border:1px solid #252d45;display:flex;flex-direction:column;gap:10px}
.dp-prog-row{display:flex;justify-content:space-between;font-size:13px;color:#8a92a8;font-weight:600}
.dp-prog-row b{color:#e8eaf2}
.dp-bar{height:8px;border-radius:99px;background:#1e2640;overflow:hidden}
.dp-bar div{height:100%;border-radius:99px;background:linear-gradient(90deg,#e8762a,#f0952a)}
.dp-prog-sub{font-size:12px;color:#8a92a8}

/* How it works */
.dp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:18px;border:1px solid #1e2640;background:linear-gradient(180deg,#141a2b,#0d111b);overflow:hidden}
.dp-step{position:relative;padding:24px 28px 26px;display:flex;flex-direction:column;gap:12px;border-left:1px solid #1e2640}
.dp-step:first-child{border-left:0}
.dp-step-head{display:flex;align-items:center;gap:12px}
.dp-num{width:34px;height:34px;border-radius:50%;background:#e8762a;color:#fff;display:grid;place-items:center;font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:900;font-size:16px;flex:none}
.dp-step h3{font-weight:800;font-size:19px}
.dp-step img{width:100%;height:132px;object-fit:contain}
.dp-step p{color:#9aa2b8;font-size:15px;line-height:1.45}

/* Latest skins */
.dp-feed-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dp-feed-head h2{display:flex;align-items:center;gap:10px}
.dp-filters{display:inline-flex;gap:6px;margin-left:8px}
.dp-pill{padding:7px 14px;border-radius:999px;background:#111520;border:1px solid #252d45;color:#aab1c6;font-weight:600;font-size:13px;cursor:pointer}
.dp-pill.on{background:#e8eaf2;color:#07090e;font-weight:700;border:0}
.dp-pill:focus-visible,.dp-more:focus-visible{outline:2px solid #f0952a;outline-offset:2px}
.dp-auto{font-size:13px;color:#8a92a8}
.dp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dp-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#161c2e,#0f131e);border:1px solid #252d45;transition:transform .15s}
.dp-card:hover{transform:translateY(-3px)}
.dp-card.is-fresh{border-color:var(--rarity);box-shadow:0 0 26px color-mix(in srgb,var(--rarity) 40%,transparent)}
.dp-pic{position:relative;height:122px;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rarity) 33%,transparent),transparent 72%)}
.dp-rar{position:absolute;left:14px;top:12px;font-size:11px;font-weight:700;color:var(--rarity);letter-spacing:.04em;text-transform:uppercase}
.dp-pic time{position:absolute;right:14px;top:12px;font-size:12px;color:#8a92a8}
.dp-pic img{width:160px;height:100px;object-fit:contain;margin-top:14px}
.dp-info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;border-top:2px solid var(--rarity)}
.dp-name{font-size:14px;font-weight:700;color:var(--rarity);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-meta{display:flex;justify-content:space-between;align-items:center}
.dp-who{display:flex;align-items:center;gap:7px;font-size:13px;color:#aab1c6;min-width:0}
.dp-who>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-av{position:relative;overflow:hidden;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3a4a7a,#1d2640);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none;color:#aab1c6}
.dp-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dp-price{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:17px;white-space:nowrap}
.dp-empty{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;background:#111520;border:1px solid #1e2640}
.dp-empty[hidden],.dp-more[hidden]{display:none}
.dp-empty img{width:120px;height:80px;object-fit:contain;flex:none}
.dp-empty p{color:#aab1c6;font-size:15px;line-height:1.4}
.dp-more{display:none;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border:1px solid #252d45;background:#111520;color:#e8eaf2;padding:0;font-weight:700;font-size:15px;cursor:pointer}

/* Ways, my skins, 4ill+ */
.dp-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.dp-ways,.dp-side,.dp-mine{display:flex;flex-direction:column;gap:16px}
.dp-way-list{display:flex;flex-direction:column;gap:12px}
.dp-ghost{visibility:hidden;pointer-events:none;font-weight:800;font-size:26px}
.dp-way{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:16px;background:#111520;border:1px solid #1e2640}
.dp-way img{width:64px;height:64px;object-fit:contain;flex:none}
.dp-way>div{flex:1;min-width:0}
.dp-way h3{font-weight:800;font-size:18px}
.dp-way p{margin:4px 0 0;color:#9aa2b8;font-size:14px;line-height:1.4}
.dp-mine-box{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:16px;background:#111520;border:1px solid #1e2640}
.dp-tiles{display:flex;gap:12px}
.dp-tile{flex:1;padding:12px 14px;border-radius:12px;background:#0c0f18}
.dp-tile.wait{background:rgba(232,118,42,.1);border:1px solid rgba(232,118,42,.35)}
.dp-tile-n{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:26px}
.dp-tile.wait .dp-tile-n{color:#f0952a}
.dp-tile-l{font-size:13px;color:#8a92a8}
.dp-tile.wait .dp-tile-l{color:#d9a36f}
.dp-burn{font-size:13px;color:#8a92a8}
.dp-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border:1px solid #252d45;background:#161c2e;font-weight:700;font-size:15px}
.dp-plus{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;border:1px solid #6b5614;background:linear-gradient(90deg,rgba(245,197,66,.14),rgba(15,19,28,.98))}
.dp-star{width:.84em;height:.84em;fill:currentColor;flex:none}
.dp-gold .dp-star{margin-right:.28em}
.dp-plus-star{font-size:32px;color:#f5c542;display:flex;align-items:center;height:43px}
.dp-plus-text{flex:1}
.dp-plus-text b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:17px;display:block}
.dp-plus-text span{font-size:13px;color:#9aa2b8}
.dp-plus-more{color:#f5c542;font-weight:700;font-size:14px;white-space:nowrap}

/* Trade help */
.dp-checks-box{padding:22px 26px;border-radius:16px;background:#111520;border:1px solid #1e2640;display:flex;flex-direction:column;gap:18px}
.dp-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
.dp-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.4}
.dp-check svg{flex:none;margin-top:1px}
.dp-steam{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #1e2640;align-items:center}
.dp-steam>span{font-size:13px;color:#8a92a8}
.dp-steam a{padding:7px 14px;border-radius:999px;background:#161c2e;border:1px solid #252d45;font-size:13px;font-weight:600}

/* Tablet: the desktop layout, with the pieces that no longer fit stacked. */
@media(max-width:1100px){.dp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){
.dp-cols{grid-template-columns:minmax(0,1fr)}
.dp-checks{grid-template-columns:minmax(0,1fr)}
.dp-hero{flex-direction:column;align-items:stretch;justify-content:center}
.dp-hero-in{padding-bottom:28px}
.dp-prog{position:relative;right:auto;bottom:auto;margin:0 48px 44px;width:auto}
}

/* Phone (DropsMobile mockup) */
@media(max-width:767px){
.dp-d{display:none!important}
.dp-m{display:revert}
.dp-page{padding:16px 14px 40px;gap:30px}
.dp-sec{gap:14px}
.dp-sec>h2,.dp-feed-head h2,.dp-ways>h2,.dp-mine>h2{font-size:22px}
.dp-sec-feed{gap:12px}
.dp-feed-head{gap:12px}
.dp-feed-head h2{gap:8px}
.dp-grow{display:none}
.dp-hero{display:block;min-height:0;border-radius:18px}
.dp-hero-img{position:static;width:100%;height:150px;object-position:75% center}
.dp-hero-shade{display:none}
.dp-hero-in{max-width:none;padding:18px 18px 20px;gap:14px;background:linear-gradient(180deg,rgba(13,17,27,0),#0d111b 28px)}
.dp-badge{padding:5px 11px;font-size:11px}
.dp-hero h1{font-size:28px}
body.redesign .dp-page .dp-hero h1{line-height:1.08}
.dp-lead{color:#b4bbd0;font-size:15px}
.dp-actions{display:contents}
.dp-cta{display:flex;font-size:17px}
.dp-gold{display:flex;justify-content:center;min-height:48px;padding:0}
.dp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dp-stat{padding:10px 12px;background:#0c0f18;font-size:16px}
.dp-stat b{display:block;font-size:20px;margin:0}
.dp-stat-l{font-size:12px}
.dp-prog{position:relative;right:auto;bottom:auto;width:auto;margin:-6px 18px 20px;padding:12px 14px;border-radius:12px;background:#0c0f18;gap:8px}
.dp-prog-row{font-size:12px}
.dp-prog-sub{display:none}
.dp-steps{display:flex;flex-direction:column;gap:10px;border:0;border-radius:0;background:none;overflow:visible}
.dp-step{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;align-items:center;column-gap:14px;row-gap:0;padding:14px;border:1px solid #1e2640;border-radius:16px;background:linear-gradient(180deg,#141a2b,#0d111b)}
.dp-step:first-child{border-left:1px solid #1e2640}
.dp-step img{grid-column:1;grid-row:1/5;width:84px;height:84px}
.dp-step-head{grid-column:2;grid-row:2;gap:8px;margin-bottom:4px}
.dp-step p{grid-column:2;grid-row:3;font-size:14px;line-height:1.4}
.dp-num{width:24px;height:24px;font-size:13px}
.dp-step h3{font-size:16px}
.dp-filters{margin-left:0;flex-basis:100%}
.dp-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:14px}
.dp-pill.on{border:0}
.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dp-card{border-radius:14px}
.dp-card.is-fresh{box-shadow:0 0 22px color-mix(in srgb,var(--rarity) 40%,transparent)}
.dp-pic{height:98px}
.dp-rar{left:10px;top:8px;font-size:10px}
.dp-pic time{right:10px;top:8px;font-size:11px}
.dp-pic img{width:116px;height:74px;margin-top:12px}
.dp-info{padding:10px 12px 12px;gap:5px}
.dp-name{font-size:13px}
.dp-meta{gap:6px}
.dp-who{font-size:12px}
.dp-av{display:none}
.dp-price{font-size:15px}
.dp-more{display:flex}
.dp-more[hidden]{display:none}
.dp-cols{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.dp-side{display:contents}
.dp-ghost{display:none}
.dp-mine{order:1;margin-bottom:16px;gap:14px}
.dp-ways{order:2;gap:14px}
.dp-plus{order:3;gap:12px;padding:16px}
.dp-way-list{gap:10px}
.dp-way{gap:14px;padding:14px}
.dp-way img{width:52px;height:52px}
.dp-way h3{font-size:16px}
.dp-way p{margin-top:3px}
.dp-mine-box{gap:12px;padding:16px}
.dp-tiles{gap:10px}
.dp-tile{padding:10px 12px}
.dp-tile-n{font-size:24px}
.dp-tile-l{font-size:12px}
.dp-plus-star{font-size:28px;height:auto}
.dp-plus-text b{font-size:16px}
.dp-checks-box{padding:16px;gap:14px}
.dp-checks{gap:14px}
.dp-steam{gap:8px;padding-top:12px}
.dp-steam a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px}
}

/* Page /coins/inventory, tab "Скины за игру" (matches the dropandplus design mockup: Inventory / InventoryMobile / InventoryModals). Same box model as the mockup (content-box). */
.ip-page,.ip-page *,.ip-page *::before,.ip-page *::after{box-sizing:content-box}
.ip-page{max-width:1384px;margin:0 auto;padding:24px 28px 56px;display:flex;flex-direction:column;gap:32px;color:#e8eaf2;font-family:'Inter',system-ui,sans-serif;line-height:normal;letter-spacing:normal;min-width:0}
.ip-page.ip-page-bar{padding:0 0 18px;max-width:none;margin:0;gap:0}
body.redesign .ip-page h1,body.redesign .ip-page h2,body.redesign .ip-page h3{margin:0;letter-spacing:0;line-height:normal;color:inherit;font-family:var(--rd-font-head,"Exo 2",sans-serif)}
.ip-page p{margin:0}
:where(.ip-page,.ip-modal) a{color:inherit;text-decoration:none}
.ip-page img{display:block;max-width:none}
.ip-page button,.ip-modal button{font-family:inherit;line-height:normal;margin:0}
.ip-m{display:none}
.ip-tabs{display:flex;gap:8px;flex-wrap:wrap}
.ip-page .ip-tab{padding:0 18px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;background:#111520;border:1px solid #252d45;color:#aab1c6;font-weight:600;font-size:14px}
.ip-page .ip-tab.on{background:#e8762a;color:#fff;font-weight:700;border:0}
.ip-tab .ip-n{background:#07090e;color:#e8762a;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;margin-left:8px}
.ip-tab:focus-visible,.ip-more:focus-visible,.ip-pri:focus-visible,.ip-sec-btn:focus-visible,.ip-promo:focus-visible,.ip-hbtn:focus-visible,.ip-modal button:focus-visible,.ip-modal a:focus-visible,.ip-modal input:focus-visible{outline:2px solid #f0952a;outline-offset:2px}

/* Summary */
.ip-sum{display:flex;align-items:center;gap:20px;padding:18px 24px;border-radius:16px;border:1px solid #232b45;background:linear-gradient(90deg,#171a2a,#0e111b);flex-wrap:wrap}
.ip-sum-t{flex:1;min-width:260px}
.ip-sum h1{font-weight:800;font-size:24px}
.ip-sum-s{margin-top:4px;color:#8a92a8;font-size:14px}
.ip-burn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(235,75,75,.1);border:1px solid rgba(235,75,75,.4);color:#ff9a9a;font-size:13px;font-weight:700}
.ip-page .ip-more{font-weight:700;font-size:14px;color:#f0952a}
.ip-sec{display:flex;flex-direction:column;gap:16px}
.ip-sec>h2{font-weight:800;font-size:24px}

/* Waiting for a choice */
.ip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.ip-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#161c2e,#0f131e);border:1px solid #252d45;transition:transform .15s}
.ip-card:hover{transform:translateY(-3px)}
.ip-pic{position:relative;height:150px;display:grid;place-items:center;background:radial-gradient(circle at 50% 62%,var(--tint,transparent),transparent 72%)}
.ip-rar{position:absolute;left:14px;top:12px;font-size:11px;font-weight:700;color:var(--rarity);letter-spacing:.04em;text-transform:uppercase}
.ip-badge{position:absolute;right:12px;top:10px;font-size:11px;font-weight:700;color:#aab1c6;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.06)}
.ip-badge.warn{color:#ff9a9a;background:rgba(235,75,75,.12)}
.ip-pic img{width:190px;height:116px;object-fit:contain;margin-top:14px}
.ip-noimg{font-size:56px;color:var(--rarity)}
.ip-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--rarity);flex:1}
.ip-wp{font-size:12px;color:#8a92a8}
.ip-sk{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:19px;color:var(--rarity)}
.ip-pr{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ip-pr b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:20px}
.ip-tag{font-size:12px;color:#8a92a8;text-align:right}
.ip-hint{font-size:12px;color:#ff9a9a;line-height:1.4;white-space:pre-line}
.ip-btns{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.ip-page .ip-pri,.ip-modal .ip-go{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:linear-gradient(135deg,#e8762a,#f0952a);color:#fff;font-weight:700;font-size:15px;border:0;padding:0;width:100%;cursor:pointer;text-align:center}
.ip-pri:hover,.ip-go:hover{filter:brightness(1.08)}
.ip-secs{display:flex;gap:8px}
.ip-page .ip-sec-btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;border:1px solid #252d45;background:#161c2e;color:#e8eaf2;font-weight:600;font-size:13px;text-align:center;padding:0;cursor:pointer}
.ip-sec-btn:hover{border-color:#3a4568}
.ip-page .ip-promo{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px;border-radius:16px;border:1px solid #6b5614;background:linear-gradient(180deg,rgba(245,197,66,.14),#0e111b)}
.ip-star{font-size:28px;color:#f5c542}
.ip-pt{display:contents}
.ip-pt b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:20px;line-height:1.2}
.ip-pd{font-size:14px;color:#9aa2b8}
.ip-pm{color:#f5c542;font-weight:700;font-size:14px}

/* In progress */
.ip-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ip-proc{display:flex;gap:16px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#161c2e,#0f131e);border:1px solid #252d45;border-left:3px solid var(--rarity)}
.ip-proc>img{width:96px;height:64px;object-fit:contain;flex:none;align-self:center}
.ip-proc>.ip-noimg{width:96px;flex:none;align-self:center;text-align:center}
.ip-proc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ip-proc .ip-sk{font-size:17px}
.ip-st{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);color:#aab1c6;font-size:13px;line-height:1.35;font-weight:600}
.ip-st.blue{background:rgba(75,105,255,.12);color:#9db0ff}
.ip-st.warn{background:rgba(245,197,66,.1);color:#f5c542}
.ip-note{font-size:12px;color:#8a92a8}
.ip-page .ip-pri-s{min-height:44px;font-size:14px}

/* History */
.ip-hist{border-radius:16px;border:1px solid #232b45;overflow:hidden;background:#0e111b}
.ip-hrow{display:grid;grid-template-columns:72px minmax(0,1.2fr) minmax(0,1.6fr) auto;gap:16px;align-items:center;padding:12px 20px;border-bottom:1px solid #161c2e}
.ip-hrow>img{width:72px;height:46px;object-fit:contain;opacity:.85}
.ip-hrow>.ip-noimg{font-size:32px;text-align:center;opacity:.85}
.ip-hn b{font-size:15px;color:var(--rarity)}
.ip-hm{display:none}
.ip-hs{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--st)}
.ip-dot{width:8px;height:8px;border-radius:50%;background:var(--st);flex:none}
.ip-page .ip-hbtn{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border-radius:12px;border:1px solid #252d45;background:#161c2e;color:#e8eaf2;font-weight:600;font-size:13px;cursor:pointer}

/* Windows (InventoryModals) */
.ip-modal{box-sizing:content-box;width:min(400px,calc(100vw - 76px));padding:24px;border-radius:20px;background:linear-gradient(180deg,#171a2a,#0e111b);border:1px solid #2c3050;box-shadow:0 24px 60px rgba(0,0,0,.5);color:#e8eaf2;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:normal;letter-spacing:normal;max-height:calc(100vh - 80px);overflow-y:auto}
.ip-modal[open]{display:flex;flex-direction:column;gap:16px}
.ip-modal::backdrop{background:rgba(3,5,9,.72)}
.ip-modal *,.ip-modal *::before,.ip-modal *::after{box-sizing:content-box}
.ip-modal p{margin:0}
.ip-modal img{display:block;max-width:none}
.ip-mh{display:flex;justify-content:space-between;align-items:center}
body.redesign .ip-modal h3{margin:0;font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:20px;line-height:normal;letter-spacing:0;color:inherit}
.ip-modal .ip-x{width:44px;height:44px;border-radius:10px;border:0;background:transparent;color:#8a92a8;font-size:20px;padding:0;cursor:pointer}
.ip-win{display:flex;flex-direction:column;gap:16px}
.ip-win[hidden]{display:none}
.ip-md{color:#9aa2b8;font-size:14px;line-height:1.45}
.ip-md b{color:#e8eaf2}
.ip-md-r{line-height:1.5}
.ip-mp{font-size:15px;line-height:1.45}
.ip-fld{display:flex;flex-direction:column;gap:8px}
.ip-fld label{font-size:13px;font-weight:600;color:#aab1c6}
.ip-modal .ip-in{display:block;box-sizing:border-box;width:100%;height:50px;padding:0 14px;border-radius:12px;border:1px solid #252d45;background:#0c0f18;color:#e8eaf2;font-size:13px;outline:0}
.ip-modal .ip-in::placeholder{color:#6d7690}
.ip-modal .ip-in.bad,.ip-coinbox.bad{border-color:#eb4b4b}
.ip-err{font-size:12px;color:#ff9a9a;line-height:1.4}
.ip-err:empty{display:none}
.ip-modal .ip-help{width:100%;height:auto;border-radius:12px;border:1px solid #252d45}
.ip-modal .ip-lnk{font-size:13px;color:#aab1c6;text-decoration:underline;min-height:24px}
.ip-modal .ip-lnk-s{min-height:0}
.ip-modal .ip-go{min-height:54px;border-radius:14px;font-size:16px}
.ip-modal .ip-go:disabled{opacity:.55;cursor:default;filter:none}
.ip-modal .ip-keep{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;border:1px solid #252d45;background:#161c2e;color:#e8eaf2;font-weight:600;font-size:14px;padding:0;width:100%;cursor:pointer}
.ip-pv{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:#0c0f18;border:1px solid #252d45}
.ip-pv-i{width:96px;height:64px;border-radius:10px;background:radial-gradient(circle at 50% 62%,var(--tint,transparent),transparent 72%);display:grid;place-items:center;flex:none}
.ip-pv-i img{width:84px;height:52px;object-fit:contain}
.ip-pv-s{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:20px;color:var(--rarity)}
.ip-ok{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid #2ec977;background:#0c0f18;display:flex;align-items:center;gap:8px;font-size:13px;overflow:hidden}
.ip-ok span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ip-ok b{color:#2ec977;font-weight:800}
.ip-note2{font-size:12px;color:#8a92a8}
.ip-coinbox{min-height:52px;padding:0 14px;border-radius:12px;border:1px solid #252d45;background:#0c0f18;display:flex;align-items:center;gap:10px;font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:20px}
.ip-coinbox>span{color:#f5c842}
.ip-coinbox input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;padding:0;margin:0;outline:0;height:52px}
.ip-fee{display:flex;justify-content:space-between;font-size:14px;padding:12px 14px;border-radius:12px;background:#0c0f18}
.ip-fee span{color:#8a92a8}

/* Tablet */
@media(max-width:1100px){.ip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.ip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phone (InventoryMobile mockup) */
@media(max-width:767px){
.ip-d{display:none}
.ip-m{display:revert}
.ip-page{padding:14px 14px 40px;gap:26px}
.ip-page.ip-page-bar{padding:0 0 14px}
.ip-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:0 14px;scrollbar-width:none}
.ip-tabs::-webkit-scrollbar{display:none}
.ip-page .ip-tab{flex:none;padding:0 16px}
.ip-sum{flex-direction:column;align-items:stretch;gap:10px;padding:16px;background:linear-gradient(180deg,#171a2a,#0e111b)}
.ip-sum-t{flex:none;min-width:0}
.ip-sum h1{font-size:22px}
.ip-sum-s,.ip-more{display:none}
.ip-burn{align-self:flex-start;padding:6px 12px;font-size:12px}
.ip-sec{gap:12px}
.ip-sec>h2{font-size:20px}
.ip-grid{display:flex;flex-direction:column;gap:12px}
.ip-card:hover{transform:none}
.ip-pic{height:124px}
.ip-pic img{width:160px;height:96px;margin-top:12px}
.ip-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;flex:none}
.ip-nm{grid-column:1;grid-row:1}
.ip-sk{font-size:18px}
.ip-pr{display:contents}
.ip-pr b{grid-column:2;grid-row:1;align-self:end}
.ip-tag{grid-column:1/-1;grid-row:2;text-align:left}
.ip-hint{grid-column:1/-1}
.ip-btns{grid-column:1/-1;margin-top:0;gap:10px}
.ip-page .ip-pri{min-height:52px;font-size:16px}
.ip-page .ip-sec-btn{min-height:48px}
.ip-page .ip-promo{flex-direction:row;align-items:center;gap:12px;padding:16px;background:linear-gradient(90deg,rgba(245,197,66,.14),#0e111b)}
.ip-star{font-size:26px}
.ip-pt{display:block;flex:1}
.ip-pt b{display:block;font-size:16px;line-height:normal}
.ip-pd{display:none}
.ip-pm{font-size:13px}
.ip-pgrid{display:flex;flex-direction:column;gap:12px}
.ip-proc{gap:14px;padding:14px}
.ip-proc>img{width:76px;height:52px;align-self:auto}
.ip-proc>.ip-noimg{width:76px;align-self:auto}
.ip-proc .ip-sk{font-size:16px}
.ip-page .ip-pri-s{min-height:48px;font-size:14px}
.ip-hrow{grid-template-columns:60px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:12px 14px}
.ip-hrow>img,.ip-hrow>.ip-noimg{grid-column:1;grid-row:1/3;width:60px;height:40px;font-size:26px}
.ip-hn,.ip-dot,.ip-page .ip-hbtn{display:none}
.ip-hm{display:block;grid-column:2;grid-row:1;font-size:14px;color:var(--rarity);align-self:end}
.ip-hs{display:block;grid-column:2;grid-row:2;font-size:12px;line-height:1.35;align-self:start}
}

/* Page /balance and checkout card /balance/pay (matches the dropandplus design mockup: Balance / BalanceMobile / BalanceExtras). Same box model as the mockup (content-box). */
.bl-page,.bl-page *,.bl-page *::before,.bl-page *::after{box-sizing:content-box}
.bl-page{max-width:1384px;margin:0 auto;padding:28px 28px 56px;display:flex;flex-direction:column;gap:28px;color:#e8eaf2;font-family:'Inter',system-ui,sans-serif;line-height:normal;letter-spacing:normal;min-width:0}
body.redesign .bl-page h1,body.redesign .bl-page h2,body.redesign .bl-page h3{margin:0;letter-spacing:0;line-height:normal;color:inherit;font-family:var(--rd-font-head,"Exo 2",sans-serif)}
body.redesign .bl-page h1{font-weight:900;font-size:32px}
body.redesign .bl-page h2{font-weight:800;font-size:22px}
body.redesign .bl-page h3{font-weight:800;font-size:20px}
.bl-page p{margin:0}
.bl-page a,.bl-page a:hover{text-decoration:none}
.bl-page svg{display:block;stroke:currentColor}
.bl-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:20px;align-items:stretch}
.bl-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;border-radius:20px;border:1px solid rgba(46,201,119,.35);background:linear-gradient(160deg,rgba(46,201,119,.12),#0e111b 62%)}
.bl-c1{display:flex;flex-direction:column;gap:6px}
.bl-lbl{font-size:14px;color:#9aa2b8;font-weight:600}
.bl-big{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:72px;font-weight:900;line-height:1;color:#2ec977}
.bl-c2{display:flex;flex-direction:column;gap:12px}
.bl-c2 p{color:#8a92a8;font-size:14px;line-height:1.5}
.bl-page .bl-link{display:inline-flex;align-items:center;min-height:44px;color:#f0952a;font-weight:700;font-size:14px}
.bl-spend{display:flex;flex-direction:column;gap:14px;min-width:0}
.bl-spend-wide{grid-column:1/-1}
.bl-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;flex:1}
.bl-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-tiles-1{grid-template-columns:minmax(0,1fr)}
.bl-tile{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:linear-gradient(180deg,#171a2a,#0e111b);border:1px solid #232b45;transition:transform .15s}
.bl-tile:hover{transform:translateY(-3px)}
.bl-tile-main{border-color:#e8762a;box-shadow:0 10px 30px rgba(232,118,42,.18)}
.bl-ti{width:52px;height:52px;border-radius:14px;display:grid;place-items:center}
.bl-ti svg{width:26px;height:26px}
.bl-tile-vip .bl-ti{background:rgba(232,118,42,.14);color:#f0952a}
.bl-tile-plus .bl-ti{background:rgba(245,197,66,.12);color:#f5c542}
.bl-tile-shop .bl-ti{background:rgba(34,201,183,.12);color:#22c9b7}
.bl-tt{min-width:0}
.bl-tt div{margin-top:4px;font-size:14px;color:#8a92a8}
.bl-bot{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.bl-cover{display:flex;flex-direction:column;gap:6px}
.bl-bar{height:6px;border-radius:99px;background:#1e2640;overflow:hidden}
.bl-bar div{height:100%;border-radius:99px;background:#2ec977}
.bl-cover span{font-size:12px;color:#8a92a8}
.bl-page .bl-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:#161c2e;border:1px solid #252d45;color:#e8eaf2;font-weight:700;font-size:15px}
.bl-page .bl-tile-main .bl-btn{background:linear-gradient(135deg,#e8762a,#f0952a);border:0;color:#fff}
.bl-page .bl-btn:hover{filter:brightness(1.08);color:#e8eaf2}
.bl-page .bl-tile-main .bl-btn:hover{color:#fff}
.bl-hist{display:flex;flex-direction:column;gap:16px}
.bl-hh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.redesign .bl-hist h2{font-size:24px}
.bl-pills{display:inline-flex;gap:6px;margin-left:6px}
.bl-page .bl-pill{padding:0 16px;min-height:40px;display:inline-flex;align-items:center;border-radius:999px;background:#111520;border:1px solid #252d45;color:#aab1c6;font-weight:600;font-size:13px}
.bl-page .bl-pill.is-on{background:#e8eaf2;border:0;color:#07090e;font-weight:700}
.bl-table{border-radius:18px;border:1px solid #232b45;overflow:hidden;background:#0e111b}
.bl-thead,.bl-row{display:grid;grid-template-columns:48px minmax(0,1fr) 150px 110px;gap:16px}
.bl-thead{padding:12px 24px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#6d7690;border-bottom:1px solid #1e2640}
.bl-thead span:nth-child(n+3),.bl-sum,.bl-bal{text-align:right}
.bl-row{align-items:center;padding:14px 24px;border-bottom:1px solid #161c2e}
.bl-row:hover{background:#12172a}
.bl-row>div{min-width:0}
.bl-ic{width:40px;height:40px;border-radius:12px;background:rgba(46,201,119,.12);color:#2ec977;display:grid;place-items:center}
.bl-ic svg{width:20px;height:20px}
.bl-what{font-size:15px;font-weight:600}
.bl-when{font-size:13px;color:#6d7690;margin-top:2px}
.bl-bm{display:none}
.bl-sum{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:18px;color:#2ec977}
.bl-bal{font-size:14px;color:#8a92a8}
.bl-row.is-out .bl-ic{background:rgba(235,75,75,.12);color:#ff9a9a}
.bl-row.is-out .bl-sum{color:#ff9a9a}
.bl-none{padding:24px;text-align:center;font-size:14px;color:#6d7690}
.bl-empty{display:flex;align-items:center;gap:28px;padding:28px 32px;border-radius:20px;border:1px solid #232b45;background:linear-gradient(90deg,#171a2a,#0e111b);flex-wrap:wrap}
.bl-empty-sum{display:flex;flex-direction:column;gap:6px;min-width:200px}
.bl-empty-sum b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:56px;font-weight:900;line-height:1;color:#6d7690}
.bl-empty-txt{flex:1;min-width:280px;display:flex;flex-direction:column;gap:6px}
.bl-empty-txt b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:20px}
.bl-empty-txt span{font-size:14px;color:#8a92a8;line-height:1.5}
.bl-page .bl-empty-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:14px;background:linear-gradient(135deg,#e8762a,#f0952a);color:#fff;font-weight:700;font-size:16px}
.bl-page .bl-empty-cta:hover{color:#fff;filter:brightness(1.08)}
/* checkout card */
.bp-page{max-width:1384px;margin:0 auto;padding:28px 14px 56px;color:#e8eaf2;font-family:'Inter',system-ui,sans-serif;line-height:normal;letter-spacing:normal;min-width:0}
.bp-page,.bp-page *,.bp-page *::before,.bp-page *::after{box-sizing:content-box}
.bp-card{position:relative;max-width:440px;margin:0 auto;padding:24px;border-radius:20px;background:linear-gradient(180deg,#171a2a,#0e111b);border:1px solid #2c3050;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.bp-head{display:flex;justify-content:space-between;align-items:center}
body.redesign .bp-page h1{margin:0;letter-spacing:0;line-height:normal;color:inherit;font-family:var(--rd-font-head,"Exo 2",sans-serif);font-weight:800;font-size:20px}
.bp-page a,.bp-page a:hover{text-decoration:none}
.bp-page .bp-x{width:44px;height:44px;border-radius:10px;border:0;background:transparent;color:#8a92a8;font-size:20px;display:grid;place-items:center}
.bp-line{display:flex;justify-content:space-between;font-size:15px}
.bp-line span{color:#8a92a8}
.bp-tog{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#0c0f18;border:1px solid #252d45;cursor:pointer}
.bp-tog input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.bp-sw{width:46px;height:26px;border-radius:99px;background:#252d45;position:relative;flex:none;transition:background .15s}
.bp-sw::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.bp-tog input:checked+.bp-sw{background:#2ec977}
.bp-tog input:checked+.bp-sw::after{left:23px}
.bp-tog input:focus-visible+.bp-sw{outline:2px solid #f0952a;outline-offset:2px}
.bp-tog.is-locked{cursor:default}
.bp-tt{flex:1;min-width:0}
.bp-tt b{font-size:15px}
.bp-tt div{font-size:13px;color:#8a92a8;margin-top:2px}
.bp-due{display:flex;justify-content:space-between;align-items:center;font-size:17px}
.bp-due b{font-family:var(--rd-font-head,"Exo 2",sans-serif);font-size:24px}
.bp-due b.is-zero{color:#2ec977}
.bp-page .bp-pay{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:14px;border:0;background:linear-gradient(135deg,#e8762a,#f0952a);color:#fff;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;margin:0;padding:0}
.bp-page .bp-pay:hover{filter:brightness(1.08);color:#fff}
.bp-note{font-size:12px;color:#8a92a8}
.bp-err{padding:12px 14px;border-radius:12px;background:rgba(235,75,75,.12);border:1px solid rgba(235,75,75,.4);color:#ff9a9a;font-size:14px;line-height:1.4}
@media(max-width:767px){
.bl-page{padding:16px 14px 40px;gap:26px}
body.redesign .bl-page h1{font-size:26px}
body.redesign .bl-page h2,body.redesign .bl-hist h2{font-size:20px}
.bl-top{display:flex;flex-direction:column;gap:26px}
.bl-card{gap:14px;padding:22px 20px}
.bl-c1,.bl-c2{display:contents}
.bl-lbl{font-size:13px}
.bl-big{font-size:56px}
.bl-c2 p{font-size:13px}
.bl-spend{gap:12px}
.bl-tiles{display:flex;flex-direction:column;gap:12px}
.bl-tile{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:12px;align-items:center;padding:16px;border-radius:16px}
.bl-ti{width:48px;height:48px}
.bl-ti svg{width:24px;height:24px}
body.redesign .bl-page h3{font-size:18px}
.bl-tt div{margin-top:2px;font-size:13px}
.bl-bot{display:contents}
.bl-cover,.bl-page .bl-btn{grid-column:1/-1}
.bl-page .bl-btn{min-height:50px}
.bl-hist{gap:12px}
.bl-hh{display:contents}
.bl-pills{display:flex;gap:6px;overflow-x:auto;margin:0 -14px;padding:0 14px}
.bl-page .bl-pill{flex:none;min-height:44px}
.bl-table{border-radius:16px}
.bl-thead,.bl-bal{display:none}
.bl-row{display:flex;gap:12px;padding:14px}
.bl-ic{flex:none}
.bl-row>div{flex:1}
.bl-what{font-size:14px;line-height:1.3}
.bl-when{font-size:12px}
.bl-bm{display:inline}
.bl-sum{font-size:16px;white-space:nowrap}
.bl-empty{padding:22px 20px;gap:18px}
.bl-empty-sum{min-width:0;width:100%}
.bl-empty-sum b{font-size:48px}
.bl-empty-txt{min-width:0;flex-basis:100%}
.bl-page .bl-empty-cta{width:100%;box-sizing:border-box}
.bp-page{padding-top:16px}
}