body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(94,230,181,.035) 50%,transparent 65%),radial-gradient(circle at 50% 44%,transparent 22%,rgba(1,8,6,.56) 100%)}
.frame{border-radius:2px;transition:border-color .25s ease,box-shadow .25s ease}.unit:nth-child(2){transform:translateY(-2.5vh)}.unit:hover .frame{border-color:rgba(94,230,181,.8);box-shadow:inset 0 0 55px rgba(94,230,181,.08),0 0 32px rgba(94,230,181,.12)}
.roman{font-variant-numeric:tabular-nums}.title{padding:8px 12px;border:1px solid rgba(94,230,181,.12);background:rgba(7,16,14,.62);backdrop-filter:blur(8px)}
@media(max-width:620px){.unit:nth-child(2){transform:none}.unit{padding:5px;border-bottom:1px solid rgba(94,230,181,.09)}}
@media(prefers-reduced-motion:reduce){.frame{transition:none}}