:root{--space:#010310;--ink:#fff;--ink-2:#e2ecffdb;--blue:#3b8bff;--blue-hi:#8cc4ff;--green:#46f07a;--disp:"Archivo",ui-sans-serif,system-ui,sans-serif;--mono:"PlexMono",ui-monospace,monospace;--ease:cubic-bezier(.2,.7,.2,1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--space);color:var(--ink);font-family:var(--disp);cursor:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#earth{z-index:0}#life{z-index:1;pointer-events:none}.ui{z-index:2;position:fixed;inset:0}.ui>*{position:absolute;left:50%;transform:translate(-50%)}.logo{width:31vh;top:2.2vh}.logo img{filter:drop-shadow(0 0 2.4vh #468cff73)drop-shadow(0 .3vh .6vh #0009);width:100%;height:auto;display:block}.logo:before{content:"";z-index:-1;background:radial-gradient(50% 50% at 50% 55%,#010412eb 0%,#010412cc 40%,#01041200 78%);position:absolute;inset:-26% -48% -30%}.tag{white-space:nowrap;letter-spacing:.02em;color:#fff;text-shadow:0 0 .25vh #010412,0 .15vh .5vh #010412f2,0 0 2vh #010412e6;margin:0;font-size:3.9vh;font-style:italic;font-weight:700;font-stretch:100%;top:20.6vh}.tag:before{content:"";z-index:-1;background:radial-gradient(50% 50%,#010414db 0%,#010414b3 45%,#01041400 100%);position:absolute;inset:-70% -12%}.board{opacity:0;transition:opacity 1s var(--ease);background:linear-gradient(#0e1a3ef5,#04091af7);border-radius:1.9vh;align-items:stretch;gap:1vh;padding:1.25vh;display:flex;top:28.6vh;box-shadow:0 0 0 .14vh #78aaff61,0 0 0 .55vh #03081ae6,0 0 0 .7vh #468cff59,0 0 6vh #2878ff8c,0 2vh 5vh #0009,inset 0 .2vh #ffffff14}.board.ready{opacity:1}.board .sweep{border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.board .sweep:before{content:"";background:linear-gradient(100deg,#8cc4ff00,#aad6ff38,#8cc4ff00);width:30%;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-14deg)}.board.swept .sweep:before{animation:sweep 1.1s var(--ease)}@keyframes sweep{to{left:120%}}.tile{--th:25.4vh;--tw:16.6vh;--r:1.1vh;width:var(--tw);height:var(--th);perspective:60vh;border-radius:var(--r);position:relative;box-shadow:0 0 0 .12vh #6ea0ff47,0 .5vh 1vh #0000008c}.half{backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.half.t{border-radius:var(--r) var(--r) 0 0;background:linear-gradient(#22336a 0%,#15244f 100%);top:0}.half.b{border-radius:0 0 var(--r) var(--r);background:linear-gradient(#0e1a3d 0%,#081130 100%);bottom:0}.half span{height:var(--th);text-align:center;font-weight:800;font-stretch:100%;font-size:calc(var(--th) * .86);line-height:var(--th);font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:linear-gradient(#fff 0% 47%,#dde9ff 53%,#b9cfff 100%);color:#0000;filter:drop-shadow(0 0 .25vh #ebf5ffcc)drop-shadow(0 0 1.3vh #6eb4ff8c);-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite lit;position:absolute;left:0;right:0}@keyframes lit{50%{filter:drop-shadow(0 0 .3vh #f0f8fff2)drop-shadow(0 0 1.7vh #78beffb3)}}.half.t span{top:0}.half.b span{bottom:0}.half.ft{z-index:3;transform-origin:50% 100%;transform:rotateX(0)}.half.fb{z-index:3;transform-origin:50% 0;transform:rotateX(90deg)}.tile.flip .half.ft{animation:.17s ease-in forwards ft}.tile.flip .half.fb{animation:.2s ease-out .17s forwards fb}@keyframes ft{to{filter:brightness(.55);transform:rotateX(-90deg)}}@keyframes fb{0%{filter:brightness(1.6);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}.tile:after{content:"";z-index:4;background:#02060f;height:.24vh;position:absolute;top:calc(50% - .12vh);left:0;right:0;box-shadow:0 .1vh #ffffff0f}.tile:before{content:"";z-index:5;width:.5vh;height:1.8vh;box-shadow:calc(var(--tw)) 0 0 #050b1e;background:#050b1e;border-radius:.2vh;position:absolute;top:calc(50% - .9vh);left:-.25vh}.comma{color:#f4f9ff;text-shadow:0 0 .4vh #e1f0fff2,0 0 1.6vh #78beffd9,0 0 3.4vh #3c8cff99;filter:drop-shadow(0 0 .9vh #78b4ff80);justify-content:center;align-items:flex-end;width:4vh;padding-bottom:1.5vh;font-size:17.78vh;font-weight:800;line-height:1;display:flex;position:relative}.what{white-space:nowrap;letter-spacing:.17em;text-transform:uppercase;color:#fff;text-shadow:0 0 2vh #010412f2,0 0 .5vh #010412e6,0 0 3vh #3c82ff59;margin:0;font-size:3.9vh;font-weight:700;font-stretch:100%;top:57vh}.live{white-space:nowrap;background:linear-gradient(#0a1434f0,#03081af5) padding-box padding-box,linear-gradient(90deg,#50ff8cf2 0%,#50e68c8c 22%,#5a96ff73 45%,#5a96ff59 100%) border-box;border:.2vh solid #0000;border-radius:5.7vh;align-items:center;gap:2.6vh;height:11.4vh;padding:0 4.6vh 0 2vh;display:flex;top:66.4vh;box-shadow:-1.5vh 0 4vh #3cf07847,0 0 4vh #2878ff47,inset 0 .15vh #ffffff12}.orb{background:radial-gradient(circle,#46f07a00 52%,#46f07a59 60%,#46f07a00 72%);border-radius:50%;width:8.4vh;height:8.4vh;position:relative}.orb:before{content:"";background:radial-gradient(circle at 38% 34%,#e6ffe9 0%,#7dff9f 26%,#22d158 62%,#0e8f38 100%);border-radius:50%;position:absolute;inset:27%;box-shadow:0 0 1.4vh #46f07ae6,0 0 3vh #46f07a8c}.orb:after{content:"";border:.25vh solid #46f07a8c;border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:16%}@keyframes ping{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}.bar{background:linear-gradient(#8cbeff00,#8cbeff8c,#8cbeff00);width:.2vh;height:6.4vh}.live .l{letter-spacing:.02em;background:linear-gradient(#e6ffee 0%,#8dffb3 40%,#3eeb78 100%);color:#0000;filter:drop-shadow(0 0 .3vh #c8ffd7e6)drop-shadow(0 0 1.4vh #46f582cc)drop-shadow(0 0 3.4vh #28dc6480);-webkit-background-clip:text;background-clip:text;font-size:8vh;font-weight:800;font-stretch:100%;line-height:1;animation:2.4s ease-in-out infinite livelit}@keyframes livelit{50%{filter:drop-shadow(0 0 .4vh #dcffe6)drop-shadow(0 0 1.9vh #50ff8cf2)drop-shadow(0 0 4.2vh #28dc6499)}}.live .t{letter-spacing:.03em;text-transform:uppercase;color:#fff;font-size:3.4vh;font-weight:700;font-stretch:100%}.stats{white-space:nowrap;background:linear-gradient(#0a1434e6,#03081aed);border:.16vh solid #6ea5ff6b;border-radius:2.2vh;align-items:center;gap:2.6vh;padding:1.3vh 4.4vh 1.3vh 3.2vh;display:flex;top:80.4vh;box-shadow:0 0 3.6vh #2878ff4d,inset 0 .15vh #ffffff0f}.stats svg{color:#dce8ff;filter:drop-shadow(0 0 .8vh #78b4ff80);width:6vh;height:6vh}.stats .txt{justify-items:center;row-gap:.3vh;display:grid}.stats .row{align-items:baseline;gap:1.8vh;display:flex}.stats .big{text-transform:uppercase;letter-spacing:.01em;color:#a9ccff;text-shadow:0 0 1.6vh #5aa0ff8c;font-size:4.9vh;font-weight:800;font-stretch:100%;line-height:1}.stats .what2{letter-spacing:.03em;text-transform:uppercase;color:#fff;font-size:3.1vh;font-weight:700;font-stretch:100%}.stats .by{font-family:var(--disp);color:#c8d6f0b8;font-size:2.1vh;font-weight:500;font-stretch:100%}body.stale .orb:before{background:radial-gradient(circle at 38% 34%,#fff3e0,#ffb25c 40%,#c66a12);box-shadow:0 0 1.4vh #ffaa50cc}body.stale .orb:after{opacity:0;animation:none}body.stale .live .l{color:#ffb25c;text-shadow:none}.coverage-legend{z-index:3;color:#d8ebff;letter-spacing:.02em;background:#030a1bd9;border:1px solid #7db4f040;border-radius:.7vh;align-items:center;gap:1vh;padding:.9vh 1.3vh;font-size:1.7vh;font-weight:600;display:flex;position:fixed;bottom:2.2vh;left:2.2vh}.coverage-legend[hidden]{display:none}.coverage-legend span{background:#3b8bff;border:1px solid #8cc4ffb3;border-radius:.25vh;width:1.6vh;height:1.2vh}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
