.clock-intro{background:var(--s-bg);background-image:radial-gradient(var(--s-grid) .6px, transparent .6px);color:#171815;background-size:4px 4px;place-items:center;min-height:100svh;padding:24px 16px;font:14px Courier New,monospace;display:grid}.clock-intro *,.clock-intro :before,.clock-intro :after{box-sizing:border-box}.clock-startup-window{background:#c9c9bf;border:2px solid #42463f;border-color:#fafbf2 #42463f #42463f #fafbf2;outline:none;width:min(540px,100%);padding:4px;box-shadow:2px 2px #171815}.clock-window-title{color:#fff;background:linear-gradient(90deg,#152668,#527c9c);justify-content:space-between;align-items:center;gap:12px;height:28px;padding:3px 5px 3px 8px;font-size:12px;font-weight:700;display:flex}.clock-window-controls{gap:4px;display:flex}.clock-window-controls>span{color:#20271c;border:2px solid #353831;border-color:#ffffffa0 #353831 #353831 #ffffffa0;place-items:center;width:19px;height:19px;font:700 15px/1 Courier New,monospace;display:grid}.clock-control-close{background:#d97668}.clock-control-minimise{background:#e6cc69}.clock-control-expand{background:#86ad76}.clock-window-body{padding:22px 38px 24px}.clock-stage{perspective:700px;background:#e2e3d7;border:2px solid #f5f5ed;border-color:#777b70 #f5f5ed #f5f5ed #777b70;place-items:center;height:270px;display:grid;position:relative;overflow:hidden}.clock-loading-copy{font:22px Arial,sans-serif}.clock-token{opacity:0;perspective:700px;width:238px;height:238px;position:absolute}.clock-token-turn{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateY(-18deg)}.clock-token-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(1px)}.clock-token-face img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.clock-token-depth{-webkit-backface-visibility:visible;backface-visibility:visible;background:#783a14;position:absolute;inset:0;-webkit-mask:url(/brand/mr-clock/pixel-token-v2.png) 50%/contain no-repeat;mask:url(/brand/mr-clock/pixel-token-v2.png) 50%/contain no-repeat}.clock-token-hands{width:100%;height:100%;position:absolute;inset:0}.clock-hour,.clock-minute{transform-origin:49px 58px}.clock-hour{transform:rotate(-30deg)}.clock-status{text-align:center;min-height:17px;margin:16px 0 10px;font-size:12px}.clock-progress{border:2px solid #f9faf2;border-color:#73766e #f9faf2 #f9faf2 #73766e;height:27px;padding:3px}.clock-progress>div{background:repeating-linear-gradient(90deg,#152668 0 13px,#0000 13px 16px);width:0;height:100%}.clock-window-actions{justify-content:center;gap:34px;margin-top:24px;display:flex}.clock-window-actions button{color:#171815;cursor:pointer;background:#c9c9bf;border:2px solid #4e5248;border-color:#fafbf2 #4e5248 #4e5248 #fafbf2;min-width:112px;padding:7px 16px;font:16px Courier New,monospace;box-shadow:1px 1px #20251b}.clock-window-actions button:disabled{color:#8a8e81;text-shadow:1px 1px #f4f4e9;cursor:default}.clock-window-actions button:focus-visible{outline-offset:-6px;outline:1px dotted #171815}.clock-window-actions button:active:not(:disabled){box-shadow:none;border-color:#4e5248 #fafbf2 #fafbf2 #4e5248}.clock-whiteout{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.clock-intro[data-running=true] .clock-loading-copy{animation:10.8s linear both clock-loading-copy}.clock-intro[data-running=true] .clock-token{animation:10.8s linear both clock-token-evolve}.clock-intro[data-running=true] .clock-token-turn{animation:10.8s linear both clock-token-turn}.clock-intro[data-running=true] .clock-hour{animation:3.9s cubic-bezier(.45,0,.2,1) 2.4s both clock-hour-turn}.clock-intro[data-running=true] .clock-minute{animation:3.9s cubic-bezier(.45,0,.2,1) 2.4s both clock-minute-turn}.clock-intro[data-running=true] .clock-whiteout{animation:10.8s linear both clock-whiteout}.clock-intro[data-running=true] .clock-progress>div{animation:2.4s steps(25,end) both clock-load}.clock-intro[data-phase=leaving] .clock-startup-window{opacity:0;transition:opacity .16s}@keyframes clock-loading-copy{0%,20%{opacity:1}22%,to{opacity:0}}@keyframes clock-load{0%{width:0}to{width:100%}}@keyframes clock-token-evolve{0%,22%{opacity:0;filter:brightness();transform:scale(.8)}26%,46%{opacity:1;filter:brightness();transform:scale(1)}55%{opacity:1;filter:brightness(2);transform:scale(1)}60%{opacity:1;filter:brightness(12)}65%,to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes clock-token-turn{0%,22%{transform:rotateY(0)rotate(0)}25%,31%,37%,43%,49%,55%{transform:rotateY(-24deg)rotate(-6deg)}28%,34%,40%,46%,52%,58%{transform:rotateY(24deg)rotate(6deg)}62%{transform:rotateY(0)rotate(0)}68%,to{transform:rotateY(-18deg)rotate(0)}}@keyframes clock-hour-turn{0%{transform:rotate(-30deg)}to{transform:rotate(-1110deg)}}@keyframes clock-minute-turn{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}@keyframes clock-whiteout{0%,54%{opacity:0}60%,63%{opacity:1}69%,to{opacity:0}}.clock-intro[data-mode=still] .clock-loading-copy{display:none}.clock-intro[data-mode=still] .clock-token{opacity:1}.clock-intro[data-mode=still] .clock-progress>div{width:100%}.clock-intro[data-failed=true] .clock-loading-copy{display:none}@media (prefers-reduced-motion:reduce){.clock-intro *,.clock-intro :before,.clock-intro :after{transition:none!important;animation:none!important}.clock-loading-copy,.clock-whiteout{display:none}.clock-token{opacity:1}.clock-progress>div{width:100%}}@media (max-width:480px){.clock-window-body{padding:18px 18px 22px}.clock-stage{height:240px}.clock-token{width:212px;height:212px}.clock-window-actions{gap:24px}.clock-window-actions button{min-width:92px}}@media (max-height:540px) and (min-width:481px){.clock-intro{padding:12px}.clock-window-body{padding:12px 30px}.clock-stage{height:200px}.clock-token{width:185px;height:185px}.clock-window-actions{margin-top:14px}}.clock-token-face .clock-gold-art{opacity:0;position:absolute;inset:0}.clock-shiny-stars{pointer-events:none;position:absolute;inset:0}.clock-shiny-stars>span{--dx:0px;--dy:-104px;--delay:7.1s;opacity:0;clip-path:polygon(42% 0,58% 0,58% 25%,75% 25%,75% 42%,100% 42%,100% 58%,75% 58%,75% 75%,58% 75%,58% 100%,42% 100%,42% 75%,25% 75%,25% 58%,0 58%,0 42%,25% 42%,25% 25%,42% 25%);background:#fff2a6;width:24px;height:24px;position:absolute;top:50%;left:50%}.clock-shiny-stars>span:after{content:"";background:#fff;position:absolute;inset:8px}.clock-shiny-stars>span:nth-child(2){--dx:90px;--dy:-82px;--delay:7.18s}.clock-shiny-stars>span:nth-child(3){--dx:120px;--dy:-8px;--delay:7.26s}.clock-shiny-stars>span:nth-child(4){--dx:80px;--dy:85px;--delay:7.34s}.clock-shiny-stars>span:nth-child(5){--dx:0px;--dy:108px;--delay:7.42s}.clock-shiny-stars>span:nth-child(6){--dx:-82px;--dy:85px;--delay:7.5s}.clock-shiny-stars>span:nth-child(7){--dx:-120px;--dy:-8px;--delay:7.58s}.clock-shiny-stars>span:nth-child(8){--dx:-90px;--dy:-82px;--delay:7.66s}.clock-intro[data-running=true] .clock-original-art{animation:10.8s linear both clock-original-fade}.clock-intro[data-running=true] .clock-gold-art{animation:10.8s linear both clock-gold-reveal}.clock-intro[data-running=true] .clock-stage{animation:10.8s linear both clock-stage-evolve}.clock-intro[data-running=true] .clock-token-depth{animation:10.8s linear both clock-depth-gold}.clock-intro[data-running=true] .clock-shiny-stars>span{animation:clock-shiny-burst 1.35s steps(10,end) var(--delay) both}@keyframes clock-original-fade{0%,60%{opacity:1}64%,to{opacity:0}}@keyframes clock-gold-reveal{0%,60%{opacity:0}64%,to{opacity:1}}@keyframes clock-stage-evolve{0%,60%{background-color:#e2e3d7}64%,to{background-color:#17223a}}@keyframes clock-depth-gold{0%,60%{background-color:#783a14}64%,to{background-color:#b87913}}@keyframes clock-shiny-burst{0%{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--dx) * .65),calc(var(--dy) * .65)) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1)}45%{opacity:1;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(.7)}65%{opacity:1;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--dx) * 1.15),calc(var(--dy) * 1.15)) scale(0)}}.clock-intro[data-mode=still] .clock-original-art{opacity:0}.clock-intro[data-mode=still] .clock-gold-art{opacity:1}.clock-intro[data-mode=still] .clock-stage{background:#17223a}.clock-intro[data-mode=still] .clock-token-depth{background:#b87913}@media (prefers-reduced-motion:reduce){.clock-original-art{opacity:0}.clock-token-face .clock-gold-art{opacity:1}.clock-stage{background:#17223a}.clock-token-depth{background:#b87913}.clock-shiny-stars{display:none}}@media (max-width:360px){.clock-shiny-stars{transform:scale(.83)}}