/* Approved 14-slide UI corrections, September 19. Presentation only. */
@media(min-width:768px){
 .hf-lower :is(.hf-points,.hf-gift,.hf-welcome) .hf-intro{min-height:180px;padding-right:90px}
 .hf-lower :is(.hf-points,.hf-gift,.hf-welcome) .hf-intro h2{font-size:19px!important;word-break:keep-all;margin-right:-90px}
 .hf-lower :is(.hf-points,.hf-gift,.hf-welcome) .hf-intro p{max-width:none;word-break:keep-all}
 .hf-lower :is(.hf-points,.hf-gift,.hf-welcome) .hf-intro>.hf-art{width:80px;height:100px;right:-8px;bottom:0}
 .hf-lower .hf-gift .hf-intro{min-height:210px}
}
.machine-use-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin:14px 0;border:1px solid #e2eaf1;border-radius:14px;background:#f5f9fc;color:#304762}
.machine-use-notice p{margin:0;line-height:1.8}.machine-use-notice p>span{color:#6587ac;margin-right:4px}.machine-use-notice strong{color:#0c6849;background:#e4f5ec;border-radius:4px;padding:1px 3px}
.machine-use-notice>a{flex-shrink:0;display:block;text-align:center;padding:11px 22px;border-radius:10px;background:#ffdb37;color:#102840;font-weight:800}
.machine-tab-point{display:inline-flex;background:#fff0aa;color:#725400;border-radius:5px;padding:2px 5px;font-size:11px;line-height:1.25;margin-left:6px}
@media(max-width:600px){
 .machine-use-notice{flex-direction:column;align-items:stretch;gap:10px}.machine-use-notice p{font-size:12px!important}
 body[data-ui="v14-exact"] .my100-gold-intro{min-height:162px;align-items:center}
 body[data-ui="v14-exact"] .my100-gold-intro>div{width:62%}
 body[data-ui="v14-exact"] .my100-gold-intro h1{font-size:21px!important;letter-spacing:-.8px}
 body[data-ui="v14-exact"] .my100-gold-intro p{max-width:none;font-size:12px!important;word-break:keep-all}
 body[data-ui="v14-exact"] .my100-gold-intro img{width:40%;height:145px;right:-8px;bottom:auto;top:12px;opacity:1;object-position:center}
}
/* Reserve the fixed bottom navigation at every breakpoint. */
body[data-ui] .content.rv-page,body[data-ui] .content.mv-page{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.rv-root .rv-top3{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-width:thin}
.rv-root .rv-top3>li{flex:0 0 calc((100% - 28px)/3);min-width:200px;scroll-snap-align:start}
.rv-root .rv-machine-art{height:115px}.rv-root .rv-machine-art>span{font-size:52px}.rv-root .rv-machine-art>b{font-size:23px;left:10px;top:8px}
.rv-root .rv-machine-body{padding:15px 10px}.rv-root .rv-machine-body h3{font-size:18px}
.rv-root .rv-machine-body dt,.rv-root .rv-machine-body dd{font-size:13px!important}
.rv-root .rv-score{display:flex;justify-content:space-between;align-items:center}.rv-root .rv-score span{font-size:12px}.rv-root .rv-score strong{font-size:24px}
.rv-slider-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 0 12px;color:#526b88;font-size:12px}
.rv-slider-controls button{width:36px;height:36px;border:1px solid #d6e1ed;background:#fff;border-radius:50%;color:#163859;font-size:23px!important;cursor:pointer}.rv-slider-controls button:disabled{opacity:.3;cursor:default}
.rv-root table{min-width:440px;font-size:14px}.rv-root tbody th a{font-size:14px!important;letter-spacing:-.5px}.rv-root tbody th a>span{display:inline-block;flex-shrink:0;font-size:19px}.rv-root td,.rv-root th{padding:12px 5px}
.rv-root th:nth-child(2){width:36%}.rv-root th:last-child{width:18%}

/* Follow-up layout corrections: compact wide-screen cards. */
@media(min-width:768px){
 .hf-lower{align-items:start}
 .hf-lower :is(.hf-points,.hf-welcome) .hf-intro{min-height:0;padding:0}
 .hf-lower :is(.hf-points,.hf-welcome) .hf-intro h2{margin-right:0}
 .hf-lower :is(.hf-points,.hf-welcome) .hf-intro p{max-width:none}
 .hf-lower :is(.hf-points,.hf-welcome) .hf-intro>.hf-art{display:none}
 .hf-points .hf-balance{display:none}
 .hf-lower>.hf-panel>.hf-button{margin-top:12px}
 .hf-lower .hf-earn{margin-top:18px;margin-bottom:0}
 .hf-lower .hf-welcome .hf-steps{margin-top:18px;margin-bottom:0}
 .hf-lower .hf-gift .hf-intro{min-height:155px;padding-right:100px}
 .hf-lower .hf-gift .hf-intro>.hf-clover{width:100px;height:100px;right:0;bottom:0}
}
.hf-gift .hf-intro{min-height:166px}
.hf-gift .hf-intro>.hf-clover{width:115px;height:115px;right:0;bottom:0}
@media(max-width:600px){
 body[data-ui="v14-exact"] .my100-gold-intro>div{width:58%}
 body[data-ui="v14-exact"] .my100-gold-intro img{width:44%;height:145px;object-fit:cover;object-position:65% center;right:-8px;top:5px}
}

/* Match the two left cards to their adjacent desktop row. */
@media(min-width:768px){
 .hf-lower>.hf-quick,.hf-lower>.hf-gift{align-self:stretch}
 .hf-lower>.hf-gift>.hf-button{margin-top:auto}
}

.machine-group-tab .machine-tab-point{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:6px;border-radius:50%;background:#ffdc45;color:#493700;border:1px solid #edc52d;font-size:12px!important;font-weight:900;line-height:1;flex-shrink:0}

/* Clean transparent MY100 artwork; contain the full object without cropping. */
body[data-ui="v14-exact"] .my100-gold-intro img{width:40%;height:190px;right:0;bottom:0;object-fit:contain;object-position:center}
@media(max-width:600px){body[data-ui="v14-exact"] .my100-gold-intro img{width:44%;height:145px;right:-5px;top:5px;bottom:auto;object-fit:contain;object-position:center}}
/* Machine notice: keep existing point emphasis, distinguish purchase restriction. */
.machine-use-notice>div{min-width:0}.machine-use-notice .machine-notice-line{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.machine-use-notice .machine-notice-no-purchase{color:#c6283e;white-space:nowrap;font-weight:700}.machine-use-notice .machine-notice-effective{display:inline-block;color:inherit;font-size:inherit;font-weight:400}
