.sysmeds{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:4px 0 20px}.sysmed{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 8px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(20,24,38,.55),rgba(11,14,24,.32));border:1px solid rgba(161,172,187,.14)}.sysmed .med{width:80px;height:80px;display:block}.sysmed .sk{font-family:Roboto Mono,ui-monospace,monospace;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal, #7fc4ad);line-height:1.2}.sysmed .sv{font-family:Playfair Display,Georgia,serif;font-size:1.02rem;color:var(--crescent, #f2f2f2);line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.omed .glow{fill:url(#oglow)}.omed .ring{fill:none;stroke:#c9a86a8c;stroke-width:1.2}.omed .ring2{fill:none;stroke:#c9a86a3d;stroke-width:.8}.omed .otick{stroke:#c9a86a80;stroke-width:1.3;stroke-linecap:round}.omed .oline{fill:none;stroke:var(--gold, #c9a86a);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.omed .ofill,.omed .ostar{fill:var(--gold, #c9a86a)}.omed .ozg{font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols2,Playfair Display,serif;fill:var(--gold, #c9a86a)}.omed .onum{font-family:Playfair Display,Georgia,serif;font-weight:600;fill:var(--crescent, #f2f2f2)}.sysmed .med.onumwrap{position:relative}.onumwrap .omed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.onumwrap .onum-html{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Playfair Display,Georgia,serif;font-weight:600;font-size:2.05rem;line-height:1;color:var(--crescent, #f2f2f2);pointer-events:none}.onumwrap .onum-html.master{font-size:1.5rem;letter-spacing:-.01em}@media (prefers-reduced-motion: no-preference){.omed .osync{transform-origin:50px 50px;animation:osync-breathe 6s ease-in-out infinite}@keyframes osync-breathe{0%,to{opacity:1}50%{opacity:.55}}}@media (max-width: 720px){.sysmeds{grid-template-columns:repeat(3,1fr)}}@media (max-width: 440px){.sysmeds{grid-template-columns:repeat(2,1fr);gap:10px}.sysmed .med{width:72px;height:72px}.sysmeds>.sysmed:last-child{grid-column:1 / -1}}
