:root{
  --page-w:960px;
  --bg:#edf6ff;
  --paper:#fffbe7;
  --accent:#ff66aa;
  --muted:#666;
  --border:#ffddee;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;background:url('images/digi-bg.jpeg') repeat;font-family: "Courier New", Courier, monospace;color:#222}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* site frame */
#site{width:var(--page-w);margin:18px auto;border:6px solid var(--border);background:#fff;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,0.06)}
.top{ text-align:center;padding:6px 0;background:linear-gradient(#fff,#f0f6ff 80%);border-bottom:4px solid var(--border) }
.smalltop{padding:8px}
.banner{max-width:100%;height:auto;display:block;margin:6px auto}
.logo{font-family:'Press Start 2P',monospace;color:#d64d8a;margin:6px 0 0}
.sub{color:var(--muted);margin:6px 0 10px;font-size:14px}

/* nav */
.nav{display:flex;justify-content:center;gap:12px;margin-bottom:8px}
.nav a{background:#fff;padding:6px 8px;border:2px solid var(--border);border-radius:6px;font-weight:bold}

/* layout */
.main{display:flex;gap:14px;padding:12px}
.main.single{display:block;padding:12px}
.left{width:250px}
.content{flex:1}

/* cards */
.card, .box, .widget{background:var(--paper);border:2px solid var(--border);padding:10px;border-radius:6px;margin-bottom:12px}
.avatar{display:block;margin:6px auto;max-width:110px;border:2px solid var(--border)}
.smallstats{display:flex;justify-content:space-around;color:#444;margin-top:8px;font-size:13px}
.linkrow{margin-top:10px;text-align:center}
.muted{color:var(--muted)}

/* posts */
.posttitle{font-family:'Press Start 2P',monospace;color:#d64d8a;font-size:14px;margin:0 0 8px}
.inline{display:block;margin:8px 0;max-width:160px}

/* team */
.card-wide{display:flex;gap:12px;align-items:center}
.sprite-large{max-width:160px;border:2px solid var(--border)}
.statlist{list-style:none;padding:0;margin:8px 0}
.statlist li{padding:4px 0;border-top:1px dashed #ffe6f0}

/* evo row */
.evo-row{display:flex;gap:16px;align-items:center;margin-top:8px;flex-wrap:wrap}
.evo{width:140px;text-align:center}
.evo img{max-width:100%;border:2px solid var(--border);background:#fff;padding:4px}

/* archive */
.post-index{list-style:none;padding-left:0}
.post-index li{padding:6px 0;border-bottom:1px dotted #ffe6f0}

/* guestbook */
.gform label{display:block;margin-bottom:8px}
.gform input, .gform textarea{width:100%;padding:8px;border:2px solid var(--border);border-radius:6px}
.formrow{display:flex;gap:8px;margin-top:8px}
.btn{background:var(--accent);color:white;padding:8px 10px;border:none;border-radius:6px;cursor:pointer}
.btn.alt{background:#66aaff}
.btn.danger{background:#cc5a67}

/* entries */
.entry{border:2px solid #fff0f6;background:#fff;padding:8px;margin-bottom:8px;border-radius:6px}
.entry-name{font-weight:bold}
.entry-date{font-size:12px;color:var(--muted);margin-bottom:6px}
.entry-msg{white-space:pre-wrap}

/* footer */
.foot{padding:12px;text-align:center;border-top:4px solid var(--border);background:linear-gradient(#fff,#fff4fb);margin-top:12px;font-size:13px;color:var(--muted)}

.back{position:absolute;left:18px;top:16px;text-decoration:none;color:#444;font-weight:bold}
.backlink{display:inline-block;margin-top:12px}

@media (max-width:980px){
  #site{width:94%}
  .main{flex-direction:column}
  .left{width:100%}
}