/* r76: presentation cleanup. Keep r73 downsampling; never stretch UI art. */
body img.yq-ui-art,body img.sg-icon,body img.yq-board-icon{
  object-fit:contain!important;object-position:center;image-rendering:auto!important;
  flex-shrink:0;border:0!important;box-shadow:none!important;background:transparent!important;
}
body .av-pic>img.yq-ui-art{width:100%;height:100%;}
body #ui :is(.screen.cl,.screen.cf,.screen.ml,.screen.fr,.screen.pf) :is(.panel,.cl-box){
  color:#294b38;background:#eee8d7;text-shadow:none;
}
body #ui :is(.screen.cl,.screen.cf,.screen.ml,.screen.fr,.screen.pf) :is(.cl-box,.panel) :is(h2,h3,h4,.grp-head b,.fr-empty b,.ml-row b){
  color:#294b38;-webkit-text-fill-color:currentColor;text-shadow:none;
}
body #ui :is(.screen.cl,.screen.cf,.screen.ml,.screen.fr,.screen.pf) :is(.muted,.ml-row small,.fr-empty p){color:#586c53;line-height:1.65;}
body #ui :is(.cl,.cf,.ml,.fr,.pf) :is(.cl-cols,.cl-col,.fr-main,.fr-side,.ml-row,.pf-body,.cf-wrap){min-width:0;}
body #ui :is(.cl,.cf,.ml,.fr,.pf) :is(.cl-box,.fr-empty){padding:18px 20px;}
body #ui :is(.cl,.cf,.ml,.fr,.pf) :is(.cl-hero,.cl-mhead){background:#244b39;color:#f4edd8;}
body #ui .cl .cl-hero{background-image:none;text-shadow:none;border-radius:9px;}
body #ui .cl .cl-hero h2{color:#f4edd8;-webkit-text-fill-color:currentColor;text-shadow:none;overflow-wrap:anywhere;line-height:1.25;}
body #ui :is(.cl,.fr,.pf) :is(.cl-mem-name,.fr-who,.pf-name){overflow-wrap:anywhere;}
body #ui .ml .ml-row{background:#e0e3cd;gap:12px;padding:12px;}
body #ui .ml .ml-row.off{background:transparent;opacity:1;color:#67735c;}
body #ui :is(.cl,.cf,.ml,.fr,.pf) input::placeholder{color:#68755e;opacity:1;}
body #ui :is(.cl,.cf,.ml,.fr,.pf) :is(button,input):focus-visible{outline:2px solid #ad8f49;outline-offset:3px;}
body #ui .sg-head{align-items:center;min-width:0;}
body #ui .sg-head :is(h3,h4){overflow-wrap:anywhere;line-height:1.4;}
body #ui .sg-reward>div{min-width:0;overflow-wrap:anywhere;}
body #ui .sg-reward>.btn{flex-shrink:0;}
@media(max-width:700px){
  body #ui :is(.cl,.cf,.ml,.fr,.pf) .scr-head{flex-wrap:wrap;gap:10px;}
  body #ui :is(.cl,.cf,.ml,.fr,.pf) .scr-title{min-width:0;}
  body #ui .fr-wrap{grid-template-columns:minmax(0,1fr);}
  body #ui .fr-add-row{flex-wrap:wrap;gap:10px;}
  body #ui .fr-add-row input{flex:1 1 180px;min-width:0;}
  body #ui :is(.cl,.cf,.ml,.fr,.pf) :is(.cl-box,.fr-empty){padding:16px;}
  body #ui .cl .cl-cols{flex-direction:column;align-items:stretch;}
  body #ui .cl .cl-page{overflow-y:auto;}
  body #ui .cl .cl-page>.cl-cols{flex:none;}
  body #ui .cl .cl-hero{padding:18px;gap:12px;}
  body #ui .cl .cl-hero h2{font-size:26px;}
  body #ui .cl .cl-hero-stats{justify-content:center;gap:8px;}
  body #ui .ml .ml-row{flex-wrap:wrap;}
  body #ui .ml .ml-row .grow{flex-basis:calc(100% - 64px);}
  body #ui .sg-reward{flex-wrap:wrap;gap:10px;}
  body #ui .sg-stages{grid-template-columns:1fr;}
  body #ui .sg-stages>div{display:flex;flex-wrap:wrap;gap:5px 12px;}
}