/* smishcreants shared styles — every page links this */
:root{
  --hot:#ff00cc; --lime:#39ff14; --cyan:#00ffff; --yel:#ffff00; --navy:#000080;
  --win-gray:#c0c0c0; --win-dark:#808080; --ink:#000;
  --font-fun:"Comic Sans MS","Comic Sans","Chalkboard SE",cursive;
  --font-pixel:"Press Start 2P",monospace;
  --font-sys:"MS Sans Serif",Tahoma,Geneva,Verdana,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:var(--font-fun); color:#fff;
  background:#000 url("/assets/stars.svg") repeat;
  cursor:url("/assets/cursor.svg") 2 2, auto;
}
a{color:var(--cyan)} a:visited{color:var(--hot)}
.blink{animation:blink 1s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}
.rainbow{background:linear-gradient(90deg,red,orange,yellow,lime,cyan,blue,magenta);-webkit-background-clip:text;background-clip:text;color:transparent}
.marquee{overflow:hidden;white-space:nowrap;background:var(--navy);color:var(--yel);border-block:2px solid var(--yel);font-family:var(--font-sys);font-weight:bold;padding:4px 0}
.marquee>span{display:inline-block;padding-left:100%;animation:marq 22s linear infinite}
@keyframes marq{to{transform:translateX(-100%)}}
/* Win98 window */
.win{background:var(--win-gray);color:var(--ink);font-family:var(--font-sys);border:2px solid;border-color:#fff var(--win-dark) var(--win-dark) #fff;box-shadow:1px 1px 0 #000}
.win-title{background:linear-gradient(90deg,var(--navy),#1084d0);color:#fff;font-weight:bold;padding:3px 6px;display:flex;justify-content:space-between;align-items:center}
.win-title button,.btn98{font-family:var(--font-sys);background:var(--win-gray);border:2px solid;border-color:#fff var(--win-dark) var(--win-dark) #fff;padding:2px 10px;cursor:pointer;color:#000}
.btn98:active{border-color:var(--win-dark) #fff #fff var(--win-dark)}
.win-body{padding:10px}
/* Site nav (injected by shared.js into #smish-nav) */
#smish-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:8px;background:repeating-linear-gradient(45deg,#111 0 10px,#222 10px 20px);border-bottom:3px ridge var(--hot)}
#smish-nav a{font-family:var(--font-sys);font-weight:bold;text-decoration:none;color:#000;background:var(--yel);border:2px outset var(--yel);padding:4px 10px}
#smish-nav a:hover{background:var(--lime)}
#smish-nav a[aria-current]{background:var(--hot);color:#fff}
.site-footer{text-align:center;font-family:var(--font-sys);font-size:12px;padding:24px 8px;color:#ccc}
.hitcounter{display:inline-block;font-family:monospace;background:#000;color:var(--lime);border:2px inset #666;padding:2px 6px;letter-spacing:3px}
.badge88{display:inline-block;width:88px;height:31px;vertical-align:middle;font:bold 9px/1.1 var(--font-sys);border:1px solid #fff;padding:2px;overflow:hidden;text-align:center}
.sparkle{position:fixed;pointer-events:none;font-size:14px;z-index:9999;animation:spark .8s ease-out forwards}
@keyframes spark{to{transform:translateY(20px) scale(.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.blink,.marquee>span,.sparkle{animation:none}}