:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecece4;background:#101119;font-synthesis:none;--gold:#efb75d;--mint:#9adaca;--muted:#909999;--step:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #f4cd8b;outline-offset:6px}.skip{position:fixed;top:12px;left:16px;z-index:30;background:#efb75d;color:#151419;padding:12px 20px;transform:translateY(-180%)}.skip:focus{transform:none}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 78% 39%,#4f64791f,transparent 38%),radial-gradient(ellipse at 8% 68%,#694d2f0c,transparent 50%),linear-gradient(135deg,#11121b,#101520 60%,#111c20)}.stars{position:absolute;inset:0;background-image:radial-gradient(#d0d8e140 1px,transparent 1px),radial-gradient(#e6bd8630 1px,transparent 1px);background-size:113px 137px,211px 179px;background-position:23px 10px,70px 95px;opacity:.6}.horizon{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#16322a22);clip-path:polygon(0 35%,6% 35%,6% 20%,15% 20%,15% 60%,22% 60%,22% 40%,30% 40%,30% 70%,48% 70%,48% 45%,60% 45%,60% 60%,72% 60%,72% 30%,84% 30%,84% 10%,92% 10%,92% 30%,100% 30%,100% 100%,0 100%)}.ground-grid{position:absolute;bottom:-35px;left:-20%;right:-20%;height:220px;transform:perspective(400px) rotateX(60deg);transform-origin:bottom;background:linear-gradient(transparent,#111c2080),repeating-linear-gradient(90deg,transparent 0 79px,#97c5b213 80px),repeating-linear-gradient(0deg,transparent 0 49px,#97c5b210 50px);opacity:.7}header,main,footer{width:min(1320px,calc(100% - 112px));margin-inline:auto}header{height:118px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:15px}.brand img{object-fit:contain}.brand>span{font-size:23px;font-weight:900;letter-spacing:5px;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:2.7px;color:#889296;margin-top:5px;font-weight:600}.realm-tag{display:flex;align-items:center;gap:12px;padding:10px 0 10px 15px;border-block:1px solid #7c919b30;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;color:#b1b8b8}.realm-tag i{width:5px;height:5px;background:#96c9b4;box-shadow:0 0 10px #96c9b433}.realm-tag b{border-left:1px solid #7c919b30;padding:2px 12px;color:#687d81;font-size:10px}main{position:relative;flex:1;padding:48px 0 40px}.world-stage{position:absolute;right:-85px;top:-90px;width:780px;height:760px;z-index:-1;pointer-events:none}.voxel-scene{display:block;width:100%;height:100%;filter:drop-shadow(0 30px 25px #0003);overflow:visible}.scene-label{position:absolute;top:78%;right:9%;display:grid;gap:9px;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:1.8px;color:#6e8587;text-align:right}.scene-label>span:first-child{color:#939fa1}.lead-zone{position:relative;min-height:335px;width:54%;z-index:1}.eyebrow{margin:0 0 22px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:2.3px;color:#d3b988;display:flex;align-items:center;gap:11px}.eyebrow>span{height:6px;width:6px;box-shadow:4px 0 #bf8f43,0 4px #bf8f43,4px 4px #bf8f43;background:#f8d38c}h1{font-family:ui-monospace,"Courier New",monospace;font-size:clamp(42px,5vw,69px);font-weight:900;letter-spacing:-3.5px;line-height:1.05;margin:0;position:relative;text-shadow:3px 3px #090a1038}h1>span{color:#efbd77}h1>i{font-style:normal;color:#e5ae62;display:inline-block;margin-left:4px;font-size:.8em}.intro{font-size:14px;color:#9ca4a5;line-height:1.95;margin:24px 0 0;max-width:490px}.clock-shell{position:relative;width:min(960px,82%);padding:2px;clip-path:var(--step);background:linear-gradient(135deg,#c79c58a0,#574a3540 35%,#617c7b60 70%,#d4a66270);z-index:2;filter:drop-shadow(0 16px 26px #0003)}.clock-inner{clip-path:var(--step);padding:21px 28px 17px;background:linear-gradient(110deg,#1e2227fa,#171e26fa);position:relative}.clock-inner:before{content:"";position:absolute;inset:4px;border:1px solid #9a957d0c;pointer-events:none;clip-path:var(--step)}.clock-head{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1.8px;color:#d0bd97}.clock-head>span:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap}.clock-head i{width:6px;height:6px;background:#ecbb6e;box-shadow:0 0 14px #ecbb6e55}.clock-head .sync{font-size:7px;letter-spacing:1.2px;color:#7f9799;text-align:right}.clock-display{position:relative;padding:26px 0 22px;overflow:hidden}.clock-digits{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr) 15px minmax(0,1fr) 15px minmax(0,1fr);gap:12px;align-items:center}.time-unit{text-align:center;min-width:0}.pixel-number{display:block;position:relative;width:100%;aspect-ratio:60/35;font-size:clamp(42px,6vw,82px);line-height:1;color:#efd7ab;font-family:ui-monospace,monospace;isolation:isolate;filter:drop-shadow(0 3px 0 #070c1359)}.pixel-face{position:absolute;inset:0;display:block}.pixel-face svg{display:block;width:100%;height:100%;overflow:visible}.pixel-face rect{fill:#eed6aa}.face-main{filter:drop-shadow(0 0 8px #efc7780a)}.face-red,.face-cyan{opacity:0;mix-blend-mode:screen;pointer-events:none}.face-red rect{fill:#f47e94}.face-cyan rect{fill:#74e2e4}.time-unit small{display:block;font-family:ui-monospace,monospace;font-size:8px;font-weight:600;letter-spacing:3px;color:#8f9c99;margin-top:16px}.clock-colon{display:grid;justify-content:center;gap:16px;padding-bottom:25px}.clock-colon i{display:block;width:5px;height:5px;background:#c6a47065;box-shadow:1px 1px #edcf9614}.clock-timestamp{position:absolute;bottom:0;right:0;font-family:ui-monospace,monospace;font-size:6px;letter-spacing:1.5px;color:#45575d}.loading-track{height:4px;position:relative;background:#7b8d8815;margin-top:8px;overflow:hidden}.loading-track>span{display:block;height:100%;width:73%;background:repeating-linear-gradient(90deg,#d5ac6f 0 12px,transparent 12px 15px);opacity:.8}.loading-track>i{position:absolute;top:0;height:4px;width:12px;background:#fae0a0;left:72%;box-shadow:0 0 13px #edc78044}.clock-foot{display:flex;justify-content:space-between;gap:15px;font-family:ui-monospace,monospace;font-size:7px;letter-spacing:1.6px;color:#6f8787;margin-top:12px}.clock-foot>span:last-child{letter-spacing:.2px;color:#a2a79c}.entry{position:relative;z-index:2;margin-top:26px}.actions{display:flex;gap:12px;align-items:center}.actions a{display:flex;align-items:center;justify-content:center;gap:13px;padding:16px 21px;font-size:12px;font-weight:750;min-height:54px;clip-path:polygon(0 5px,5px 5px,5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,0 100%);transition:background .2s,transform .2s}.primary{color:#282018;background:#e8b76f;box-shadow:inset 0 -4px #9d753c, inset 0 2px #f8d89a}.primary svg{width:16px;height:16px;fill:currentColor}.primary>span{margin-left:20px;font-size:19px;line-height:1}.primary:hover{background:#f5c987;transform:translateY(-1px)}.secondary{background:#243037;color:#c6d0ca;box-shadow:inset 0 -3px #101c22,inset 0 1px #61717645}.secondary span{font-size:18px;font-family:monospace;margin-left:24px;color:#8faba8}.secondary:hover{background:#304048}.access-note{font-size:10px;color:#869a96;line-height:1.8;margin:14px 0 0}.switch{border:0;background:transparent;color:#d6c39f;padding:8px 0;text-underline-offset:4px;text-decoration:underline;font-size:11px}.honest-note{position:relative;z-index:2;font-size:9px;color:#5f7578;line-height:1.8;margin:27px 0 0}footer{border-top:1px solid #8197971a;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:ui-monospace,monospace;font-size:7px;letter-spacing:1px;color:#6d8284;position:relative;z-index:2}footer b{font-size:6px;font-weight:400;color:#455f62;margin-left:18px}.scan-slice{position:absolute;inset-inline:0;height:8px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,#68ddd249 40%,#f0c28036 70%,transparent);mix-blend-mode:screen}.slice-one{top:32%}.slice-two{top:61%;height:3px}
@media(prefers-reduced-motion:no-preference){h1>i{animation:cursor 2s steps(1) infinite}.portal-energy{animation:portal-breathe 7s ease-in-out infinite;transform-origin:485px 440px}.portal-slice{animation:portal-scan 9s linear infinite}.far-island{animation:island-drift 11s ease-in-out infinite}.drifting-blocks{animation:block-drift 7s ease-in-out infinite}.portal-dust{animation:dust 5s ease-in-out infinite}.loading-track>span{animation:progress-drift 12s steps(12) infinite}.loading-track>i{animation:progress-light 12s steps(12) infinite}.face-red{animation:rgb-drift 5.6s steps(1) infinite}.face-cyan{animation:rgb-drift-cyan 5.6s steps(1) infinite}.time-unit:nth-of-type(3) .face-red{animation-delay:.4s}.time-unit:nth-of-type(5) .face-cyan{animation-delay:.7s}.glitch-split .face-red{opacity:.5;transform:translateX(-3px);clip-path:inset(20% 0 48%)}.glitch-split .face-cyan{opacity:.5;transform:translateX(3px);clip-path:inset(57% 0 20%)}.glitch-scan .slice-one{opacity:.6;transform:translateX(10px)}.glitch-scan .slice-two{opacity:.4;transform:translateX(-7px)}.glitch-scan .face-main{clip-path:polygon(0 0,100% 0,100% 29%,2% 29%,2% 33%,100% 33%,100% 100%,0 100%)}.glitch-rewind .clock-digits{transform:translateX(-1px)}.glitch-rewind .face-cyan{opacity:.4;transform:translateX(-3px);clip-path:inset(69% 0 8%)}.glitch-rewind .sync{color:#c3acdc}}
@keyframes cursor{50%{opacity:0}}@keyframes portal-breathe{50%{opacity:.7;transform:scale(.985,1)}}@keyframes portal-scan{0%{transform:translateY(-100px)}100%{transform:translateY(200px)}}@keyframes island-drift{50%{transform:translateY(-9px)}}@keyframes block-drift{50%{transform:translate(3px,-8px)}}@keyframes dust{50%{opacity:.3;transform:translateY(-12px)}}@keyframes progress-drift{50%{width:87%}}@keyframes progress-light{50%{left:86%}}@keyframes rgb-drift{0%,11%,14%,51%,54%,100%{opacity:0;transform:none}12%,52%{opacity:.35;transform:translateX(-2px);clip-path:inset(28% 0 55%)}13%,53%{opacity:.2;transform:translateX(2px);clip-path:inset(64% 0 15%)}}@keyframes rgb-drift-cyan{0%,11%,14%,51%,54%,100%{opacity:0;transform:none}12%,52%{opacity:.3;transform:translateX(2px);clip-path:inset(28% 0 55%)}13%,53%{opacity:.2;transform:translateX(-2px);clip-path:inset(64% 0 15%)}}
@media(min-width:1650px){main{padding-top:65px}.lead-zone{min-height:365px}.world-stage{right:-50px;top:-65px;width:850px;height:800px}.clock-shell{width:1000px}.scene-label{right:8%}}@media(max-width:1150px){header,main,footer{width:calc(100% - 72px)}.world-stage{width:660px;height:680px;right:-100px;top:-40px}.lead-zone{width:60%;min-height:320px}h1{font-size:56px}.eyebrow{font-size:8px;letter-spacing:1.5px}.clock-shell{width:88%}.scene-label{right:12%;top:81%}.clock-digits{gap:9px}.clock-head .sync{font-size:6px;letter-spacing:.5px}footer b{display:none}}@media(max-width:800px){header,main,footer{width:calc(100% - 44px)}header{height:100px}.brand>span{font-size:20px}.brand img{width:46px;height:46px}.brand small{font-size:6px;letter-spacing:1.8px}.realm-tag{font-size:8px;letter-spacing:1px;padding-left:10px;gap:8px}.realm-tag b{padding-inline:8px}main{padding-top:25px}.lead-zone{width:100%;min-height:300px}h1{font-size:56px}.intro{max-width:360px;font-size:13px}.world-stage{width:540px;height:550px;right:-118px;top:80px;opacity:.67}.scene-label{display:none}.clock-shell{width:100%}.clock-inner{padding:19px 22px 16px}.clock-digits{gap:8px}.clock-colon{gap:11px}.time-unit small{font-size:7px;letter-spacing:2px}.clock-foot{font-size:6px;letter-spacing:1px}.honest-note{font-size:8px}footer{flex-wrap:wrap;justify-content:space-between;font-size:6px;padding-block:20px;gap:12px}}
@media(max-width:520px){header,main,footer{width:calc(100% - 36px)}header{height:88px}.brand{gap:10px}.brand img{width:38px;height:38px}.brand>span{font-size:17px;letter-spacing:3px}.brand small{font-size:5px;letter-spacing:1.4px}.realm-tag{font-size:7px;letter-spacing:.8px}.realm-tag b{display:none}.realm-tag i{width:4px;height:4px}.lead-zone{padding-bottom:225px;min-height:0}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:20px}h1{font-size:43px;letter-spacing:-2.8px;line-height:1.08}.intro{font-size:12px;line-height:1.9;margin-top:19px;max-width:290px}.world-stage{width:440px;height:410px;top:192px;right:-42px;opacity:1}.desktop-break{display:none}.clock-inner{padding:16px 13px 14px}.clock-head{font-size:6px;letter-spacing:1.2px;gap:5px}.clock-head>span:first-child{gap:6px}.clock-head .sync{font-size:5px;letter-spacing:0;max-width:118px;line-height:1.6}.clock-head i{width:4px;height:4px}.clock-display{padding:22px 0 20px}.clock-digits{gap:5px;grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr)}.clock-colon{gap:9px;padding-bottom:22px}.clock-colon i{width:3px;height:3px}.time-unit small{font-size:6px;letter-spacing:1.2px;margin-top:12px}.clock-timestamp{font-size:5px;letter-spacing:1px}.clock-foot{font-size:5px;letter-spacing:.5px;gap:7px;margin-top:11px}.clock-foot>span:last-child{font-size:6px}.loading-track{height:3px;margin-top:5px}.loading-track>i{height:3px}.entry{margin-top:22px}.actions{gap:9px;align-items:stretch;flex-wrap:wrap}.actions a{font-size:11px;gap:9px;min-height:51px;padding:14px 15px}.primary{flex:1 1 100%}.primary>span{margin-left:auto;margin-right:6px}.primary svg{margin-right:4px}.secondary{flex:1 1 100%;justify-content:space-between!important}.secondary span{margin-left:auto}.access-note{font-size:9px;line-height:1.8;margin-top:15px;max-width:310px}.honest-note{margin-top:22px;font-size:8px;max-width:300px;line-height:1.8}main{padding-bottom:30px}footer{font-size:5px;gap:12px;justify-content:flex-start}footer>span:last-child{width:100%;font-size:5px;letter-spacing:1.5px;color:#4f686d}}@media(max-width:355px){h1{font-size:38px}.eyebrow{font-size:6px}.clock-head .sync{max-width:92px}.world-stage{right:-64px}.clock-digits{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.face-red,.face-cyan,.scan-slice{opacity:0!important;transform:none!important}.clock-digits{transform:none!important}.portal-slice{transform:none!important}}
/* Keep the art's right edge inside the viewport at every breakpoint. */
.world-stage{right:0}

/* Keep small-screen guidance readable, alongside the large pixel numerals. */
@media(max-width:520px){.time-unit small{font-size:8px;letter-spacing:1px}.clock-head{font-size:7px;letter-spacing:.6px}.clock-head .sync{font-size:6px;max-width:112px}.clock-foot{font-size:6px;letter-spacing:.3px}.clock-foot>span:last-child{font-size:7px}.access-note{font-size:11px}.honest-note{font-size:10px;color:#869a9b}footer,footer>span:last-child{font-size:7px;line-height:1.8}.clock-timestamp{font-size:6px}}
@media(prefers-reduced-motion:no-preference){.glitch-split .face-red,.glitch-split .face-cyan,.glitch-rewind .face-cyan{animation:none}}