:root{--bg:#9bbc0f;--light:#8bac0f;--dark:#306230;--ink:#0f380f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Press Start 2P',monospace;font-size:12px;line-height:2;image-rendering:pixelated}
.wrap{max-width:720px;margin:0 auto;padding:24px 16px}
.box{background:#e0f8d0;border:4px solid var(--ink);box-shadow:0 0 0 4px #e0f8d0,0 0 0 8px var(--ink);padding:16px 20px;margin:24px 8px}
h1{font-size:18px;margin:0 0 8px}
h2{font-size:14px;margin:0 0 8px}
a{color:var(--ink);text-decoration:none}
a:hover{background:var(--ink);color:#e0f8d0}
ul{list-style:none;padding:0;margin:0}
li{padding:6px 0}
li a::before{content:"▶ ";visibility:hidden}
li a:hover::before{visibility:visible}
.date{color:var(--dark);font-size:10px}
.blink{animation:b 1s steps(1) infinite}
@keyframes b{50%{opacity:0}}
footer{text-align:center;font-size:10px;color:var(--dark)}