/* Gates of Sin menu geometry. Artwork and confirmed rules remain Philosopher's Stone. */
.hud-bets{width:calc(940px * var(--pu));padding:calc(20px * var(--pu));border-radius:calc(20px * var(--pu))}
.hud-bets .popup-bets{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;gap:calc(12px * var(--pu))}
.hud-bets .popup-cost{display:none}
.hud-auto{padding:calc(20px * var(--pu));overflow:visible}
.hud-auto h2{position:relative;margin-bottom:calc(20px * var(--pu));padding-bottom:calc(20px * var(--pu));text-align:left;padding-left:calc(36px * var(--pu));font-size:calc(24px * var(--pu));white-space:nowrap}
.popup-chevron{position:absolute;right:calc(4px * var(--pu));color:#999}
.popup-bets button,.popup-auto button{background:linear-gradient(#292929,#222);border:1px solid #ffffff08;color:#999;box-shadow:0 calc(3px * var(--pu)) #0009;font-weight:600}
.popup-bets button.selected,.popup-auto button.selected{background:linear-gradient(#292929,#222);border-color:#cc2d7c66;color:var(--accent)}
.hud-auto .primary-button{min-width:0;height:calc(56px * var(--pu));padding:0;border-radius:calc(6px * var(--pu));font-weight:600;box-shadow:0 calc(3px * var(--pu)) #cc2d7c33}
.popup-mobile.hud-bets{width:calc(448px * var(--pu))}.popup-mobile.hud-bets .popup-bets{grid-template-columns:repeat(3,minmax(0,1fr))}
.sound-row input{height:calc(12px * var(--pu))}.sound-row input::-webkit-slider-thumb{border-radius:calc(4px * var(--pu))}
/* Equal card cuts, with the reference's large cropped artwork. */
.house-offers[data-count='2']{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(916px * var(--overlay-scale))}
.house-shop-dialog{background:#000b}.house-shop-dialog::backdrop{background:#0009}
.house-offer{transition:filter 100ms ease-out,transform 100ms ease-out}
.offer-illustration{width:62%;overflow:hidden;mask-image:linear-gradient(90deg,#000 65%,transparent)}
.offer-art-symbol{left:-18%;top:-24%;width:125%;height:148%;mask-image:none}.offer-art-symbol .symbol{filter:brightness(1.05)}
.art-count-2 .offer-art-symbol{width:100%;height:125%;top:-5%}.art-count-2 .art-0{left:-30%}.art-count-2 .art-1{left:10%}
.art-count-3 .offer-art-symbol{width:85%;height:100%}.art-count-3 .art-0{left:-3%;top:-25%}.art-count-3 .art-1{left:-25%;top:25%}.art-count-3 .art-2{left:26%;top:25%}
.offer-title,.offer-caption{z-index:1;text-shadow:0 2px 4px #0009}.offer-title{color:#f5dd99}.offer-mark{font-size:9cqw;right:13%;bottom:8%;background:#131313e0}
.shop-stake #shop-bet-down .ui-glyph{transform:rotate(-90deg)}.shop-stake #shop-bet-up .ui-glyph{transform:rotate(90deg)}
.house-confirm-dialog{background:#000b}.house-confirm-dialog .modal-head h2{display:none}
.buy-confirm-card{margin-top:max(70px,calc(50dvh - clamp(181.5px,calc(242px * var(--overlay-scale)),242px) - 5px));overflow:hidden}
.buy-confirm-card .offer-illustration{left:0;top:0;width:100%;height:37%;mask-image:linear-gradient(#000 45%,transparent)}
.buy-confirm-card .offer-art-symbol{left:0;top:-30%;width:100%;height:160%;mask-image:none}
.buy-confirm-card h3{top:31.2%;height:16.53%;font-weight:700!important}
.buy-confirm-card .offer-caption{top:53.3%;font-size:5cqw;color:#aaa}
.buy-confirm-card p{top:62%;height:9%;font:600 5cqw/1.25 GaiaRubik!important;text-transform:uppercase;color:#999!important}
.buy-confirm-card .confirm-price{top:73.55%;font-weight:700}.buy-confirm-card .confirm-buy{background:var(--accent);color:#000;box-shadow:0 3px #cc2d7c33}
.purchase-description{max-width:min(800px,80vw);margin:calc(40px * var(--overlay-scale)) auto 0;text-align:center;color:#fff!important;font:600 clamp(12px,1.25vw,24px)/1.4 GaiaRubik!important}
.purchase-cancel{margin:8px auto 16px;font-size:12px;padding:8px 20px}
/* Fullscreen reference information surface, independent scroll with fixed EXIT. */
.info-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0 0 70px;border:0;border-radius:0;background:#080809f2;box-shadow:none;overflow-y:auto;scrollbar-color:#666 #111;text-align:center}
.info-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.info-dialog .modal-head{display:block;border:0;margin:0;padding:30px 0 14px}.info-dialog .modal-head h2{font:700 36px/1 GaiaRubik;letter-spacing:6px;margin:4px 0 0;color:#fff}
.info-dialog .modal-head:after{content:'';display:block;width:180px;height:1px;background:#a38638;margin:18px auto 0}
.info-dialog #close-modal{position:fixed;right:16px;top:16px;width:28px;height:28px;border:0;background:none;font:600 27px/1 GaiaRubik;z-index:5}
.info-content{width:min(720px,calc(100% - 32px));margin:0 auto 24px}.info-content section{margin:0 0 32px}
.info-content h2{font:700 21px/1.2 GaiaRubik;letter-spacing:2px;color:#fbc64c;margin:10px 0 12px}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.info-card{border:1px solid #ffffff30;border-radius:4px;background:#0003;padding:18px 24px;min-width:0}.info-rules{max-width:560px;margin:auto}
#modal-body .info-card p{color:#ddd;font:600 14px/1.45 GaiaRubik;margin:0 0 20px;white-space:normal}#modal-body .info-card p:last-child{margin-bottom:0}
#modal-body .info-card h3{font:700 15px/1.2 GaiaRubik;letter-spacing:1px;color:#fbc64c;margin:10px 0 6px}
.info-symbol{position:relative!important;display:block;width:88px;height:82px;margin:0 auto;flex:none}
.symbol-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.symbol-grid .info-card{padding:18px 14px}
.info-card dl{margin:12px auto 0;max-width:135px;font-size:14px}.info-card dl>div{display:flex;justify-content:center;gap:10px;line-height:1.6}.info-card dt{color:#aaa}.info-card dt:after{content:' |'}.info-card dd{margin:0;color:#ddd}
#modal-body .section-note{color:#aaa;font-size:13px;line-height:1.5;max-width:560px;margin:0 auto 18px}
.info-footer{position:fixed;left:0;right:0;bottom:0;height:69px;background:#080809ed;border-top:1px solid #ffffff40;display:grid;place-items:center;z-index:4}
#info-exit{width:280px;max-width:80vw;height:44px;border:1px solid #ffffff40;background:#0003;color:#fff;font:700 16px GaiaRubik;letter-spacing:3px}#info-exit:hover{background:#ffffff15}
@media(max-width:900px),(max-height:600px){
 .house-offers[data-count='2']{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 .house-shop-dialog .shop-tabs{left:50%;transform:translateX(-50%)}
 .house-shop-dialog .shop-tabs button{padding:8px 10px;font-size:11px}
 .house-shop-dialog{padding-bottom:0}.shop-stake{width:270px;height:72px;min-height:72px;margin:0 auto;background:linear-gradient(transparent,#000b 25%)}
 .shop-stake button{top:14px;width:48px;height:48px}.shop-stake strong{font-size:24px}
 .buy-confirm-card{margin-top:0}.purchase-description{font-size:13px!important;max-width:88vw;margin-top:24px}
}
@media(max-width:600px){
 .house-shop-dialog .shop-tabs{left:12px;transform:none}.house-shop-dialog .shop-tabs button{padding:8px;font-size:10px}
 .house-offers[data-count='2']{grid-template-columns:1fr;width:min(448px,100%)}
 .info-grid,.symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-content{width:calc(100% - 24px)}.info-card{padding:16px 12px}
 #modal-body .info-card p{font-size:12px}.info-content h2{font-size:18px}.info-dialog .modal-head h2{font-size:28px}.info-rules{padding:18px 24px}
 .purchase-description{margin-top:18px}.purchase-cancel{margin-top:3px}
}
@media(min-width:601px) and (max-height:500px){.buy-confirm-card{margin-top:0}.purchase-description{margin-top:10px}.purchase-cancel{margin-top:0}}
@media(prefers-reduced-motion:no-preference){.hud-popup.is-open{animation:menu-reveal 100ms ease-out}.house-offers{animation:menu-reveal 140ms ease-out}.buy-confirm-card{animation:confirm-reveal 140ms ease-out}@keyframes menu-reveal{from{opacity:0}to{opacity:1}}@keyframes confirm-reveal{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}}

.offer-art-symbol .symbol{clip-path:inset(0 0 20% 0)}

.info-footer{padding:0;justify-content:center;align-content:center;grid-template-columns:1fr}.info-footer #info-exit{justify-self:center}
#close-modal{display:grid;place-items:center;padding:0}#close-modal svg{width:55%;height:55%;pointer-events:none}
.offer-art-symbol{mask-image:linear-gradient(#000 65%,transparent 82%)}
.shop-stake #shop-bet-down .ui-glyph{transform:rotate(90deg)}
.house-offers{scrollbar-width:none}.house-offers::-webkit-scrollbar{display:none}
@media(min-width:601px) and (max-height:500px){
 .buy-confirm-card .offer-illustration{left:0;top:0;width:40%;height:100%;mask-image:linear-gradient(90deg,#000 65%,transparent)}
 .buy-confirm-card h3{left:42%;right:4%;top:14px;height:60px;font-size:28px!important}
 .buy-confirm-card .offer-caption{left:42%;width:54%;top:84px;font-size:14px}
 .buy-confirm-card p{left:42%;right:4%;top:110px;height:45px;font-size:13px!important}
 .buy-confirm-card .confirm-price{left:42%;width:54%;top:170px;font-size:24px}
 .buy-confirm-card .confirm-buy{left:42%;width:54%;bottom:18px;height:42px;font-size:18px}
}
.art-count-1 .offer-art-symbol{height:auto;aspect-ratio:152/140}
.buy-confirm-card .art-count-1 .offer-art-symbol{height:auto;aspect-ratio:152/140}
@media(min-width:601px) and (max-height:500px){.buy-confirm-card .art-count-1 .offer-art-symbol{top:0}}