:root{color-scheme:dark;--bg:#080808;--red:#b91d1d;--steel:#d1d1d1}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse at center,#202020 0%,#101010 48%,#050505 100%);font-family:Impact,'Arial Narrow',Haettenschweiler,'Franklin Gothic Heavy',sans-serif;color:#eee;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(255,255,255,.08) 4px);mix-blend-mode:screen}.shell{width:100%;min-height:100svh;display:grid;place-items:center;padding:38px 20px}.frame{width:min(100%,980px);border:1px solid #444;outline:1px solid #101010;outline-offset:7px;box-shadow:0 30px 70px #0009,inset 0 0 0 8px #0d0d0d;position:relative;text-align:center;padding:40px 50px 45px;background:linear-gradient(150deg,rgba(47,47,47,.45),rgba(8,8,8,.65) 55%,rgba(30,30,30,.3))}.frame::before,.frame::after{content:"+";position:absolute;color:#7b7b7b;font:18px monospace}.frame::before{top:14px;left:17px}.frame::after{bottom:14px;right:17px}.logo{display:block;width:min(335px,70%);height:auto;margin:0 auto 18px;filter:grayscale(1) contrast(1.08)}.line{height:3px;width:74px;background:var(--red);margin:17px auto 38px;box-shadow:0 0 18px #7a0000}.intro{font-size:clamp(27px,5vw,56px);font-weight:900;letter-spacing:.16em;margin:0 0 24px;text-shadow:0 2px 0 #222}.colon{color:var(--red)}.countdown{display:flex;align-items:flex-start;justify-content:center;gap:clamp(5px,2vw,25px);font-variant-numeric:tabular-nums}.unit{min-width:0;display:flex;flex-direction:column;align-items:center}.number{font-size:clamp(52px,12vw,154px);line-height:1;letter-spacing:.02em;color:var(--steel);text-shadow:0 3px #555,0 7px #050505,0 0 35px #000}.divider{font-size:clamp(48px,9vw,115px);line-height:1;color:var(--red)}.unit-label{font:700 clamp(9px,1.6vw,14px)/1.5 Arial,sans-serif;letter-spacing:.23em;color:#a5a5a5;margin-top:14px}.bottom-rule{height:1px;background:#494949;position:relative;margin:43px 0 22px}.bottom-rule span{position:absolute;top:-2px;left:calc(50% - 40px);width:80px;height:4px;background:var(--red)}.small{font:700 11px Arial,sans-serif;letter-spacing:.32em;color:#888;margin:0}@media(max-width:600px){.frame{padding:38px 13px 35px}.logo{width:min(240px,69%)}.line{margin-bottom:25px}.intro{letter-spacing:.10em}.countdown{gap:3px}.unit-label{letter-spacing:.08em;margin-top:9px}.bottom-rule{margin-top:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Countdown only: no captions or footer beneath the digits. */
.frame{padding-bottom:50px}