/* Painted laboratory shell. Every amount, control and confirmation is live. */
.buy-bonus-dialog .buy-bonus-shell h2.popup-plaque-title{left:var(--popup-full-left);top:var(--popup-full-top);width:var(--popup-full-width);height:var(--popup-full-height);right:auto;padding:0;box-sizing:border-box;overflow:hidden;line-height:1}
.buy-bonus-dialog .popup-plaque-title .popup-title-art{display:block;flex:none;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;line-height:0}
.buy-bonus-dialog .popup-title-lines{display:flex;flex-direction:column;gap:4%;width:100%;height:100%;min-height:0}
.buy-bonus-dialog .popup-title-line{display:block;flex:1;min-width:0;min-height:0;width:100%;overflow:hidden}
.buy-bonus-dialog .popup-title-compact{display:none;width:100%;height:100%;overflow:hidden}
@media(max-width:700px),(max-height:570px){
 .buy-bonus-dialog .buy-bonus-shell h2.popup-plaque-title{left:calc(48px + (100% - 96px)*var(--popup-desktop-x));top:calc(80px*var(--popup-desktop-y));width:calc((100% - 96px)*var(--popup-desktop-width));height:calc(80px*var(--popup-desktop-height))}
 .buy-bonus-dialog .popup-plaque-title .popup-title-lines{display:none}
 .buy-bonus-dialog .popup-plaque-title .popup-title-compact{display:block}
}
.buy-bonus-dialog{border:0;border-radius:0;box-shadow:none;padding:0;background:transparent;color:#eff7dc;width:min(1150px,98vw,147dvh);max-width:none;max-height:98dvh;aspect-ratio:1.4;overflow:visible;font-family:'Segoe UI',sans-serif;container-type:inline-size}
.buy-bonus-dialog::backdrop{background:#010909df;backdrop-filter:blur(7px)}
.buy-bonus-dialog .buy-bonus-shell{position:relative;width:100%;height:100%;isolation:isolate;filter:drop-shadow(0 14px 25px #000b)}
.buy-bonus-dialog .buy-bonus-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;user-select:none}
.buy-bonus-dialog .buy-bonus-shell h2{position:absolute;left:30%;right:30%;top:10.8%;height:10%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#f0e2bf;text-shadow:0 3px #17231e,1px 0 #685b45,-1px 0 #685b45,0 0 16px #b6e65735;font:900 3.35cqw/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.06em}
.buy-bonus-dialog .buy-title-art{display:block;flex:none;width:82%;height:84%;max-width:82%;max-height:84%;overflow:hidden;line-height:0}
.buy-bonus-dialog .buy-title-lines{display:flex;flex-direction:column;gap:4%;width:100%;height:100%;min-height:0}
.buy-bonus-dialog .buy-title-line{display:block;flex:1;min-width:0;min-height:0;width:100%;overflow:hidden}
.buy-bonus-dialog .buy-title-compact{display:none;width:100%;height:100%;overflow:hidden}
.buy-bonus-dialog .buy-close{position:absolute;z-index:2;right:10.4%;top:25.4%;width:3.4cqw;height:3.4cqw;min-width:32px;min-height:32px;border:2px solid #859087;border-radius:8px;background:linear-gradient(140deg,#59736c,#172c2d 52%,#34493d);box-shadow:inset 0 0 0 2px #0b1d1d,0 3px 5px #0009;color:#d9ff9b;font:bold 2.7cqw/1 sans-serif;padding:0;cursor:pointer}
.buy-bonus-dialog .buy-bonus-content{position:absolute;inset:25.3% 11.6% 18%;display:flex;flex-direction:column;min-height:0;gap:1cqw}
.buy-bonus-dialog .buy-intro{margin:0 0 .2cqw;text-align:center;font:700 .95cqw/1.3 ui-monospace,monospace;letter-spacing:.22em;color:#b4c8b9;padding:1.1cqw 4cqw .4cqw}
.buy-bonus-dialog .buy-feature-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85cqw;flex:1;min-height:0}
.buy-bonus-dialog .buy-destination-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85cqw;flex:1;min-height:0}
.buy-bonus-dialog .buy-offer{--offer-glow:#b6f560;--offer-border:#86a85e;--offer-halo:#93d83928;--offer-top:#244329;--offer-base:#10291d;--offer-end:#192c19;--offer-muted:#c0d1b1;position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:29% 1fr;grid-template-rows:auto 1fr auto;gap:.35cqw .7cqw;padding:.6cqw .8cqw .65cqw;border:2px solid var(--offer-border);border-radius:12px;background:radial-gradient(ellipse at 25% 40%,var(--offer-halo),transparent 65%),linear-gradient(145deg,var(--offer-top),var(--offer-base) 60%,var(--offer-end));box-shadow:inset 0 0 0 2px #061617,inset 0 0 0 4px color-mix(in srgb,var(--offer-glow) 10%,transparent),0 4px 7px #0007;color:#f3f5db;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}
.buy-bonus-dialog .buy-offer:before,.buy-bonus-dialog .buy-offer:after{content:'';position:absolute;top:7px;width:4px;height:4px;border:1px solid #7f927b;border-radius:50%;background:#0c1515;box-shadow:0 1px #adbd9a60}.buy-bonus-dialog .buy-offer:before{left:6px}.buy-bonus-dialog .buy-offer:after{right:6px}
/* Each experiment keeps its own tint, accent and reflected light. */
.buy-bonus-dialog [data-buy-theme="tripleFeature"]{--offer-glow:#b6f560;--offer-border:#86a85e;--offer-halo:#93d83928;--offer-top:#244329;--offer-base:#10291d;--offer-end:#192c19;--offer-muted:#c0d1b1}
.buy-bonus-dialog [data-buy-theme="quadrupleFeature"]{--offer-glow:#70f3ec;--offer-border:#56b8b0;--offer-halo:#21d6cd35;--offer-top:#16514c;--offer-base:#102e31;--offer-end:#193d3a;--offer-muted:#b4e1db}
.buy-bonus-dialog [data-buy-theme="quintupleFeature"]{--offer-glow:#ffb45f;--offer-border:#cb8150;--offer-halo:#ed662935;--offer-top:#66301d;--offer-base:#361d18;--offer-end:#47291d;--offer-muted:#ebc2a7}
.buy-bonus-dialog [data-buy-theme="megaBrain"]{--offer-glow:#f29aff;--offer-border:#ac7fb9;--offer-halo:#b54ad744;--offer-top:#492857;--offer-base:#22172f;--offer-end:#30203e;--offer-muted:#d1b9da}
.buy-bonus-dialog [data-buy-theme="asylum1"]{--offer-glow:#7fc6ff;--offer-border:#598ead;--offer-halo:#357edb2c;--offer-top:#183450;--offer-base:#102439;--offer-end:#152e40;--offer-muted:#b5cbdc}
.buy-bonus-dialog [data-buy-theme="asylum2"]{--offer-glow:#ffd47e;--offer-border:#b08b51;--offer-halo:#e6a33828;--offer-top:#47351c;--offer-base:#2b2415;--offer-end:#382a19;--offer-muted:#d8c9a9}
.buy-bonus-dialog [data-buy-theme="asylum3"]{--offer-glow:#ffaaa0;--offer-border:#ba766f;--offer-halo:#e6685940;--offer-top:#562e33;--offer-base:#301c25;--offer-end:#3e252c;--offer-muted:#dec0bc}
.buy-bonus-dialog .buy-offer:focus-visible{outline-color:var(--offer-glow)}
.buy-bonus-dialog .buy-offer .buy-art{filter:drop-shadow(0 5px 4px #000a) drop-shadow(0 0 12px color-mix(in srgb,var(--offer-glow) 19%,transparent))}
.buy-bonus-dialog .buy-offer:hover:not(:disabled){border-color:var(--offer-glow);box-shadow:inset 0 0 0 2px #061617,0 0 17px color-mix(in srgb,var(--offer-glow) 25%,transparent),0 4px 7px #0007;transform:translateY(-2px)}
.buy-bonus-dialog .buy-offer-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:6px;padding:0 .5cqw;font:800 .76cqw/1.3 ui-monospace,monospace;letter-spacing:.08em;color:var(--offer-muted)}.buy-bonus-dialog .buy-offer-top b{color:var(--offer-glow);font-weight:800;white-space:nowrap}
.buy-bonus-dialog .buy-art{position:relative;grid-column:1;grid-row:2;align-self:center;width:100%;height:7.4cqw;pointer-events:none;filter:drop-shadow(0 5px 4px #000a)}
.buy-bonus-dialog .buy-art svg,.buy-bonus-dialog .buy-art>img{display:block;width:100%;height:100%;object-fit:contain}
.buy-bonus-dialog .buy-art-features{display:flex;align-items:center;justify-content:center}.buy-bonus-dialog .buy-feature-prop{position:absolute;width:68%;height:90%;transform:rotate(-20deg) translateX(-25%)}.buy-bonus-dialog .buy-feature-prop-2{z-index:2;width:55%;height:74%;transform:translateY(12%)}.buy-bonus-dialog .buy-feature-prop-3{transform:rotate(20deg) translateX(30%)}
.buy-bonus-dialog .buy-art-count-4 .buy-feature-prop,.buy-bonus-dialog .buy-art-count-5 .buy-feature-prop{width:57%;height:70%;transform:translate(-35%,-13%) rotate(-22deg)}.buy-bonus-dialog .buy-art-count-4 .buy-feature-prop-2,.buy-bonus-dialog .buy-art-count-5 .buy-feature-prop-2{transform:translate(5%,24%);width:49%;height:59%}.buy-bonus-dialog .buy-art-count-4 .buy-feature-prop-3,.buy-bonus-dialog .buy-art-count-5 .buy-feature-prop-3{transform:translate(39%,-12%) rotate(22deg)}.buy-bonus-dialog .buy-art-count-4 .buy-feature-prop-4,.buy-bonus-dialog .buy-art-count-5 .buy-feature-prop-4{transform:translate(-34%,28%) rotate(-25deg);width:55%;height:55%;z-index:1}.buy-bonus-dialog .buy-art-count-5 .buy-feature-prop-5{transform:translate(40%,30%) rotate(18deg);width:59%;height:53%;z-index:1}
/* The stationary slot reserves the full animated silhouette, including the
   tilted blade tips. A square inner group prevents tall compact cards from
   stretching those tips into the title; the gutter stays outside this slot. */
.buy-bonus-dialog .buy-feature-art-slot{grid-column:1;grid-row:2;align-self:center;display:grid;place-items:center;width:100%;height:7.4cqw;overflow:hidden;pointer-events:none}
.buy-bonus-dialog .buy-feature-art-slot>.buy-art-features{width:72%;height:auto;aspect-ratio:1;grid-column:auto;grid-row:auto}
.buy-bonus-dialog .buy-charge{position:absolute;inset:20% 18%;border-radius:50%;box-shadow:0 0 25px #b4fc3a2b;z-index:-1}.buy-bonus-dialog .buy-orbit{position:absolute;inset:3% 4%;border-radius:50%;border:1px solid #ff90ee70;box-shadow:0 0 13px #f228e22b;transform:rotate(-20deg) scaleY(.72)}
.buy-bonus-dialog .buy-offer-copy{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:.4cqw;min-width:0}.buy-bonus-dialog .buy-offer-copy>strong{font:600 1.8cqw/1.15 'Segoe UI','Trebuchet MS',sans-serif;letter-spacing:.035em;text-transform:uppercase;color:#f5f0d5;text-shadow:none;font-synthesis:none}.buy-bonus-dialog .buy-offer-copy>span{font-size:1.1cqw;line-height:1.35;color:#b7c9bc}
/* Deliberate title rows keep word breaks stable without heavy display type,
   text scaling or shadows that blur the small illustrated cards. */
.buy-bonus-dialog .buy-offer-name{display:flex;flex-direction:column;gap:.16em;min-width:0}
.buy-bonus-dialog .buy-offer-title-main,.buy-bonus-dialog .buy-offer-title-sub{display:block;white-space:nowrap;line-height:1.15}
.buy-bonus-dialog .buy-offer-title-sub{font-size:.66em;font-weight:500;letter-spacing:.11em;color:var(--offer-muted,#c0d1b1)}
.buy-bonus-dialog .buy-price{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:4px;border-top:1px solid color-mix(in srgb,var(--offer-glow) 29%,transparent);padding:.45cqw .25cqw 0;font:700 .8cqw/1.2 ui-monospace,monospace;color:var(--offer-glow)}.buy-bonus-dialog .buy-price>b{font:bold 1.8cqw/1 ui-monospace,monospace;letter-spacing:-.06em}.buy-bonus-dialog .buy-price>span{text-align:right}.buy-bonus-dialog .buy-price i{font:700 1.4cqw/1 sans-serif;font-style:normal;margin-left:.5cqw}
.buy-bonus-dialog .buy-offer-asylum{grid-template-columns:38% 1fr}.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>strong{font-size:1.65cqw}.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>span{font-size:1cqw}.buy-bonus-dialog .buy-offer-asylum .buy-art{height:7.8cqw}.buy-bonus-dialog .buy-art-asylum>img{height:91%;transform:scale(1.17)}.buy-bonus-dialog .buy-lives{position:absolute;display:flex;justify-content:center;left:-12%;right:-12%;bottom:-6%;height:32%}.buy-bonus-dialog .buy-lives>img{width:29%;height:100%;object-fit:contain;margin:0 -3%;filter:drop-shadow(0 1px 2px #000)}
.buy-bonus-dialog .buy-offer:disabled{opacity:1;cursor:not-allowed;border-color:#4f5c53}.buy-bonus-dialog .buy-offer:disabled .buy-offer-copy>span,.buy-bonus-dialog .buy-offer:disabled .buy-offer-top{color:#a8b4ac}.buy-bonus-dialog .buy-offer:disabled .buy-price{color:#edc3b3}.buy-bonus-dialog .buy-offer:disabled .buy-art{filter:saturate(.55) drop-shadow(0 3px 4px #000a)}
.buy-bonus-dialog .buy-bet-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:.5cqw 1cqw;border:1px solid #668f6855;border-radius:8px;background:#021718b0;box-shadow:inset 0 0 15px #0005;flex-shrink:0}.buy-bonus-dialog .buy-balance>span,.buy-bonus-dialog .buy-bet>span{font:700 .8cqw/1.4 ui-monospace,monospace;letter-spacing:.09em;color:#9fbcab}.buy-bonus-dialog .buy-balance>strong,.buy-bonus-dialog .buy-bet strong{display:block;color:#e0f4b7;font:700 1.6cqw/1.2 ui-monospace,monospace;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.buy-bonus-dialog .buy-bet{display:flex;align-items:center;gap:1.25cqw;text-align:center}.buy-bonus-dialog .buy-bet>button{padding:0;border:2px solid #688d64;border-radius:8px;width:3.2cqw;height:3.2cqw;min-width:32px;min-height:32px;background:linear-gradient(145deg,#3d652b,#162b21 65%);box-shadow:inset 0 0 0 2px #172c20;color:#d1ff87;font:bold 2.3cqw/1 sans-serif;cursor:pointer}.buy-bonus-dialog .buy-bet>button:disabled{opacity:.4;cursor:default}
.buy-bonus-dialog .buy-message{flex-shrink:0;min-height:1.2em;margin:0;text-align:center;color:#ffcfad;font-size:1cqw;line-height:1.3}.buy-bonus-dialog .buy-message:empty{display:none}
.buy-bonus-dialog .buy-bet-bar{margin-inline:calc(1cqw + 5px)}
.buy-bonus-dialog button:focus-visible{outline:3px solid #ddffac;outline-offset:3px}.buy-bonus-dialog button:disabled{pointer-events:auto}
.buy-bonus-dialog .is-confirming .buy-bonus-content{align-items:center;gap:.8cqw;padding-top:0}.buy-bonus-dialog .buy-confirm-art{height:11.5cqw;width:19cqw;flex-shrink:0}.buy-bonus-dialog .buy-confirm-art .buy-art{height:100%;width:100%}.buy-bonus-dialog .buy-confirm-art .buy-art-asylum>img{height:88%}.buy-bonus-dialog .buy-confirm-kicker{margin:0;color:#adc9b0;font:700 .86cqw/1.2 ui-monospace,monospace;letter-spacing:.16em}.buy-bonus-dialog .buy-confirm-name{margin:0;color:#e8f0ca;text-transform:uppercase;text-align:center;font:700 2.8cqw/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.045em}.buy-bonus-dialog .buy-confirm-description{margin:0;text-align:center;font-size:1.12cqw;color:#c4d4c7;max-width:90%}.buy-bonus-dialog .buy-confirm-ledger{width:75%;margin:.5cqw 0;display:grid;gap:.6cqw;padding:1cqw 1.3cqw;border:1px solid #749c7555;border-radius:10px;background:#031819c9;box-shadow:inset 0 0 0 2px #16363177;font-size:1.2cqw}.buy-bonus-dialog .buy-confirm-ledger>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.buy-bonus-dialog .buy-confirm-ledger dt{color:#aec3b3}.buy-bonus-dialog .buy-confirm-ledger dd{margin:0;color:#e1ffb4;font:700 1.5cqw/1.2 ui-monospace,monospace;white-space:nowrap}.buy-bonus-dialog .buy-confirm-ledger>div:nth-child(2){border-block:1px solid #749c7533;padding:.6cqw 0}.buy-bonus-dialog .buy-confirm-ledger>div:nth-child(2) dd{font-size:2.1cqw;color:#cfff7c}.buy-bonus-dialog .buy-confirm-actions{display:flex;justify-content:center;gap:1.2cqw;width:75%;margin-top:auto}.buy-bonus-dialog .buy-primary,.buy-bonus-dialog .buy-secondary{min-height:42px;border:2px solid #9bd652;border-radius:8px;padding:1cqw 1.6cqw;font:800 1.15cqw/1.2 'Segoe UI',sans-serif;letter-spacing:.035em;cursor:pointer}.buy-bonus-dialog .buy-primary{flex:1.6;background:linear-gradient(#93d944,#528b25 49%,#29521e 51%,#386728);color:#f4ffe2;text-shadow:0 2px 2px #17330b;box-shadow:inset 0 0 0 2px #244514,0 0 15px #8be33d22}.buy-bonus-dialog .buy-secondary{flex:1;color:#cadacb;background:linear-gradient(#344d48,#162a29);border-color:#6e8a76}.buy-bonus-dialog .buy-primary:disabled,.buy-bonus-dialog .buy-secondary:disabled{opacity:.5;cursor:wait}
/* Only the icon group drifts; its individual illustrated pieces retain their
   composition. These same selectors apply in the confirmation hero. */
@media(prefers-reduced-motion:no-preference){.buy-bonus-dialog .buy-art-brain>img{animation:buyBrainBreathe 3.4s ease-in-out infinite}.buy-bonus-dialog .buy-art-features{animation:buyItemsFloat 4.7s ease-in-out infinite}.buy-bonus-dialog .buy-art-count-4{animation-delay:-1.2s}.buy-bonus-dialog .buy-art-count-5{animation-delay:-2.4s}.buy-bonus-dialog .buy-art-asylum{animation:buyAsylumBreathe 5.6s ease-in-out infinite}.buy-bonus-dialog [data-buy-theme="asylum2"] .buy-art-asylum{animation-delay:-1.8s}.buy-bonus-dialog [data-buy-theme="asylum3"] .buy-art-asylum{animation-delay:-3.6s}.buy-bonus-dialog .buy-charge{animation:buyCharge 3s ease-in-out infinite}}
@keyframes buyBrainBreathe{50%{transform:scale(1.035)}}@keyframes buyItemsFloat{0%,100%{transform:translateY(1px) rotate(-.6deg)}50%{transform:translateY(-2px) rotate(.7deg)}}@keyframes buyAsylumBreathe{0%,100%{transform:translateY(1px) rotate(.4deg) scale(1)}50%{transform:translateY(-1.5px) rotate(-.5deg) scale(1.018)}}@keyframes buyCharge{50%{box-shadow:0 0 34px color-mix(in srgb,var(--offer-glow,#b4fc3a) 30%,transparent)}}
.reduced-motion .buy-art,.reduced-motion .buy-art-brain>img,.reduced-motion .buy-charge,body:has(#game.reduced-motion) .buy-art,body:has(#game.reduced-motion) .buy-art-brain>img,body:has(#game.reduced-motion) .buy-charge{animation:none}
.buy-bonus-dialog .buy-confirm-art{filter:drop-shadow(0 0 15px var(--offer-halo,transparent))}
.buy-bonus-dialog .buy-confirm-name{color:var(--offer-glow,#e8f0ca)}
/* Three bundles above four destinations keep all seven prices visible inside
   the same painted frame. Details remain complete on the confirmation. */
@media(min-width:701px) and (min-height:571px){
 .buy-bonus-dialog .buy-offer{grid-template-columns:34% 1fr;gap:.3cqw .6cqw;padding:.55cqw .65cqw .6cqw}
 .buy-bonus-dialog .buy-offer-copy>strong{font-size:1.7cqw;line-height:1.02}
 .buy-bonus-dialog .buy-offer-copy>span{font-size:1cqw;line-height:1.3}
 .buy-bonus-dialog .buy-destination-offers .buy-offer{grid-template-columns:36% 1fr}
 .buy-bonus-dialog .buy-destination-offers .buy-art{height:6.9cqw}
 .buy-bonus-dialog .buy-destination-offers .buy-offer-copy>strong{font-size:1.5cqw;line-height:1.04}
 .buy-bonus-dialog .buy-destination-offers .buy-offer-copy>span{font-size:.95cqw;line-height:1.35}
 .buy-bonus-dialog .buy-destination-offers .buy-offer-top{font-size:.67cqw;letter-spacing:.025em;padding-inline:.2cqw}
 .buy-bonus-dialog .buy-destination-offers .buy-price>b{font-size:1.55cqw}
 .buy-bonus-dialog .buy-destination-offers .buy-price>span{font-size:.7cqw}
}
@media(max-width:700px),(max-height:570px){
 .buy-bonus-dialog .buy-title-art{height:100%;max-height:100%}
 .buy-bonus-dialog .buy-title-lines{display:none}
 .buy-bonus-dialog .buy-title-compact{display:block}
 .buy-bonus-dialog{width:min(920px,100vw);height:96dvh;aspect-ratio:auto;max-height:96dvh}.buy-bonus-dialog .buy-bonus-frame{display:none}.buy-bonus-dialog .buy-bonus-shell:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:80px 48px 42px;border-image:url('/demo/floorbidden/assets/ui/modal-frame-v1.png') 280 200 160 fill / 80px 48px 42px stretch}.buy-bonus-dialog .buy-bonus-shell h2{top:34px;height:25px;left:21%;right:21%;font-size:24px}.buy-bonus-dialog .buy-close{top:77px;right:35px;width:32px;height:32px;font-size:26px}.buy-bonus-dialog .buy-bonus-content{inset:76px 42px 48px;overflow-y:auto;overflow-x:hidden;gap:10px;padding:0 3px 6px;scrollbar-width:thin;scrollbar-color:#789c59 #09201e}.buy-bonus-dialog .buy-intro{font-size:10px;letter-spacing:.12em;padding:15px 30px 10px}.buy-bonus-dialog .buy-feature-offers,.buy-bonus-dialog .buy-destination-offers{flex:none;gap:10px}.buy-bonus-dialog .buy-feature-offers{grid-template-columns:1fr}.buy-bonus-dialog .buy-destination-offers{grid-template-columns:1fr}.buy-bonus-dialog .buy-offer,.buy-bonus-dialog .buy-offer-asylum{min-height:137px;grid-template-columns:85px 1fr;border-radius:10px;padding:8px 10px;gap:4px 10px}.buy-bonus-dialog .buy-offer-top{font-size:10px;padding:0 5px}.buy-bonus-dialog .buy-art,.buy-bonus-dialog .buy-offer-asylum .buy-art{height:76px}.buy-bonus-dialog .buy-offer-copy>strong,.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>strong{font-size:22px}.buy-bonus-dialog .buy-offer-copy>span,.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>span{font-size:12px}.buy-bonus-dialog .buy-price{font-size:10px;padding-top:6px}.buy-bonus-dialog .buy-price>b{font-size:22px}.buy-bonus-dialog .buy-price i{font-size:18px;margin-left:5px}.buy-bonus-dialog .buy-bet-bar{padding:9px 10px;position:sticky;bottom:0;background:#071b1af5;z-index:2;box-shadow:0 -6px 12px #061c18cc,inset 0 0 12px #0b301b}.buy-bonus-dialog .buy-balance>span,.buy-bonus-dialog .buy-bet>span{font-size:9px}.buy-bonus-dialog .buy-balance>strong,.buy-bonus-dialog .buy-bet strong{font-size:17px}.buy-bonus-dialog .buy-bet{gap:12px}.buy-bonus-dialog .buy-bet>button{width:34px;height:36px;font-size:26px}.buy-bonus-dialog .buy-message{font-size:12px}.buy-bonus-dialog .is-confirming .buy-bonus-content{gap:12px;padding-top:24px}.buy-bonus-dialog .buy-confirm-art{width:160px;height:125px}.buy-bonus-dialog .buy-confirm-kicker{font-size:9px}.buy-bonus-dialog .buy-confirm-name{font-size:28px}.buy-bonus-dialog .buy-confirm-description{font-size:13px}.buy-bonus-dialog .buy-confirm-ledger{width:100%;box-sizing:border-box;margin:6px 0;padding:12px;font-size:12px;gap:9px}.buy-bonus-dialog .buy-confirm-ledger dd{font-size:16px}.buy-bonus-dialog .buy-confirm-ledger>div:nth-child(2){padding:9px 0}.buy-bonus-dialog .buy-confirm-ledger>div:nth-child(2) dd{font-size:24px}.buy-bonus-dialog .buy-confirm-actions{width:100%;gap:10px;margin-top:auto;padding-top:10px}.buy-bonus-dialog .buy-primary,.buy-bonus-dialog .buy-secondary{font-size:12px;padding:12px 10px;min-height:44px}
}
@media(min-width:701px) and (max-height:570px){.buy-bonus-dialog .buy-bonus-content{inset:78px 65px 45px}.buy-bonus-dialog .buy-feature-offers{grid-template-columns:repeat(3,minmax(0,1fr))}.buy-bonus-dialog .buy-destination-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-bonus-dialog .buy-offer,.buy-bonus-dialog .buy-offer-asylum{grid-template-columns:60px 1fr}.buy-bonus-dialog .buy-offer-copy>strong,.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>strong{font-size:18px}.buy-bonus-dialog .buy-offer-copy>span,.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>span{font-size:10px}.buy-bonus-dialog .buy-offer-top{font-size:9px}.buy-bonus-dialog .buy-confirm-art{width:110px;height:85px}.buy-bonus-dialog .is-confirming .buy-bonus-content{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px 20px;padding-top:25px}.buy-bonus-dialog .buy-confirm-art{grid-row:1/4}.buy-bonus-dialog .buy-confirm-kicker,.buy-bonus-dialog .buy-confirm-name,.buy-bonus-dialog .buy-confirm-description{grid-column:2;text-align:left}.buy-bonus-dialog .buy-confirm-ledger,.buy-bonus-dialog .buy-confirm-actions,.buy-bonus-dialog .is-confirming .buy-message{grid-column:1/-1}.buy-bonus-dialog .buy-confirm-ledger{margin:0}}
@media(max-width:370px){.buy-bonus-dialog .buy-bonus-content{left:32px;right:32px}.buy-bonus-dialog .buy-offer,.buy-bonus-dialog .buy-offer-asylum{grid-template-columns:63px 1fr}.buy-bonus-dialog .buy-offer-copy>strong,.buy-bonus-dialog .buy-offer-asylum .buy-offer-copy>strong{font-size:19px}.buy-bonus-dialog .buy-bet{gap:5px}.buy-bonus-dialog .buy-balance>strong,.buy-bonus-dialog .buy-bet strong{font-size:15px}.buy-bonus-dialog .buy-confirm-actions{flex-direction:column-reverse}.buy-bonus-dialog .buy-confirm-ledger{font-size:11px}.buy-bonus-dialog .buy-confirm-ledger dd{font-size:14px}}
@media(max-width:700px){.buy-bonus-dialog .buy-bonus-shell.is-confirming h2{font-size:18px;letter-spacing:.025em}}
/* Full amounts get their own line on narrow phones; keep long feature terms
   in the scrollable panel rather than compressing them into the price rows. */
@media(max-width:420px){
 .buy-bonus-dialog .buy-bet-bar{flex-direction:column;align-items:stretch;gap:8px}
 .buy-bonus-dialog .buy-balance{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .buy-bonus-dialog .buy-bet{justify-content:space-between}
 .buy-bonus-dialog .buy-confirm-ledger>div{flex-wrap:wrap;gap:4px}
 .buy-bonus-dialog .buy-confirm-ledger dt{flex-basis:100%}
 .buy-bonus-dialog .buy-confirm-ledger dd{margin-left:auto;max-width:100%}
 .buy-bonus-dialog .buy-confirm-actions{flex-direction:column-reverse;flex-shrink:0}
 .buy-bonus-dialog .is-confirming .buy-bonus-content>*{flex-shrink:0}
}
/* Keep the gutter after all responsive card presets. The title keeps its own
   column, while narrower landscape previews wrap bundles before text crowds. */
.buy-bonus-dialog .buy-feature-offers .buy-offer{column-gap:clamp(8px,.9cqw,12px)}
@media(max-width:700px),(max-height:570px){.buy-bonus-dialog .buy-feature-art-slot{height:76px}}
@media(min-width:701px) and (max-height:570px){.buy-bonus-dialog .buy-feature-offers{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}}