.page-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:8px 14px;margin:0;min-height:60px;position:relative;z-index:11}.page-navigation .time-back,.page-navigation .time-forward{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;margin:0;width:105px;height:48px;cursor:pointer;border-radius:8px}.time-back img,.time-forward img{display:block;width:105px;height:48px;object-fit:contain}.time-forward img{transform:scaleX(-1)}.time-back:disabled,.time-forward:disabled{opacity:.4;cursor:default}.page-navigation .page-home{font:700 16px Arial;color:#191952;text-decoration:none;padding:10px 12px;border:1px solid #d6d0e7;border-radius:6px;background:white}.page-navigation .page-home[aria-current=page]{background:#eeeaf8}.page-navigation button:focus-visible,.page-navigation a:focus-visible{outline:3px solid #3839a0;outline-offset:3px}.time-spark{position:fixed;pointer-events:none;z-index:10000;width:17px;height:17px;background:#b3a0ff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:time-spark .6s ease-out both;filter:drop-shadow(0 0 5px #c6b5ff)}@keyframes time-spark{from{opacity:0;transform:translate(0,0) scale(.3)}30%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.8)}}
.time-plate-stage{position:fixed;left:24px;top:100px;width:220px;height:145px;pointer-events:none;z-index:10000;perspective:550px;animation:plate-fade 5s linear both}.time-plate-stage:before{content:'';position:absolute;left:10px;top:104px;width:190px;height:20px;border-radius:50%;background:radial-gradient(ellipse,#19195255,transparent 70%)}.time-license-plate{position:absolute;left:12px;top:25px;width:185px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(130deg,#fffef3,#dce2e5);border:3px solid #8e969e;border-radius:6px;box-shadow:inset 0 0 0 2px #f7f8f4,0 2px 2px #19195255;color:#243e61;transform-origin:50% 85%;backface-visibility:visible;animation:plate-tumble 5s linear both}.time-license-plate:before,.time-license-plate:after{content:'';position:absolute;top:6px;width:5px;height:5px;border-radius:50%;background:#69727b}.time-license-plate:before{left:10px}.time-license-plate:after{right:10px}.time-license-plate .plate-state{font:italic 18px Georgia,serif;line-height:1;color:#245d83;margin-bottom:6px}.time-license-plate strong{font:700 31px/1.05 'Courier New',monospace;letter-spacing:1px;text-shadow:0 1px white}
@keyframes plate-fade{0%{opacity:0}5%,90%{opacity:1}100%{opacity:0}}
@media(max-width:650px){.page-navigation{padding:8px;gap:5px}.page-navigation .time-back,.page-navigation .time-forward,.time-back img,.time-forward img{width:85px;height:44px}.page-navigation .page-home{padding:8px}.time-plate-stage{left:8px;top:100px}}@media(prefers-reduced-motion:reduce){.time-spark,.time-plate-stage{display:none;animation:none}}

.time-machine-stage{position:fixed;left:16px;top:82px;width:310px;height:310px;pointer-events:none;z-index:9999;animation:plate-fade 5s linear both;filter:drop-shadow(0 5px 5px #19195244)}
.machine-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}
.machine-wheel-plane{position:absolute;left:2%;top:0;width:57%;height:57%;transform:scaleX(.72);z-index:1}
.machine-wheel{width:100%;height:100%;animation:machine-spin 1.8s linear infinite}
.machine-light{position:absolute;top:33.3%;width:2.2%;height:2.7%;border-radius:50%;z-index:3;animation:machine-light 1.5s ease-in-out infinite;opacity:.25}
.machine-light.red{left:74.4%;background:#ff334e;color:#ff334e}.machine-light.green{left:77.5%;background:#44f58b;color:#44f58b;animation-delay:.5s}.machine-light.blue{left:80.5%;background:#43aaff;color:#43aaff;animation-delay:1s}
@keyframes machine-spin{to{transform:rotate(360deg)}}@keyframes machine-light{0%,65%,100%{opacity:.25;box-shadow:none}30%{opacity:1;box-shadow:0 0 8px 3px currentColor}}
@media(max-width:650px){.time-machine-stage{left:8px;width:240px;height:240px}}@media(prefers-reduced-motion:reduce){.time-machine-stage{display:none}.machine-wheel,.machine-light{animation:none}}

.time-plate-stage{width:300px;height:250px;perspective:650px;animation:plate-fade 5.2s linear both}
.time-plate-stage:before{left:80px;top:167px;width:155px;height:28px;background:radial-gradient(ellipse,#21182b66,transparent 70%)}
.time-license-plate{left:92px;top:58px;width:155px;height:70px;transform-origin:0% 100%;animation:plate-corner-spin 5.2s linear both;z-index:2}
.time-license-plate strong{font-size:25px}.time-license-plate .plate-state{font-size:15px}
@keyframes plate-corner-spin{0%{transform:rotateZ(-62deg) rotateY(0deg)}15%{transform:rotateZ(-60deg) rotateY(360deg)}30%{transform:rotateZ(-57deg) rotateY(720deg)}45%{transform:rotateZ(-52deg) rotateY(1080deg)}60%{transform:rotateZ(-45deg) rotateY(1440deg)}72%{transform:rotateZ(-30deg) rotateY(1740deg)}82%{transform:rotateZ(-10deg) rotateY(1800deg) rotateX(15deg)}88%{transform:rotateZ(0deg) rotateY(1800deg) rotateX(78deg)}92%{transform:rotateZ(0deg) rotateY(1800deg) rotateX(62deg)}96%{transform:rotateZ(0deg) rotateY(1800deg) rotateX(82deg)}100%{transform:rotateZ(0deg) rotateY(1800deg) rotateX(84deg)}}
.plate-fire-trail{position:absolute;top:18px;width:30px;height:220px;transform-origin:50% 100%;z-index:1;filter:drop-shadow(0 0 5px #ff8300);animation:fire-fade 5.2s linear both;background:linear-gradient(90deg,transparent,#6487fd77,#ffae1744,transparent)}
.trail-0{left:24px;transform:rotate(14deg)}.trail-1{right:14px;transform:rotate(-14deg)}
.plate-fire-trail i{position:absolute;left:6px;bottom:calc(var(--i)*11px);width:18px;height:30px;border-radius:65% 25% 65% 25%;background:radial-gradient(ellipse at 45% 85%,#fffadc 5%,#ffcc35 30%,#ff7c14 55%,#ed351100 78%);transform-origin:50% 100%;animation:plate-flame .65s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes plate-flame{from{transform:scale(.7,.7) rotate(-15deg);opacity:.65}to{transform:scale(1.15,1.45) rotate(12deg);opacity:1}}@keyframes fire-fade{0%{opacity:0}8%,72%{opacity:1}100%{opacity:0}}
.travel-sound{font:14px Arial;color:#191952;border:1px solid #d6d0e7;border-radius:6px;background:white;padding:8px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.plate-fire-trail i{animation:none}.time-plate-stage{display:none}}

/* Upright corner spin between the two tracks. The outer pivot rocks; the plate turns vertically. */
.time-plate-stage{width:320px;height:270px;perspective:800px}
.plate-corner-pivot{position:absolute;left:80px;top:82px;width:155px;height:70px;transform-style:preserve-3d;transform-origin:50% 100%;animation:corner-rock 5.2s linear both;z-index:2}
.time-license-plate{left:0;top:0;width:155px;height:70px;box-sizing:border-box;transform-origin:50% 50%;animation:corner-yaw 5.2s linear both}
@keyframes corner-yaw{0%{transform:rotateY(0deg)}15%{transform:rotateY(360deg)}30%{transform:rotateY(720deg)}45%{transform:rotateY(1080deg)}60%{transform:rotateY(1440deg)}75%{transform:rotateY(1740deg)}83%,100%{transform:rotateY(1800deg)}}
@keyframes corner-rock{0%{transform-origin:0% 100%;transform:translate(54px,0) rotateZ(-65deg)}18%{transform-origin:0% 100%;transform:translate(49px,0) rotateZ(-59deg)}36%{transform-origin:0% 100%;transform:translate(41px,0) rotateZ(-50deg)}56%{transform-origin:0% 100%;transform:translate(24px,0) rotateZ(-32deg)}69%{transform-origin:0% 100%;transform:translate(0,0) rotateZ(0deg)}70%{transform-origin:100% 100%;transform:translate(0,0) rotateZ(0deg)}77%{transform-origin:100% 100%;transform:translate(-14px,0) rotateZ(23deg)}83%{transform-origin:100% 100%;transform:translate(0,0) rotateZ(0deg)}88%{transform-origin:50% 100%;transform:rotateX(78deg)}92%{transform-origin:50% 100%;transform:rotateX(62deg)}96%{transform-origin:50% 100%;transform:rotateX(83deg)}100%{transform-origin:50% 100%;transform:rotateX(85deg)}}
.time-plate-stage:before{left:103px;top:147px;width:130px;height:28px}
.plate-fire-trail{top:28px;width:32px;height:224px;background:linear-gradient(90deg,transparent 12%,#294fff55 35%,#ffc229aa 50%,transparent 88%);filter:drop-shadow(0 0 3px #ff8a00)}
.trail-0{left:25px;transform:rotate(10deg)}.trail-1{right:25px;transform:rotate(-10deg)}
.plate-fire-trail i{left:calc(3px + mod(var(--i), 3)*4px);bottom:calc(var(--i)*12px);width:22px;height:39px;border-radius:0;clip-path:polygon(50% 0,64% 27%,75% 13%,80% 48%,96% 65%,86% 86%,65% 100%,35% 100%,11% 85%,3% 66%,25% 42%,29% 64%,44% 37%);background:linear-gradient(0deg,#fff5b5 0%,#ffdd46 20%,#ff930f 53%,#ed3d0b 85%,#f8ba32 100%);animation:distinct-flame .48s ease-in-out infinite alternate}
.plate-fire-trail i:after{content:'';position:absolute;left:7px;bottom:0;width:9px;height:22px;background:#fff9db;clip-path:polygon(50% 0,100% 100%,0 100%)}
@keyframes distinct-flame{from{transform:scale(.85,.72) skewX(-12deg);opacity:.8}to{transform:scale(1.05,1.12) skewX(10deg);opacity:1}}

/* A fixed diagonal axle through bottom-left and top-right corners. */
.plate-corner-pivot{left:82px;top:88px;transform-origin:0% 100%;animation:diagonal-plate-fall 5.2s linear both}
.time-license-plate{transform-origin:50% 50%;animation:diagonal-plate-spin 5.2s linear both}
@keyframes diagonal-plate-spin{0%{transform:rotate3d(155,-70,0,0deg)}15%{transform:rotate3d(155,-70,0,360deg)}30%{transform:rotate3d(155,-70,0,720deg)}45%{transform:rotate3d(155,-70,0,1080deg)}60%{transform:rotate3d(155,-70,0,1440deg)}73%{transform:rotate3d(155,-70,0,1740deg)}82%,100%{transform:rotate3d(155,-70,0,1800deg)}}
@keyframes diagonal-plate-fall{0%,73%{transform:translateX(49px) rotateZ(-64deg)}82%{transform:translateX(41px) rotateZ(-50deg)}89%{transform:translateX(0px) rotateZ(0deg) rotateX(78deg)}93%{transform:translateX(0px) rotateZ(0deg) rotateX(67deg)}97%{transform:translateX(0px) rotateZ(0deg) rotateX(85deg)}100%{transform:translateX(0px) rotateZ(0deg) rotateX(86deg)}}

.time-machine-stage{width:155px;height:155px}@media(max-width:650px){.time-machine-stage{width:120px;height:120px}}