:root{--bg:#070c18;--panel:#080e1d;--row:#1e2a43;--ink:#eef2f8;--muted:#aeb4bf;--gold:#d7b65d;--green:#35d98a;--red:#f1505e}*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.screen{min-height:100vh;padding:clamp(18px,2.2vw,48px) clamp(20px,2.6vw,56px) 0;background:radial-gradient(circle at 87% 0,#57441488,transparent 30%),var(--bg)}header{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(260px,1fr) auto;align-items:start;gap:clamp(18px,2vw,42px)}.brand img{width:min(29vw,520px);min-width:240px;display:block}.brand p{margin:clamp(10px,1vw,18px) 0 0;color:#c6cbd5;font-size:clamp(13px,1.2vw,24px)}.spot{text-align:center;color:var(--gold)}.spot b,.spot small{display:block;font-size:clamp(11px,.9vw,18px)}.spot div{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;margin-top:12px}.spot strong{color:#fff;font-size:clamp(18px,1.6vw,34px);white-space:nowrap}.clock{min-width:165px;text-align:right}.clock strong{display:block;font-size:clamp(28px,2.5vw,54px);line-height:1;white-space:nowrap}.clock span{display:block;margin-top:9px;color:var(--muted);font-size:clamp(10px,.8vw,16px);white-space:nowrap}.rule{height:2px;margin:clamp(14px,1vw,22px) 0 clamp(18px,1.5vw,30px);background:var(--gold)}.tables{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(420px,1fr);gap:clamp(14px,1vw,24px)}.tables aside{display:grid;grid-template-rows:auto auto;gap:clamp(14px,1vw,24px)}.panel{overflow:hidden;border:1px solid var(--gold);background:var(--panel);box-shadow:0 12px 28px #00000024}.panel h2{margin:0;padding:clamp(8px,.55vw,14px);background:linear-gradient(90deg,#23385e,#1b2f52);color:var(--gold);text-align:center;font-size:clamp(15px,1.5vw,30px)}.thead,.row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(72px,.85fr) minmax(72px,.85fr) minmax(50px,.42fr);align-items:center;column-gap:clamp(6px,.45vw,12px)}.thead{padding:clamp(8px,.5vw,13px) clamp(12px,1.2vw,24px);color:var(--gold);font-size:clamp(10px,.82vw,16px);font-weight:800;text-align:right}.thead span:first-child,.row span{text-align:left}.row{min-height:clamp(42px,4.2vw,78px);padding:clamp(7px,.5vw,12px) clamp(12px,1.2vw,24px);border-top:1px solid #2a3650;background:var(--row);font-size:clamp(14px,1.45vw,28px)}.row:nth-child(even){background:var(--panel)}.row strong,.row em{overflow:hidden;text-align:right;font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.row i{margin-left:4px;font-size:.7em;font-style:normal}.up{color:var(--green)!important}.down{color:var(--red)!important}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:clamp(14px,1vw,24px);padding:clamp(10px,.65vw,15px) 0;border-top:1px solid #7f692d;color:var(--muted);font-size:clamp(9px,.75vw,14px)}footer span:nth-child(2){text-align:center}footer span:last-child{text-align:right}.live{color:var(--green);font-weight:bold}
@media(max-width:1100px){.screen{padding:22px 24px 0}header{grid-template-columns:minmax(260px,1fr) minmax(210px,.8fr) auto;gap:18px}.brand img{width:min(32vw,370px)}.tables{grid-template-columns:minmax(0,1.35fr) minmax(330px,.95fr)}.row{min-height:52px;font-size:clamp(14px,1.85vw,20px)}}
@media(max-width:820px){.screen{padding:18px 16px 0}header{grid-template-columns:1fr auto;align-items:center}.brand img{width:min(52vw,340px);min-width:180px}.brand p{font-size:13px}.spot{grid-column:1/-1;width:min(520px,100%);margin:0 auto;padding:13px;border:1px solid #4e4422;background:#0a101e}.tables{grid-template-columns:1fr}.tables aside{grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:start}.panel h2{font-size:20px}.row{min-height:48px;font-size:17px}footer{grid-template-columns:1fr 1fr;font-size:11px}footer span:nth-child(2){display:none}}
@media(max-width:560px){html,body{min-width:0}.screen{padding:14px 10px 0}header{grid-template-columns:1fr;gap:12px}.brand{display:grid;justify-items:center;text-align:center}.brand img{width:min(78vw,320px);min-width:0}.brand p{margin-top:7px;font-size:11px}.clock{min-width:0;text-align:center}.clock strong{font-size:32px}.clock span{font-size:10px}.spot{padding:10px 8px}.spot div{gap:4px 12px}.spot strong{font-size:20px}.rule{margin:14px 0}.tables,.tables aside{display:grid;grid-template-columns:1fr;gap:14px}.panel h2{padding:10px;font-size:18px}.thead,.row{grid-template-columns:minmax(0,1.18fr) minmax(58px,.8fr) minmax(58px,.8fr) minmax(42px,.42fr);column-gap:4px}.thead{padding:8px 9px;font-size:9px}.row{min-height:45px;padding:8px 9px;font-size:clamp(12px,3.6vw,16px)}.row strong,.row em{letter-spacing:-.2px}.row i{display:none}footer{grid-template-columns:1fr;margin-top:14px;padding:11px 0;text-align:center;font-size:10px}footer span:last-child{text-align:center}}
.spot--ons div{grid-template-columns:auto auto auto auto;align-items:center;justify-content:center;gap:7px 11px}.spot--ons span,.spot--ons i{font-size:clamp(13px,1vw,21px);font-style:normal;font-weight:800}.spot--ons strong{font-size:clamp(19px,1.65vw,35px)}.spot--ons em{font-size:clamp(11px,.9vw,18px);font-style:normal;font-weight:800;color:var(--red)}@media(max-width:560px){.spot--ons div{gap:4px 7px}.spot--ons span,.spot--ons i{font-size:12px}.spot--ons strong{font-size:20px}.spot--ons em{font-size:11px}}
@media(max-width:560px){.row i{display:inline-block!important;margin-left:2px;font-size:.68em;line-height:1;vertical-align:middle}}
@media(max-width:560px){.spot--ons{justify-self:center;text-align:center}.spot--ons div{grid-template-columns:auto auto auto;grid-template-rows:auto auto}.spot--ons em{grid-column:1/-1;justify-self:center;margin-top:2px}}
 .spot--ons div{grid-template-columns:auto auto}.spot--ons em{align-self:center}@media(max-width:560px){.spot--ons div{grid-template-columns:1fr}.spot--ons em{grid-column:1;justify-self:center;margin-top:2px}}
@media(max-width:560px){.spot.spot--ons{grid-column:1;width:100%;margin:0;padding:0 0 8px;border:0;background:transparent;display:flex;align-items:baseline;justify-content:center;gap:7px}.spot--ons b{font-size:14px}.spot--ons b::after{content:" :"}.spot--ons div{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:0}.spot--ons strong{font-size:20px}.spot--ons em{display:inline;grid-column:auto;justify-self:auto;margin:0;font-size:11px}}
@media(max-width:560px){header .brand{order:1}header .clock{order:2}header .spot--ons{order:3}}
@media(max-width:560px){.spot.spot--ons{align-items:center}.spot--ons b{font-size:20px;line-height:1}.spot--ons div{align-items:center}.spot--ons strong{line-height:1}}
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){header{grid-template-columns:minmax(170px,1fr) auto auto;gap:16px;align-items:center}.spot.spot--ons{grid-column:auto;width:auto;margin:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:flex-end;gap:7px;text-align:right}.spot--ons b{font-size:clamp(16px,2.3vw,22px);line-height:1}.spot--ons b::after{content:" :"}.spot--ons div{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:0}.spot--ons strong{font-size:clamp(16px,2.3vw,22px);line-height:1}.spot--ons em{display:inline;grid-column:auto;justify-self:auto;margin:0;font-size:clamp(10px,1.4vw,13px)}.clock{min-width:132px}.clock strong{font-size:clamp(24px,3.4vw,34px)}.clock span{margin-top:4px;font-size:10px}.brand img{min-width:140px;width:min(34vw,250px)}.brand p{margin-top:4px;font-size:10px}.rule{margin:10px 0 14px}}
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){header{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;gap:12px}.brand{display:contents}.brand img{grid-column:1;grid-row:1;width:min(27vw,210px);min-width:130px}.brand p{grid-column:2;grid-row:1;margin:0;white-space:nowrap;font-size:clamp(9px,1.35vw,12px)}.spot.spot--ons{grid-column:3;grid-row:1;justify-content:center}.clock{grid-column:4;grid-row:1;text-align:center}.clock strong{font-size:clamp(22px,3vw,32px)}}
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){header{grid-template-columns:auto auto auto;justify-content:center;gap:16px;align-items:end}.brand{display:block;grid-column:1;grid-row:1;text-align:left}.brand img{width:min(27vw,210px);min-width:130px}.brand p{margin:4px 0 0;white-space:nowrap;font-size:clamp(9px,1.35vw,12px)}.spot.spot--ons{grid-column:2;grid-row:1;align-self:end;padding-bottom:1px;justify-content:center}.clock{grid-column:3;grid-row:1;align-self:center;text-align:center}.clock strong{font-size:clamp(22px,3vw,32px)}}
@media(min-width:951px){header{grid-template-columns:auto auto auto;justify-content:center;gap:clamp(28px,4vw,74px);align-items:end}.brand{grid-column:1;grid-row:1}.spot.spot--ons{grid-column:2;grid-row:1;align-self:end;display:flex;align-items:center;justify-content:center;gap:9px;padding-bottom:2px}.spot--ons b{font-size:clamp(18px,1.6vw,34px);line-height:1}.spot--ons b::after{content:" :"}.spot--ons div{display:flex;align-items:center;justify-content:center;gap:9px;margin:0}.spot--ons strong{font-size:clamp(18px,1.6vw,34px);line-height:1}.spot--ons em{display:inline;grid-column:auto;justify-self:auto;margin:0}.clock{grid-column:3;grid-row:1;align-self:center;text-align:center}}
@media(min-width:951px){header{grid-template-columns:minmax(300px,1.5fr) minmax(260px,1fr) auto;justify-content:initial;gap:clamp(18px,2vw,42px);align-items:start}.brand{grid-column:1;grid-row:1}.clock{grid-column:3;grid-row:1;align-self:start;text-align:right}.spot.spot--ons{grid-column:2;grid-row:1}}