@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;800&display=swap');

.skema-space {
  width: 210mm; height: 148mm;
  font-family: 'Baloo 2', 'Quicksand', 'Segoe UI', sans-serif;
  background: #0E2A52;
  overflow: hidden; position: relative;
}
.skema-space .stars-bg {
  position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(circle at 15% 20%, rgba(255,255,255,0.25) 0, transparent 1.5%),
              radial-gradient(circle at 35% 60%, rgba(255,255,255,0.2) 0, transparent 1.2%),
              radial-gradient(circle at 55% 15%, rgba(255,255,255,0.25) 0, transparent 1.5%),
              radial-gradient(circle at 75% 45%, rgba(255,255,255,0.2) 0, transparent 1.2%),
              radial-gradient(circle at 90% 75%, rgba(255,255,255,0.25) 0, transparent 1.5%),
              radial-gradient(circle at 25% 85%, rgba(255,255,255,0.18) 0, transparent 1.2%),
              radial-gradient(circle at 65% 90%, rgba(255,255,255,0.2) 0, transparent 1.2%),
              linear-gradient(180deg, #0E2A52 0%, #1B3F6E 100%);
}
.skema-space .side-panel { position: absolute; top: 0; left: 0; width: 56mm; height: 148mm; z-index: 1; }
.skema-space .logo-corner {
  position: absolute; top: 6mm; left: 8mm; z-index: 6;
  background: #2B4C84; border-radius: 4mm; padding: 2mm 3mm;
  width: 30mm; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.skema-space .logo-corner svg { width: 100%; height: auto; display:block; }
.skema-space .planet1 { position: absolute; top: 22mm; left: 36mm; width: 16mm; z-index: 2; }
.skema-space .star1 { position: absolute; top: 18mm; left: 10mm; width: 7mm; z-index: 2; }
.skema-space .star2 { position: absolute; top: 36mm; left: 4mm; width: 5mm; z-index: 2; opacity: 0.8; }
.skema-space .star3 { position: absolute; top: 8mm; left: 44mm; width: 5mm; z-index: 2; opacity: 0.8; }
.skema-space .rocket { position: absolute; top: 38mm; left: 13mm; width: 30mm; z-index: 3; }
.skema-space .side-title { position: absolute; top: 78mm; left: 0; width: 56mm; z-index: 3; text-align: center; color: #fff; }
.skema-space .side-title .greeting { font-size: 10pt; opacity: 0.95; letter-spacing: 0.05em; }
.skema-space .side-title h1 { font-size: 24pt; margin: 1mm 0 0 0; font-weight: 800; color: #F6DC34; }
.skema-space .name-field {
  position: absolute; top: 102mm; left: 8mm; width: 40mm; z-index: 3;
  text-align: center; background: rgba(255,255,255,0.95);
  border: 1.2mm dashed #F6DC34; border-radius: 5mm; padding: 2.5mm 2mm;
}
.skema-space .name-field .label { font-size: 7pt; color: #2B4C84; font-weight: 700; }
.skema-space .name-field .line { margin-top: 1.5mm; border-bottom: 0.8mm solid #4A90D9; height: 4mm; }
.skema-space .mascot { position: absolute; bottom: 4mm; left: 8mm; width: 22mm; z-index: 4; }
.skema-space .compass-deco { position: absolute; bottom: 5mm; left: 34mm; width: 18mm; z-index: 3; opacity: 0.95; }
.skema-space .main-area { position: absolute; top: 0; left: 56mm; width: 154mm; height: 148mm; z-index: 2; padding: 7mm 8mm 6mm 8mm; }
.skema-space .schedule-wrap { background: #fff; border-radius: 6mm; border: 2.4mm solid #F6DC34; padding: 4mm 3mm; box-shadow: 0 4px 14px rgba(0,0,0,0.35); height: 100%; }
.skema-space table { width: 100%; height: 100%; border-collapse: separate; border-spacing: 1mm; table-layout: fixed; }
.skema-space thead th { background: #2B4C84; color: #fff; font-size: 8.3pt; font-weight: 700; padding: 1.8mm 0.5mm; border-radius: 3mm; text-align: center; }
.skema-space thead th.corner { background: transparent; width: 15mm; }
.skema-space td.timecol { background: #4A90D9; color: #fff; font-size: 6.8pt; font-weight: 700; text-align: center; border-radius: 3mm; padding: 1mm 0.3mm; white-space: nowrap; width: 15mm; }
.skema-space td { background: #F4F7FB; border-radius: 3mm; padding: 1mm 0.5mm; text-align: center; vertical-align: middle; overflow: hidden; }
.skema-space .entry .subj { display: block; font-size: 7.6pt; font-weight: 700; color: #2B4C84; line-height: 1.15; word-break: break-word; }
.skema-space .star { color: #FF8C5A; }
.skema-space .empty { color: #b9c6d6; font-size: 7.6pt; font-weight: 600; }