/* Desktop compares three features; compact phone cards scroll only when needed. */
html:has(#modal[open] .bonus-shop),body:has(#modal[open] .bonus-shop){overflow:hidden}
#modal:has(.bonus-shop){width:min(960px,calc(100% - 48px));max-width:960px;max-height:calc(100svh - 32px);padding:24px 12px 16px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:auto;overscroll-behavior:contain;scrollbar-color:#a97bac #1b1029}
#modal:has(.bonus-shop)::backdrop{background:#090512d9;backdrop-filter:blur(3px)}
#modal:has(.bonus-shop)>.close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #b78ccd66;border-radius:50%;background:#21112fee;color:#fff;font-size:30px;line-height:1}
.bonus-shop{text-align:center;padding:0 4px}
.bonus-shop #buy-title{margin:0 0 18px;font-family:Anton,'Barlow Condensed',Impact,sans-serif;font-size:36px;font-style:normal;font-weight:400;letter-spacing:.06em;color:#fff;text-shadow:0 3px 0 #522a64}
.buy-bet{width:214px;margin:0 auto 32px;padding:15px 20px 17px;border:1px solid #d4bfdc;border-radius:8px;background:#f3ecf8;color:#241330;box-shadow:0 6px 0 #160b2199}
.buy-bet>span{display:block;font-size:14px;font-weight:800;letter-spacing:.09em}
.buy-bet>strong{display:block;margin:2px 0 10px;font-size:29px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums}
.buy-bet-controls{display:flex;justify-content:center;gap:8px}
.buy-bet-controls button{width:54px;height:44px;border:1px solid #725383;border-radius:5px;background:#301b40;color:white;font:700 28px/1 Arial,sans-serif}
.buy-bet-controls button:disabled{opacity:.35;cursor:default}
.buy-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.buy-card{--buy-accent:#70eee8;--buy-ink:#175d69;--buy-tint:#e7f9fd;--buy-button-ink:#17283a;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #b2e4ed;border-radius:9px;background:linear-gradient(160deg,#fff,var(--buy-tint));color:#291737;box-shadow:0 6px 0 #14091dc9}
.buy-blood{--buy-accent:#ce214a;--buy-ink:#b4143d;--buy-tint:#ffe6ed;--buy-button-ink:#fff;border-color:#f7aabe}
.buy-disco{--buy-accent:#f368b7;--buy-ink:#a51c70;--buy-tint:#f7e5ff;--buy-button-ink:#291333;border-color:#eeb1e2}
.buy-card h3{margin:22px 10px 8px;font:400 26px/1.25 Anton,'Barlow Condensed',Impact,sans-serif;letter-spacing:.015em;color:#2d1739}
.buy-volatility{display:flex;flex-direction:column;align-items:center;gap:3px}
.buy-volatility>span{font-size:12px;font-weight:800;letter-spacing:.1em;color:#66536e}
.buy-stars{display:flex;justify-content:center;gap:4px;font-size:23px;line-height:1.25;color:#c3b6ca}
.buy-stars .filled{color:var(--buy-ink)}
.buy-art{position:relative;flex:0 0 138px;width:138px;height:138px;margin:10px auto 4px}
.buy-art .symbol-art{inset:0!important;width:100%!important;height:100%!important;animation:none!important;transform:none!important;filter:none!important;will-change:auto}
.buy-art .bonus-art-label{display:none}
.buy-card-price{display:block;margin:4px 10px 22px;font-size:30px;font-weight:800;line-height:1.25;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.buy-card-button{display:block;margin-top:auto;width:100%;min-height:56px;padding:12px;border:0;border-top:1px solid #00000016;background:var(--buy-accent);color:var(--buy-button-ink);font:400 26px/1.2 Anton,'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em;transition:filter .15s}
.buy-card-button:disabled{background:#d9ccdF;color:#6a566f;cursor:not-allowed;font-size:21px}
.bonus-shop button:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 5px #241432}
@media(hover:hover){.buy-card-button:not(:disabled):hover,.buy-bet-controls button:not(:disabled):hover{filter:brightness(1.12)}}
@media(max-width:650px){
 #modal:has(.bonus-shop){width:calc(100% - 24px);max-width:440px;max-height:calc(100svh - 16px);padding:44px 2px 16px}
 .bonus-shop{padding:0 2px}
 .bonus-shop #buy-title{font-size:30px;margin-bottom:14px}
 .buy-bet{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:center;width:min(100%,286px);margin-bottom:20px;padding:12px 16px}
 .buy-bet>span{grid-column:1;font-size:12px}
 .buy-bet>strong{grid-column:1;grid-row:2;margin:3px 0 0;font-size:26px}
 .buy-bet-controls{grid-column:2;grid-row:1/3;gap:6px}
 .buy-bet-controls button{width:46px}
 .buy-card-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .buy-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:7px 10px;padding:14px}
 .buy-card h3{grid-column:2/4;grid-row:1;font-size:22px;margin:0;text-align:left}
 .buy-art{grid-column:1;grid-row:1/4;width:78px;height:94px;align-self:center;margin:0}
 .buy-volatility{grid-column:2;grid-row:2;align-items:flex-start;gap:1px}
 .buy-volatility>span{font-size:12px;letter-spacing:.035em}
 .buy-stars{font-size:18px;gap:1px}
 .buy-card-price{grid-column:3;grid-row:2;align-self:center;font-size:24px;margin:0;max-width:112px}
 .buy-card-button{grid-column:2/4;grid-row:3;min-height:44px;margin:0;padding:8px;border-radius:4px;font-size:21px}
 .buy-card-button:disabled{font-size:18px}
}
@media(max-width:360px){.buy-card{grid-template-columns:58px minmax(0,1fr) auto;gap:6px 8px;padding:12px}.buy-art{width:60px;height:76px}.buy-card h3{font-size:20px}.buy-card-price{font-size:21px}.buy-stars{font-size:17px}}
@media(min-width:651px) and (max-height:580px){
 #modal:has(.bonus-shop){padding-top:8px}
 .bonus-shop #buy-title{font-size:28px;margin-bottom:12px}
 .buy-bet{margin-bottom:18px;padding:10px 20px}
 .buy-card h3{margin-top:15px;font-size:23px}
 .buy-art{width:100px;height:100px;flex-basis:100px;margin:4px auto}
 .buy-card-price{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.bonus-shop button{transition:none}}