.warsaw-clock{position:relative;display:grid;grid-template-columns:auto auto;grid-template-areas:"place time" "date date";column-gap:8px;align-items:center;min-width:137px;padding:7px 11px 7px 25px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);overflow:hidden}
.warsaw-clock:after{content:"";position:absolute;inset:-40% auto -40% -45%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:clock-shine 7s ease-in-out infinite}
.warsaw-clock-pulse{position:absolute;left:11px;top:13px;width:7px;height:7px;border-radius:50%;background:#55dae9;box-shadow:0 0 0 0 rgba(85,218,233,.55);animation:clock-pulse 2.2s ease-out infinite}
.warsaw-clock-place{grid-area:place;color:#8fdce9;text-transform:uppercase;letter-spacing:.1em;font-size:.56rem;font-weight:900}.warsaw-clock-time{grid-area:time;color:#fff;font-variant-numeric:tabular-nums;font-size:.85rem;letter-spacing:.02em;text-align:right}.warsaw-clock-date{grid-area:date;color:#a9bfd3;font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
@keyframes clock-pulse{70%{box-shadow:0 0 0 7px rgba(85,218,233,0)}100%{box-shadow:0 0 0 0 rgba(85,218,233,0)}}
@keyframes clock-shine{0%,72%{transform:translateX(0) skewX(-18deg)}88%,100%{transform:translateX(430%) skewX(-18deg)}}
@media(max-width:900px){.warsaw-clock{grid-template-columns:auto 1fr auto;grid-template-areas:"pulse place time" "pulse date date";padding:10px 12px;background:linear-gradient(135deg,#0b3151,#0c436b);border-color:rgba(46,135,198,.36);min-width:0}.warsaw-clock-pulse{position:static;grid-area:pulse;margin-right:4px}.warsaw-clock-place{font-size:.6rem}.warsaw-clock-time{font-size:1rem}.warsaw-clock-date{font-size:.68rem;color:#c2d7e8}}
@media(prefers-reduced-motion:reduce){.warsaw-clock:after,.warsaw-clock-pulse{animation:none}}