/* =========================================================
   blythe  —  CLASSIC neocities-roblox look  (SKY theme)
   blue background • white/light-blue letters • red-pink accents
   header = sky image.  edit colors here:
   ========================================================= */
:root{
  --blue:#21246b;        /* page background (darker) */
  --blue-deep:#1b1d63;   /* dark borders / shadows */
  --navy:#171a4d;        /* dark boxes (countdown, code, cards) */
  --navy-lite:#22265f;
  --white:#ffffff;       /* main letters */
  --ice:#cfe0ff;         /* light-blue letters / secondary */
  --red:#d4324e;         /* red-pink accent (darker) */
  --red-deep:#9c1838;    /* hover / shadow */
  --red-lite:#d9586f;    /* pink letters (darker) */
}

html,body{margin:0;padding:0;}
body{
  font-family:"Comic Sans MS","Trebuchet MS",Verdana,sans-serif;
  color:var(--white);
  background:var(--blue);       /* flat solid background */
  text-align:center;
  line-height:1.6;
}
.wrap{max-width:820px;margin:0 auto;padding:0 16px 44px;}

/* ---- top banner = sky image ---- */
.banner{
  background:var(--navy) url('header.jpg') center 60% / cover no-repeat;
  border-radius:0 0 28px 28px;
  padding:26px 16px 28px;
  border-bottom:4px solid var(--red);
}
.bigava{
  width:160px;height:160px;object-fit:cover;border-radius:14px;
  border:4px solid #000;box-shadow:0 0 0 3px #fff;background:#000;
}
.bigava-fallback{
  display:none;width:160px;height:160px;line-height:160px;margin:0 auto;
  font-size:40px;color:#fff;border:4px solid #000;border-radius:14px;background:#000;box-shadow:0 0 0 3px #fff;
}

/* ---- big welcome heading ---- */
h1.welcome{
  color:#fff;font-size:34px;line-height:1.15;text-transform:uppercase;letter-spacing:1px;
  margin:26px 0 4px;
}
.tagline{color:var(--ice);font-size:14px;margin-bottom:6px;}
.blink{animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}

/* ---- classic text-link nav ---- */
nav.menu{margin:18px 0 8px;font-size:18px;font-weight:bold;}
nav.menu a{color:var(--ice);text-decoration:none;padding:0 6px;}
nav.menu a:hover{color:#fff;text-decoration:underline;}
nav.menu a.active{color:#fff;text-decoration:underline;}
nav.menu .sep{color:var(--red);}

/* ---- simple marquee ticker ---- */
.ticker{
  color:var(--ice);font-size:13px;margin:6px 0 4px;
  border-top:1px solid var(--red);border-bottom:1px solid var(--red);
  padding:4px 0;
}

/* ---- section headings + text ---- */
h2.sec{color:#fff;font-size:26px;margin:30px 0 8px;}
h3.sub{color:var(--ice);font-size:18px;margin:20px 0 2px;}
.text p{max-width:640px;margin:0 auto 12px;}
a.in{color:#bcd3ff;text-decoration:underline;}
hr.div{border:0;border-top:2px solid var(--red);max-width:620px;margin:30px auto;opacity:.85;}

/* ---- countdown ---- */
.cd-game{color:#fff;font-size:18px;margin:2px 0 12px;text-transform:uppercase;letter-spacing:1px;}
.cd-clock{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.cd-box{
  min-width:70px;background:var(--navy);border:3px solid var(--red);border-radius:10px;padding:8px 6px;
}
.cd-box b{display:block;font-family:"Courier New",monospace;font-size:32px;color:var(--red-lite);line-height:1;}
.cd-box span{font-size:11px;color:var(--ice);text-transform:uppercase;letter-spacing:1px;}
.cd-date{margin-top:12px;font-size:13px;color:var(--ice);}
.cd-out{font-size:30px;color:#fff;}

/* ---- link buttons (classic, centered) ---- */
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;}
.linkbtn{
  display:block;width:160px;color:#fff;text-decoration:none;font-weight:bold;font-size:16px;
  background:var(--red);border:3px solid #000;border-radius:10px;padding:12px 10px;
  box-shadow:3px 3px 0 #000;
}
.linkbtn small{display:block;font-weight:normal;font-size:11px;color:#ffe6ec;margin-top:2px;}
.linkbtn:hover{background:var(--red-deep);transform:translateY(-2px);}

/* ---- games list ---- */
.gamebtn{
  display:block;max-width:560px;margin:0 auto 12px;color:#fff;text-decoration:none;
  background:var(--navy);border:3px solid var(--red);border-radius:10px;padding:12px 16px;text-align:center;
}
.gamebtn b{font-size:17px;color:var(--red-lite);}
.gamebtn span{display:block;font-size:12px;color:var(--ice);margin-top:2px;}
.gamebtn:hover{background:var(--navy-lite);}

/* ---- game thumbnail gallery ---- */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;max-width:680px;margin:14px auto 0;}
.gallery a{display:block;border:3px solid var(--red);border-radius:10px;overflow:hidden;line-height:0;background:var(--navy);}
.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.gallery a:hover{border-color:var(--red-lite);}

/* ---- scripts ---- */
.scriptcard{
  max-width:680px;margin:0 auto 18px;text-align:left;
  border:3px solid var(--red);border-radius:10px;overflow:hidden;background:var(--navy);
}
.scripthead{display:flex;align-items:center;gap:10px;padding:9px 12px;
  background:var(--navy-lite);border-bottom:2px dashed var(--red-deep);}
.scripthead b{color:var(--ice);font-size:15px;}
.scripthead span{color:var(--ice);font-size:12px;opacity:.85;}
.copybtn{
  margin-left:auto;font-family:inherit;font-weight:bold;font-size:12px;color:#fff;
  background:var(--red);border:2px solid #000;border-radius:8px;padding:5px 12px;cursor:pointer;
  box-shadow:0 2px 0 #000;white-space:nowrap;}
.copybtn:active{transform:translateY(2px);box-shadow:none;}
pre{margin:0;}
.scriptcard code{
  display:block;background:#0d0f33;color:#ffd3dd;font-family:"Courier New",monospace;
  font-size:12.5px;line-height:1.5;padding:12px 14px;white-space:pre;overflow-x:auto;border-top:1px solid #2a2d70;}
.scriptcard code .c{color:#8a93c0;}

/* ---- footer ---- */
footer{margin-top:34px;color:var(--ice);font-size:12px;line-height:1.9;}
.counter{
  display:inline-block;background:var(--navy);color:var(--red-lite);font-family:"Courier New",monospace;
  font-weight:bold;font-size:22px;letter-spacing:5px;padding:5px 12px;
  border:2px solid var(--red);border-radius:8px;}
.badge{display:inline-block;background:var(--navy);color:var(--ice);border:1px solid var(--red);border-radius:8px;
  font-family:"Courier New",monospace;font-size:11px;padding:3px 8px;margin:2px;}
.disclaim{font-size:11px;color:var(--ice);margin-top:10px;}