/* Remove retired helper rows and their spacing before the page is painted. */
.preview-tag,.footer-preview,.account-demo-fill,.df-form-foot,.df-flow-footer,.ui-preview-note,.account-preview-note,.sample-data-note,.bonus-mode-label,.df-binding-preview{display:none!important}
.account-modal .account-content{padding-bottom:20px}
.service-modal .service-modal-content{max-height:calc(100dvh - 150px)}
.service-modal{padding-bottom:0}
.page-tag:empty,.ui-note:empty,.df-lead:empty{display:none}
.sample-panel{margin-bottom:12px}
.sample-result-count{margin-bottom:0}
.bonus-overview-title{gap:8px}
.df-result p:empty{display:none}
.df-flow{min-height:0}
.ui-game-stage{min-height:280px}
.ui-game-placeholder{padding:24px}
.ui-game-placeholder img{width:110px;height:auto;border-radius:10px}
.game-detail{gap:28px;padding:24px}
.game-detail .detail-art{align-self:start}
.game-detail .detail-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;align-self:stretch}
.game-detail .detail-copy>h2{margin:12px 0}
.game-detail .detail-copy>p{margin:0 0 16px}
.game-detail .detail-actions{margin-top:16px}

/* Legacy flex-basis was reserving 170 px vertically for each small tier emblem. */
.vip-benefit-table thead tr{height:auto}
.vip-benefit-table thead th{height:auto;padding:12px 14px;vertical-align:middle}
.vip-benefit-table th:first-child{width:25%}
.vip-benefit-tier{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:0}
.vip-benefit-tier>.vip-emblem{display:inline-grid;place-items:center;flex:0 0 34px!important;width:30px!important;height:34px!important;min-height:0;min-width:0;margin:0!important;padding:0!important;border:0;background:none;box-sizing:border-box}
.vip-benefit-tier>.vip-emblem svg{display:block;width:30px;height:34px;max-width:30px;max-height:34px}
.vip-benefit-tier strong{font-size:13px;line-height:1.4;margin:0}
.vip-benefit-tier>small{font-size:10px;line-height:1.4;margin:0}
.vip-benefit-matrix-heading{margin-bottom:12px}
@media(max-width:760px){
 .vip-benefit-table thead th{padding:10px 8px}
 .vip-benefit-tier>.vip-emblem{flex-basis:30px!important;width:27px!important;height:30px!important}
 .vip-benefit-tier>.vip-emblem svg{width:27px;height:30px}
 .vip-benefit-tier strong{font-size:12px}
 .game-detail{padding:16px;gap:18px}
 .account-modal .account-content{padding-bottom:16px}
 .service-modal .service-modal-content{max-height:calc(100dvh - 120px)}
}