/* "Under construction" sign for Arcade games whose Flash rebuild isn't ready yet (2026).
   Same late-90s look as the Time Machine landing page (/timeline/tl.css): Anton + VT323, cream panel, marquee, 88x31s. */
@font-face{font-family:"Anton";src:url(/timeline/fonts/anton.woff2) format("woff2");font-display:swap}
@font-face{font-family:"VT323";src:url(/timeline/fonts/vt323.woff2) format("woff2");font-display:swap}
.uc{--lime:#9ed738;--purple:#6b2fa3;--ink:#1f1a14;--ink2:#4a4238;--cream:#fffbea;--hz:#ffcc00;
  width:640px;max-width:100%;margin:0 auto;aspect-ratio:4/3;display:flex;flex-direction:column;box-sizing:border-box;
  background:var(--cream);border:4px ridge #cfc07a;box-shadow:0 0 0 1px #000;color:var(--ink);text-align:center;overflow:hidden}
.uc *{box-sizing:border-box}
.uc-tape{flex:none;height:22px;background:repeating-linear-gradient(-45deg,var(--hz) 0 18px,#111 18px 36px);border-block:2px solid #000}
.uc-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 16px;min-height:0}
.uc-sign{width:128px;height:128px;flex:none;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.35))}
.uc-title{margin:0;font:clamp(28px,7vw,50px)/1 "Anton",Impact,"Arial Narrow Bold",sans-serif;letter-spacing:1px;transform:rotate(-2deg);
  background:linear-gradient(90deg,#ff2d2d,#ff9a00,#ffe600,#46d000,#1e90ff,#8a2be2);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1.5px #000;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.4));animation:uc-blink 1.2s steps(1) infinite}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.uc-title{color:#d6247a}}
@keyframes uc-blink{50%{opacity:.25}}
.uc-lead{margin:0;font:22px/1.15 "VT323",monospace;color:var(--ink2)}
.uc-lead b{color:var(--purple);font-weight:normal}
.uc-marquee{flex:none;overflow:hidden;white-space:nowrap;border:2px inset #e3d48d;background:#000;color:var(--lime);font:20px/1.4 "VT323",monospace;padding:2px 0;margin:0 12px 10px}
.uc-marquee span{display:inline-block;padding-left:100%;animation:uc-scroll 20s linear infinite}
@keyframes uc-scroll{to{transform:translateX(-100%)}}
.uc-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.uc-b88{width:88px;height:31px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px outset #ddd;
  font:bold 9px/1.05 Verdana,sans-serif;text-transform:uppercase;text-decoration:none;color:#fff !important;text-shadow:1px 1px 0 #000}
.uc-b88 i{font:13px/1 "VT323",monospace;font-style:normal;letter-spacing:.5px}
.uc-b88:active{border-style:inset}
.uc-b88:focus-visible{outline:3px dashed var(--purple);outline-offset:3px}
.uc-b88.a{background:linear-gradient(#7fbf2a,#3e6f0c)}.uc-b88.b{background:linear-gradient(#b04ad6,#5b1780)}.uc-b88.c{background:linear-gradient(#2f5da8,#12306b)}
@media (max-width:560px){.uc{aspect-ratio:auto}.uc-sign{width:92px;height:92px}.uc-lead{font-size:19px}}
@media (prefers-reduced-motion:reduce){.uc-title{animation:none}.uc-marquee span{animation:none;padding-left:10px}}