/* Time Circuits Clock - styles */
.tcc-header { text-align:center; margin:18px 0; }
.tcc-header-image { width:707px; max-width:90vw; height:auto; border-radius:8px; box-shadow:0 0 15px rgba(0,0,0,0.5); }

.tcc-wrapper { display:flex; flex-direction:column; align-items:center; margin:0 auto; }
.tcc-panel { background:#111; padding:22px 30px; border-radius:12px; box-shadow:0 0 30px #000 inset; max-width:90vw; width:650px; }
.tcc-row { display:flex; justify-content:space-between; align-items:center; margin:12px 0; border-bottom:2px solid #222; padding-bottom:8px; flex-wrap:wrap; }
.tcc-label { width:100%; text-align:center; font-size:1.05em; color:#ccc; margin-bottom:6px; }
.tcc-date { font-family: Courier, monospace; font-size:1.6em; letter-spacing:3px; width:100%; text-align:center; animation:tcc-flicker 2s infinite alternate; }
.tcc-dest .tcc-date { color:#ff3b3b; text-shadow:0 0 10px #ff3b3b; }
.tcc-present .tcc-date { color:#33ff33; text-shadow:0 0 10px #33ff33; }
.tcc-last .tcc-date { color:#ffff33; text-shadow:0 0 10px #ffff33; }

@keyframes tcc-flicker {
  0%,100% { opacity:1; text-shadow:0 0 10px currentColor, 0 0 20px currentColor; }
  50% { opacity:0.85; text-shadow:0 0 5px currentColor; }
  75% { opacity:0.95; text-shadow:0 0 12px currentColor, 0 0 25px currentColor; }
}

/* responsive tweaks */
@media (min-width:600px) {
  .tcc-label { width:200px; text-align:left; font-size:1.1em; margin-bottom:0; }
  .tcc-date { text-align:right; width:auto; font-size:1.9em; }
  .tcc-row { flex-wrap:nowrap; }
}