*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh}
.site-header{height:76px;padding-inline:clamp(18px,4vw,64px)}
.draw-page{width:100%;max-width:none;min-height:calc(100vh - 76px);margin:0;padding:clamp(16px,3vh,30px) clamp(16px,4vw,64px)}
.draw-panel{width:100%;min-height:calc(100vh - 108px);padding:clamp(24px,3.5vw,52px);border-radius:9px}
.panel-heading h1{font-size:clamp(27px,3vw,40px)}
.sponsor-strip{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin:22px auto 0;padding:20px clamp(12px,3vw,36px);background:#62656c;color:#fff}
.sponsor-logo-frame{width:100%;max-width:none;overflow:visible;border:0;border-radius:0;background:transparent}
.sponsor-logo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}
@media(min-width:1100px) and (min-height:700px){
  .site-header{height:80px}
  .draw-page{min-height:calc(100vh - 80px);padding:20px clamp(22px,3vw,48px) 26px}
  .draw-panel{min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:clamp(36px,5vw,76px);align-content:start;padding:clamp(24px,3vh,38px) clamp(30px,4vw,64px)}
  .panel-heading{grid-column:1/-1;margin-bottom:clamp(18px,2.5vh,28px)}
  #drawForm{grid-column:1;grid-row:2;width:100%;max-width:none;margin:0}
  .file-label{margin-top:18px}
  .upload-box{min-height:110px}
  .file-status{margin-bottom:12px}
  .draw-button{margin-top:18px}
  .results{grid-column:2;grid-row:2;align-self:stretch;width:100%;margin:0;padding:10px 0 0 clamp(24px,3vw,46px);border-top:0;border-right:1px solid var(--gray-200)}
  .results-heading{margin-bottom:clamp(20px,3vh,34px)}
  .draw-balls{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:clamp(16px,2.5vh,28px)}
  .draw-ball-number{width:clamp(78px,6.5vw,108px);font-size:clamp(23px,1.8vw,30px)}
}
@media(max-width:1099px){
  .draw-panel{min-height:calc(100vh - 108px)}
  .results{margin-top:28px}
}
@media(max-width:600px){
  .site-header{height:64px;padding-inline:15px}
  .draw-page{min-height:calc(100vh - 64px);padding:12px 10px 16px}
  .draw-panel{min-height:calc(100vh - 92px);padding:23px 15px}
  .panel-heading{margin-bottom:24px}
  .panel-heading h1{font-size:22px}
  .draw-balls{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:12px}
  .draw-ball-number{width:66px;font-size:20px}
  .sponsor-strip{gap:8px;margin-top:14px;padding:12px 4px}
  .sponsor-logo-frame{width:100%}
  .sponsor-logo{width:100%;height:auto}
}