.screens-all{--s2-red:#e73e16;--s2-green:#3dae3d;--s2-gray:#d9d9d9;position:fixed;inset:0;height:100dvh;width:100vw;overflow:hidden;background:#fff;color:#000;font-family:Monument Extended,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.screens-all *{box-sizing:border-box}.screens-all a{text-decoration:none;color:inherit}.s-header{flex:0 0 auto;height:clamp(52px,10svh,104px);background:#000;color:#fff;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px);position:relative}.s-here{font-weight:700}.s-here,.s-here-en{font-size:clamp(18px,3.4vw,50px)}.s-here-en{font-weight:300}.s-here-box{background:#fff;color:#000;font-weight:700;font-size:clamp(16px,3vw,46px);padding:.08em .5em;border-radius:6px;line-height:1.1}.s-live{position:absolute;right:clamp(10px,2vw,28px);width:12px;height:12px;border-radius:999px}.s-body{min-height:0;overflow:hidden}.s-body,.s-empty{flex:1 1 auto;display:flex}.s-empty{align-items:center;justify-content:center;text-align:center;padding:24px;color:#5a6470;font-weight:300;font-size:clamp(16px,2.4vw,30px)}.s-grid{flex:1 1 68%;padding:clamp(8px,2vh,24px);display:grid;grid-template-columns:repeat(var(--cols,4),1fr);grid-auto-rows:1fr;gap:clamp(8px,1.4vw,18px)}.s-card,.s-grid{min-width:0;min-height:0}.s-card{border:2px solid #000;border-radius:12px;padding:clamp(6px,1.2vh,16px);display:flex;flex-direction:column;background:#fff}.s-card-wc{font-weight:700;font-size:clamp(16px,2.4vw,34px);line-height:1;flex:0 0 auto}.s-card-bars{gap:clamp(6px,1vw,18px);justify-content:center;margin-top:clamp(4px,1vh,10px)}.s-bar,.s-card-bars{flex:1;min-height:0;display:flex}.s-bar{flex-direction:column;align-items:center;min-width:0}.s-bar-track{flex:1;width:clamp(20px,3.2vw,46px);background:var(--s2-gray);border-radius:6px;position:relative;overflow:hidden;min-height:0;margin:4px 0}.s-bar-fill{position:absolute;left:0;right:0;bottom:0;transition:height 4.5s ease-in-out,background-color 6s ease}.s-bar-pct{font-weight:700;font-size:clamp(14px,2vw,30px);line-height:1}.s-bar-pct--sem{color:#8a8a8a}.s-panel{flex:1 1 32%;min-width:0;min-height:0;background:#f4f4f2;border-left:2px solid #000;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vmin,28px);padding:clamp(10px,2vmin,28px);overflow:hidden}.s-panel-title{text-align:center;line-height:1.05;flex:0 0 auto}.s-panel-title b{display:block;font-weight:700;font-size:clamp(16px,2.6vmin,34px)}.s-panel-title span{display:block;font-weight:300;font-size:clamp(11px,1.6vmin,20px);letter-spacing:.06em}.s-donuts{flex:1 1 auto;flex-direction:column;justify-content:space-evenly;gap:clamp(4px,1vmin,16px);overflow:hidden}.s-donut,.s-donuts{min-height:0;width:100%;display:flex;align-items:center}.s-donut{flex:1 1 0;flex-direction:column;justify-content:center;gap:clamp(2px,.8vmin,8px)}.s-panel-sem{flex:1 1 auto;align-items:center;text-align:center;color:#8a8a8a;font-weight:300;font-size:clamp(13px,1.8vmin,22px);padding:12px}.s-donut-ring,.s-panel-sem{display:flex;justify-content:center}.s-donut-ring{flex:1 1 0;min-height:0;width:100%}.s-donut-ring>div{height:100%;aspect-ratio:1;max-width:100%;position:relative}.s-donut-pct{position:absolute;inset:0;justify-content:center;font-weight:700;font-size:clamp(14px,2.4vmin,30px)}.s-donut-label,.s-donut-pct{display:flex;align-items:center}.s-donut-label{flex:0 0 auto;gap:6px}.s-donut-label span{font-weight:700;font-size:clamp(13px,1.9vmin,24px)}@media (max-width:820px){.s-body{flex-direction:column}.s-grid{flex:1 1 58%;grid-template-columns:repeat(2,1fr)}.s-panel{flex:1 1 42%;border-left:none;border-top:2px solid #000;padding:clamp(10px,3vw,24px)}.s-donuts{flex-direction:row;flex-wrap:nowrap;gap:clamp(8px,3vw,20px)}.s-donut{flex:1 1 0}}