.cinematic-age{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;contain:layout style;width:112px;padding:0;transition:opacity .6s;position:absolute;top:50%;right:clamp(22px,4vw,72px);transform:translateY(-50%)}.cinematic-age[data-visible=true]{opacity:1}.cinematic-age-values{font-variant-numeric:tabular-nums lining-nums;grid-template-columns:1fr;gap:clamp(12px,2.8vh,28px);margin:0;padding:0;display:grid;position:relative}.cinematic-age-unit{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.cinematic-age-unit dd{text-align:center;letter-spacing:-.04em;color:#fff6def0;text-shadow:0 1px 9px #0006,0 0 18px #eeb55c33;margin:0;font:400 clamp(42px,5.5vh,66px)/.95 Baskerville,Times New Roman,serif}.cinematic-age-unit dt{letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:#fff5dfcc;text-shadow:0 1px 5px #0008;margin:0;font:500 9px/1.2 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}.cinematic-age-ribbon{opacity:.65;width:calc(100% + 44px);height:calc(100% + 44px);position:absolute;inset:-22px;overflow:visible}.cinematic-age-ribbon path{fill:none;stroke-width:.85px;vector-effect:non-scaling-stroke}.age-gold-trail{stroke:url(#age-ribbon-gold);filter:drop-shadow(0 0 3px #ffd78d)}.age-blue-trail{stroke:url(#age-ribbon-blue);filter:drop-shadow(0 0 3px #69adff)}.age-sparks{fill:#ffdfa1;filter:drop-shadow(0 0 3px #ffd78d);animation:5s ease-in-out infinite alternate age-shimmer}@keyframes age-shimmer{0%{opacity:.35}to{opacity:.9}}@media (width<=1100px),(height<=650px){.cinematic-age{top:auto;left:50%;right:auto;bottom:calc(108px + env(safe-area-inset-bottom));width:min(420px,100% - 48px);transform:translate(-50%)}.cinematic-age-values{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.cinematic-age-unit{gap:5px}.cinematic-age-unit dd{font-size:36px}.cinematic-age-unit dt{letter-spacing:.035em;font-size:8px}.cinematic-age-ribbon{opacity:.5;width:calc(100% + 16px);height:68px;inset:12px -8px -16px;transform:rotate(180deg)}}@media (width<=599px){.cinematic-age{bottom:calc(100px + env(safe-area-inset-bottom));width:min(310px,100% - 40px)}.cinematic-age-values{gap:4px}.cinematic-age-unit dd{font-size:29px}.cinematic-age-unit dt{letter-spacing:.025em;font-size:7px}.cinematic-age-ribbon{height:52px}}@media (orientation:landscape) and (height<=600px){.cinematic-age{bottom:calc(94px + env(safe-area-inset-bottom));width:min(340px,100% - 120px)}.cinematic-age-unit dd{font-size:26px}}@media (prefers-reduced-motion:reduce){.cinematic-age{transition:none}.age-sparks{animation:none}}