@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=VT323&display=swap');
:root{color-scheme:dark;--bg:#14151a;--lime:#d6fc74;--mute:#8e9097}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#efeee7;font-family:'Space Mono',monospace;overflow:hidden;min-height:100svh}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}canvas{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated}header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:1px solid #34363b;margin:0 24px}.brand{color:inherit;text-decoration:none;font-weight:700;letter-spacing:-1px;font-size:20px;display:flex;gap:12px;align-items:center}.brand-icon{font-size:32px;color:var(--lime)}.edition{font-size:12px;letter-spacing:1px;margin-left:22px;color:var(--mute);font-weight:400}.live{font-size:12px;letter-spacing:1px;color:#bec1b6}.live i{display:inline-block;background:var(--lime);width:6px;height:6px;margin-right:10px}main{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:90%}.caption{font-size:13px;letter-spacing:3px;color:#a4a4a2}h1{font-family:'VT323',monospace;font-size:clamp(150px,23vw,330px);line-height:.8;font-weight:400;margin:24px 0 22px;letter-spacing:-.035em;color:var(--lime);text-shadow:8px 8px #343e27}h1 span{color:#b59bf6}p{font-size:16px;color:#b5b6b3;line-height:1.8}.tip{margin-top:35px;font-size:12px;color:#7e8187}.tip span{color:var(--lime);margin-right:8px}.coordinates{position:absolute;bottom:154px;left:64px;font-size:12px;color:#7c8089;line-height:2}.coordinates span{font-size:12px;letter-spacing:1px;color:#a1a49c}footer{position:absolute;z-index:3;bottom:0;left:24px;right:24px;min-height:113px;border-top:1px solid #34363b;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;gap:16px}.counter{display:flex;align-items:center;gap:16px}.counter strong{font-family:'VT323',monospace;font-size:56px;font-weight:400;color:var(--lime)}.counter span{font-size:12px;color:#aaa}.controls{display:flex;gap:10px}button{font:700 13px 'Space Mono',monospace;padding:16px 21px;border:1px solid #5a5d55;background:#22252a;color:#dfdfd5;cursor:pointer;box-shadow:3px 3px #070809;min-height:48px}button:first-child{background:var(--lime);border-color:var(--lime);color:#1c2418}button:hover{transform:translate(-1px,-2px);filter:brightness(1.15)}button:active{transform:translate(2px,2px);box-shadow:none}button:focus-visible{outline:3px solid #b59bf6;outline-offset:5px}button[aria-pressed=true]{background:#b59bf6;color:#16151b}.signature{font-size:12px;line-height:1.8;text-align:right;color:#cacdc1}.signature span{color:#7e8187}@media(max-width:700px){header{padding:18px 0;margin:0 20px}.brand{font-size:17px}.edition,.live,.signature{display:none}main{top:43%}.caption{font-size:12px;letter-spacing:1px}h1{font-size:190px}footer{left:20px;right:20px;padding:14px 0;flex-wrap:wrap;gap:8px}.counter{gap:10px}.counter strong{font-size:40px}.counter span{font-size:12px}.controls{gap:6px}button{padding:13px 10px;font-size:12px}.coordinates{left:20px;bottom:154px;font-size:12px}.coordinates span{font-size:10px}.tip{font-size:12px;margin-top:25px}}@media(max-height:600px){.coordinates,.tip{display:none}main{top:43%}h1{font-size:150px;margin:12px}p{margin:8px}}