:root{
  --cyan:#36dcff;
  --cyan-soft:#bdefff;
  --gold:#f0c878;
  --white:#edf7ff;
  --quiet:#72b9c8;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02070e;color:var(--white);font-family:Rajdhani,'Segoe UI',sans-serif}
#viewport{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,#0c1825 0%,#030810 75%)}
#hud{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:#030a12}
.hud-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;pointer-events:none}
.zone{position:absolute;z-index:2;overflow:hidden}

@font-face{
  font-family:'ScienceWeise';
  src:url('../assets/fonts/ScienceWeiseBold-Bold.otf') format('opentype');
  font-display:swap;
}

.brand-zone{left:76px;top:47px;width:510px;height:76px}
.brand-kicker{font-family:Orbitron,sans-serif;font-size:13px;letter-spacing:2px;color:#8acddd;line-height:1.1;margin-bottom:6px}
.brand-name{font-family:'ScienceWeise',Orbitron,sans-serif;font-size:39px;line-height:1;color:var(--gold);letter-spacing:1px;white-space:nowrap;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none}
.brand-name span{color:var(--cyan)}

.date-zone{left:600px;top:42px;width:700px;height:74px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Rajdhani,'Segoe UI',sans-serif;font-weight:700;font-size:50px;line-height:1;color:#f2fbff;white-space:nowrap;text-shadow:0 0 10px rgba(86,221,255,.15)}
.clock-zone{left:1405px;top:38px;width:415px;height:84px;text-align:right}
.clock{font-family:'Share Tech Mono',Consolas,monospace;font-size:54px;line-height:1;color:#c7f7ff;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:1px}
.clock-kicker{margin-top:5px;font-family:Orbitron,sans-serif;color:var(--cyan);font-size:13px;letter-spacing:1.5px;white-space:nowrap}

.calendar-zone{left:42px;top:176px;width:322px;height:280px}
.calendar-month{height:48px;display:flex;align-items:center;justify-content:center;font-family:'ScienceWeise',Orbitron,sans-serif;font-size:34px;color:#d7f7ff;letter-spacing:1px;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.calendar-weekdays{height:32px;align-items:center;color:#91efff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}
.calendar-days{grid-auto-rows:35px;gap:0}
.cal-cell{display:grid;place-items:center;font-family:Orbitron,sans-serif;font-size:15px;color:#dcecf8}
.cal-cell.empty{color:transparent}
.cal-cell.today{background:rgba(156,241,255,.95);color:#03131f;font-weight:800;box-shadow:0 0 12px rgba(87,226,255,.52);border:1px solid #cfffff}

.mode-zone{left:145px;top:671px;width:208px;height:92px}
.micro-label,.counter-label,.status-title{font-family:'ScienceWeise',Orbitron,sans-serif;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none;text-transform:uppercase}
.micro-label{font-size:18px;line-height:1.1;color:var(--gold);white-space:nowrap}
.micro-label.cyan{color:var(--cyan)}
.micro-label span{color:var(--cyan);font-family:Orbitron,sans-serif;font-size:14px;margin-left:8px}
.mode-main{margin-top:10px;font-family:'ScienceWeise',Orbitron,sans-serif;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none;font-size:26px;line-height:1;color:#effaff;text-transform:uppercase;white-space:nowrap}
.mode-sub{margin-top:6px;font-family:Orbitron,sans-serif;font-size:15px;line-height:1;color:#72e8ff;text-transform:uppercase;letter-spacing:1px}
.mode-sub:empty{display:none}

.directive-zone{left:424px;top:171px;width:1018px;height:206px;padding:8px 0 0}
.lesson-title{margin:17px 0 0;font-family:'ScienceWeise',Orbitron,sans-serif;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none;text-transform:uppercase;color:var(--gold);font-size:53px;line-height:1;letter-spacing:.25px;max-width:845px;max-height:126px;overflow:hidden}

.objective-zone{left:426px;top:414px;width:1010px;height:326px;padding-top:5px}
.objective-text{margin-top:37px;width:760px;font-family:Rajdhani,'Segoe UI',sans-serif;font-size:47px;line-height:1.09;font-weight:600;color:#eef9ff;overflow-wrap:break-word}
.objective-text::before{content:'› ';color:var(--cyan);font-weight:700}
.objective-footer{position:absolute;left:0;bottom:1px;font-family:Orbitron,sans-serif;font-size:10px;color:#42b7cf;letter-spacing:1.2px;white-space:nowrap}

.counter-zone{width:340px;height:190px}
.full-zone{left:1535px;top:170px}
.marking-zone{left:1535px;top:396px}
.seniors-zone{left:1535px;top:614px}
.counter-label{position:absolute;left:34px;top:8px;width:250px;font-size:18px;line-height:1.05;color:var(--gold);white-space:nowrap}
.count-number{position:absolute;right:20px;bottom:28px;font-family:'ScienceWeise',Orbitron,sans-serif;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none;color:var(--gold);font-size:75px;line-height:1;text-align:right;min-width:130px}

.communication-zone{left:244px;top:809px;width:1518px;height:92px;padding-top:2px}
.comm-text{margin-top:13px;font-family:Rajdhani,'Segoe UI',sans-serif;font-weight:600;font-size:25px;line-height:1.1;color:#f2f7fb;white-space:normal;overflow-wrap:break-word}

.status-copy-zone{left:156px;top:951px;width:292px;height:72px}
.status-title{font-size:20px;line-height:1;color:var(--gold);white-space:nowrap}
.status-title span{color:var(--cyan);font-family:Orbitron,sans-serif}
.status-subline{margin-top:8px;font-family:Orbitron,sans-serif;font-size:9px;line-height:1;color:#59cfe5;letter-spacing:.7px;white-space:nowrap}
.status-min-zone{left:454px;top:946px;width:124px;height:66px;display:flex;align-items:center;justify-content:flex-end;font-family:'Share Tech Mono',Consolas,monospace;font-size:43px;line-height:1;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}
.progress-zone{left:606px;top:965px;width:742px;height:33px;overflow:hidden}
.progress-fill{height:100%;width:0;background:linear-gradient(180deg,#f4da86,#d8a64a);box-shadow:0 0 16px rgba(240,200,120,.35);transition:width .8s linear}
.percent-zone{left:1364px;top:952px;width:76px;height:58px;display:flex;align-items:center;justify-content:flex-end;font-family:Orbitron,sans-serif;font-size:27px;font-weight:800;color:#a9f3ff}
.data-status{position:absolute;z-index:3;right:49px;bottom:8px;font-family:Orbitron,sans-serif;font-size:10px;line-height:1;color:#6bcfc7;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;opacity:.86}
.data-status.warning{color:var(--gold)}

.preview-badge{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font:11px Orbitron,sans-serif;color:#f0c878;letter-spacing:1px;opacity:.82}