.sp-vents{position:relative;z-index:2;height:0;overflow-x:clip;pointer-events:none}.sp-vent{position:absolute;top:-22px;width:0;height:0}.sp-vent-a{left:18%}.sp-vent-b{right:9%}.sp-puff{position:absolute;bottom:0;left:-14px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255/75%),rgb(255 255 255/0%) 70%);opacity:0%;filter:blur(3px)}.sp-panel{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:1.5rem 3rem;max-width:900px;margin:2.5rem auto 0;padding:1.4rem 1.5rem 1.1rem;border:7px solid transparent;border-radius:10px;background:radial-gradient(circle at 40% 35%,#fff4c8 0 1px,#d9b25c 1.8px,#6b4a14 3px,rgb(0 0 0/35%) 3.6px,rgb(0 0 0/0%) 4.2px) border-box -1px 0/26px 9px repeat-x,radial-gradient(circle at 40% 35%,#fff4c8 0 1px,#d9b25c 1.8px,#6b4a14 3px,rgb(0 0 0/35%) 3.6px,rgb(0 0 0/0%) 4.2px) border-box 12px 100%/26px 9px repeat-x,repeating-linear-gradient(90deg,rgb(255 255 255/3%) 1px,rgb(0 0 0/5%) 1px 3px) padding-box,linear-gradient(180deg,#3a3a3a,#232323 60%,#1a1a1a) padding-box,linear-gradient(180deg,#f5df98,#d5ae55 32%,#a5782a 56%,#e6c776 78%,#9a6c22) border-box;box-shadow:0 0 0 1px #1c120a,0 12px 28px rgb(0 0 0/60%)}.sp-gauge{display:flex;flex-direction:column;align-items:center;margin:0}.sp-gauge svg{width:150px;height:150px;filter:drop-shadow(0 6px 8px rgb(0 0 0/60%))}.sp-gauge figcaption{margin-top:0.4rem;padding:2px 12px 3px;border-radius:3px;background:linear-gradient(180deg,#f5df98,#d5ae55 32%,#a5782a 56%,#e6c776 78%,#9a6c22);box-shadow:0 0 0 1px #2b1a08,0 2px 4px rgb(0 0 0/55%);color:#2b1a08;font-family:cinzel,georgia,serif;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-shadow:0 1px 0 rgb(255 240 200/70%)}.sp-clock svg{width:168px;height:168px}.sp-dial-label text{fill:#3b2412;font-size:8.5px}.sp-dial-label text,.sp-dial-numeral text{font-family:Crimson Pro,georgia,serif;font-weight:700}.sp-dial-numeral text{fill:#2b1a08;font-size:9px}.sp-dial-title{fill:#3b2412;font-family:cinzel,georgia,serif;font-size:7px;font-weight:700;letter-spacing:0.6px}.sp-dial-maker{fill:#6b4f33;font-family:Special Elite,Courier New,monospace;font-size:5px;letter-spacing:0.3px}.sp-needle{transition:transform 1.4s cubic-bezier(0.34,1.56,0.64,1)}.sp-hand{transform:rotate(var(--sp-start))}.sp-nameplate{flex-basis:100%;margin:0.2rem 0 0;text-align:center}.sp-panel .sp-nameplate{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0.2rem auto 0;padding:3px 18px 4px;border-radius:3px;background:linear-gradient(180deg,#f5df98,#d5ae55 32%,#a5782a 56%,#e6c776 78%,#9a6c22);box-shadow:0 0 0 1px #2b1a08,0 2px 4px rgb(0 0 0/55%);color:#2b1a08;font-family:Special Elite,Courier New,monospace;font-size:0.82rem;text-shadow:0 1px 0 rgb(255 240 200/70%)}.sp-gears{position:fixed;inset:0;z-index:-1;pointer-events:none}.sp-train{position:absolute;top:0;overflow:hidden;filter:drop-shadow(4px 6px 5px rgb(0 0 0/65%))}.sp-train-left{left:0}.sp-train-right{right:0;transform:scaleX(-1)}@media (max-width:1199.98px){.sp-gears{display:none}}@media (max-width:767.98px){.sp-gauge svg{width:120px;height:120px}.sp-clock svg{width:132px;height:132px}.sp-panel{gap:1rem 1.5rem;margin-right:1rem;margin-left:1rem}}@-webkit-keyframes sp-puff{0%{opacity:0%;transform:translate(0) scale(0.4)}8%{opacity:85%}30%{opacity:0%;transform:translate(var(--sp-drift,10px),-70px) scale(2.6)}to{opacity:0%;transform:translate(var(--sp-drift,10px),-70px) scale(2.6)}}@keyframes sp-puff{0%{opacity:0%;transform:translate(0) scale(0.4)}8%{opacity:85%}30%{opacity:0%;transform:translate(var(--sp-drift,10px),-70px) scale(2.6)}to{opacity:0%;transform:translate(var(--sp-drift,10px),-70px) scale(2.6)}}@-webkit-keyframes sp-hand{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes sp-hand{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.sp-puff{-webkit-animation:sp-puff 7s ease-out infinite;animation:sp-puff 7s ease-out infinite}.sp-puff:nth-child(2){--sp-drift:-8px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.sp-puff:nth-child(3){--sp-drift:16px;-webkit-animation-delay:0.8s;animation-delay:0.8s}.sp-vent-b .sp-puff{-webkit-animation-duration:9s;animation-duration:9s}.sp-hand-second{-webkit-animation:sp-hand 60s steps(60) infinite;animation:sp-hand 60s steps(60) infinite}.sp-hand-minute{-webkit-animation:sp-hand 3600s linear infinite;animation:sp-hand 3600s linear infinite}.sp-hand-hour{-webkit-animation:sp-hand 43200s linear infinite;animation:sp-hand 43200s linear infinite}}