/* One result component for every lottery: identity, numbered slots, attributes.
   Shared baselines and left alignment keep the first ball fixed on game switches. */
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card,
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card:has(.race-header-balls){
  display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:80px;
  align-items:center;justify-content:normal;gap:0 22px;width:100%;min-width:0;
  min-height:110px;height:110px;box-sizing:border-box;padding:18px 0 12px;
}
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title{
  grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;
  width:100%;height:72px;min-width:0;flex:none;gap:8px;box-sizing:border-box;
  padding:0 18px 0 0;border-right:1px solid #ffffff30;text-align:right;
}
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title strong{font-size:17px;line-height:1.3;white-space:nowrap}
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title span{font-size:13px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;color:#e2eff6}
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card #legacy-draw-numbers{
  display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:50px 26px;
  width:100%;height:80px;min-width:0;flex:none;gap:4px;margin:0;padding:0;overflow:hidden;
}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row{
  display:flex;grid-column:1;grid-row:1;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;
  width:100%;min-width:0;height:50px;gap:5px;padding:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;
}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row>i{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:34px;min-width:34px;height:50px;flex:none;gap:5px;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;font-style:normal;color:#f3f8fc;overflow:visible;
}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row>i>span{
  flex:none;margin:0;box-sizing:border-box;
}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row>i>small{
  display:block;height:16px;line-height:16px;font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap;color:#e5edf7;
}
/* Preserve original 27px SSC and HK6 artwork; do not enlarge bitmap sprites. */
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers i[data-game=jsssc]>span{width:27px;height:27px}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers i[data-game=hk6]>span{width:25px;height:27px}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers i[data-game=pc28]>span{width:27px;height:27px;font-size:0}
/* Crisp racing badges share the same 27px height without scaling a 20px image. */
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers i[data-game=jssc]>span{
  display:flex;align-items:center;justify-content:center;width:27px;height:27px;
  background:var(--race-number-color,#64748b);background-image:none;border:1px solid #ffffff35;border-radius:4px;
  font:700 18px/1 Arial,sans-serif;color:#fff;text-indent:0;text-shadow:0 1px 1px #0004;-webkit-text-stroke:0;overflow:visible;
}
#legacy-draw-numbers i[data-game=jssc][data-number="1"]{--race-number-color:#b89b00}
#legacy-draw-numbers i[data-game=jssc][data-number="2"]{--race-number-color:#267bd5}
#legacy-draw-numbers i[data-game=jssc][data-number="3"]{--race-number-color:#526172}
#legacy-draw-numbers i[data-game=jssc][data-number="4"]{--race-number-color:#dc7628}
#legacy-draw-numbers i[data-game=jssc][data-number="5"]{--race-number-color:#159eac}
#legacy-draw-numbers i[data-game=jssc][data-number="6"]{--race-number-color:#6555cc}
#legacy-draw-numbers i[data-game=jssc][data-number="7"]{--race-number-color:#848d98}
#legacy-draw-numbers i[data-game=jssc][data-number="8"]{--race-number-color:#dc3944}
#legacy-draw-numbers i[data-game=jssc][data-number="9"]{--race-number-color:#992653}
#legacy-draw-numbers i[data-game=jssc][data-number="10"]{--race-number-color:#23944e}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .hk6-special-plus,
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .draw-pc28-operator{
  display:block;flex:none;align-self:flex-start;height:27px;line-height:27px;padding:0;margin:0 1px;
  font-size:20px;font-weight:400;color:#dfebf5;
}
html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card #legacy-draw-numbers .header-draw-properties{
  display:flex;grid-column:1;grid-row:2;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  min-width:0;max-width:100%;height:26px;gap:5px;margin:0;padding:0;
  font-size:13px;line-height:22px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;
}
html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .ssc-result-tag{
  flex:none;min-width:0;border:0;border-radius:4px;padding:1px 8px;font-size:13px;line-height:22px;
}
@media(max-width:850px){
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card,
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card:has(.race-header-balls){grid-template-columns:154px minmax(0,1fr);gap:0 16px}
}
@media(max-width:480px){
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card,
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card:has(.race-header-balls){grid-template-columns:118px minmax(0,1fr);gap:0 10px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title{padding-right:10px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title strong{font-size:14px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title span{font-size:11px}
}
/* Desktop header: keep balls and issue, omit redundant position captions. */
@media(min-width:721px){
  html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row>i:is([data-game=jssc],[data-game=jsssc],[data-game=pc28])>small{display:none}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card #legacy-draw-numbers.hk6-header-balls .header-draw-properties{display:none}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-draw-strip{min-height:82px;grid-template-columns:116px minmax(410px,1fr) auto;grid-template-rows:64px;gap:0 14px;padding:8px 170px 8px 16px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card,
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card:has(.race-header-balls){height:64px;min-height:64px;grid-template-columns:150px minmax(0,1fr);grid-template-rows:56px;gap:0 14px;padding:4px 0}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title{height:48px;gap:5px;padding-right:14px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title strong{font-size:15px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card .legacy-draw-title span{font-size:11px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card #legacy-draw-numbers{height:56px;grid-template-rows:29px 23px;gap:4px}
  html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row{height:29px;align-items:center}
  html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .header-draw-ball-row>i{height:29px;justify-content:center}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card #legacy-draw-numbers.hk6-header-balls{grid-template-rows:48px;height:48px}
  html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers.hk6-header-balls .header-draw-ball-row{height:48px;align-items:flex-start}
  html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers.hk6-header-balls .header-draw-ball-row>i{height:48px;justify-content:flex-start;gap:4px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card #legacy-draw-numbers .header-draw-properties{height:23px;font-size:11px}
  html[data-member-theme] body.legacy-skin.is-authenticated #legacy-draw-numbers .ssc-result-tag{font-size:11px;line-height:20px;padding:0 5px}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-top-nav{display:grid;grid-template-columns:repeat(4,auto);grid-column:3!important;grid-row:1!important;gap:3px 8px}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-top-nav a{min-height:25px;font-size:12px;padding:3px 6px}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-logo strong{font-size:21px}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-logo span{font-size:9px}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-session{top:9px;right:12px}
}
@media(min-width:721px) and (max-width:1200px){
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-draw-strip{grid-template-columns:100px minmax(0,1fr);grid-template-rows:58px 26px;min-height:100px;gap:0 10px}
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card,
  html[data-member-theme] body.legacy-skin.is-authenticated .header-draw-card:has(.race-header-balls){height:58px;min-height:58px;grid-template-columns:140px minmax(0,1fr)}
  html[data-member-theme] body.legacy-skin.is-authenticated .legacy-top-nav{grid-column:1/-1!important;grid-row:2!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(25px,auto) minmax(25px,auto);justify-content:stretch;gap:3px 8px}
}