*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#5fb0e6;font-family:Tahoma,'MS Sans Serif',Verdana,Geneva,sans-serif;color:#000;min-height:100vh}
a{color:#0000ee}a:hover{color:#ff00ff}
img{max-width:100%;height:auto;display:block}
.px{display:block;flex:none;image-rendering:pixelated}
.win{border:2px solid;border-color:#dfdfdf #000 #000 #dfdfdf;background:#c0c0c0;box-shadow:2px 2px 0 rgba(0,0,0,.45)}
.tb{display:flex;align-items:center;gap:8px;background:var(--tb,linear-gradient(90deg,#000080,#1084d0));padding:4px 5px}
.tb-t{font:bold 12px Tahoma,sans-serif;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-b{width:18px;height:16px;border:2px solid;border-color:#fff #000 #000 #fff;background:#c0c0c0;font:bold 10px Tahoma,sans-serif;display:flex;align-items:center;justify-content:center;flex:none;color:#000;text-decoration:none}
.rb{height:6px;background:linear-gradient(90deg,#e03a3e 0 16.66%,#f5821f 0 33.33%,#fdb827 0 50%,#61bb46 0 66.66%,#009ddc 0 83.33%,#963d97 0)}
.in{border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;box-shadow:inset 1px 1px 0 #000}
.btn{display:inline-block;border:2px solid;border-color:#fff #000 #000 #fff;background:#c0c0c0;box-shadow:inset -1px -1px 0 #808080,inset 1px 1px 0 #dfdfdf;padding:9px 16px;font:bold 13px Tahoma,sans-serif;color:#000;text-decoration:none;cursor:pointer}
.btn:active{border-color:#000 #fff #fff #000}
.btn-y{background:#ffff00;box-shadow:inset -1px -1px 0 #a08800,inset 1px 1px 0 #ffffcc,2px 2px 0 rgba(0,0,0,.35)}
.top{position:sticky;top:0;z-index:10;background:#ddd;border-bottom:2px solid #000;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #9a9a9a;display:flex;align-items:center;gap:10px;padding:6px clamp(8px,2vw,16px);flex-wrap:wrap}
.top .home{font:bold 13px Tahoma,sans-serif;color:#000;text-decoration:none;display:flex;align-items:center;gap:6px}
.top .addr{flex:1;min-width:160px;padding:5px 8px;font:15px VT323,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrap{max-width:900px;margin:0 auto;padding:clamp(14px,3vw,30px) clamp(10px,2.5vw,20px) 40px;display:flex;flex-direction:column;gap:22px}
.logo{display:inline-block;font:clamp(16px,4vw,26px)/1.3 'Press Start 2P',monospace;color:#ffff00;background:#000;padding:12px 16px;border:2px solid #000;box-shadow:4px 4px 0 rgba(0,0,0,.45);text-shadow:3px 3px 0 #e03a3e;margin:0}
.pad{padding:clamp(14px,3vw,28px)}
.list{list-style:none;margin:0;padding:0}
.list li{border-bottom:1px dotted #999}
.list li:last-child{border-bottom:0}
.list a{display:flex;gap:12px;padding:12px 10px;text-decoration:none;color:#000}
.list a:hover,.list a:focus-visible{background:#000080;color:#fff;outline:0}
.list a:hover .meta,.list a:focus-visible .meta{color:#ffff66}
.list b{display:block;font-size:15px;margin-bottom:3px}
.list .meta{font:12px Tahoma,sans-serif;color:#555}
.list p{margin:4px 0 0;font:13px/1.5 Tahoma,sans-serif}
.empty{padding:16px;font:13px/1.6 Tahoma,sans-serif}
article{font:17px/1.75 Georgia,'Times New Roman',serif}
article h1{font:bold clamp(24px,4.5vw,36px)/1.2 Georgia,serif;color:#000080;margin:0 0 10px}
article h2{font:clamp(12px,2.2vw,15px)/1.6 'Press Start 2P',monospace;color:#000080;margin:32px 0 10px}
article p{margin:0 0 16px}
article ul{margin:0 0 16px;padding-left:22px}
article li{margin-bottom:6px}
.byline{font:12px Tahoma,sans-serif;color:#444;margin:0 0 22px;display:flex;gap:10px;flex-wrap:wrap}
.tldr{background:#ffffe1;border:1px solid #000;padding:12px 16px;font:14px/1.6 Tahoma,sans-serif;margin:26px 0}
.tldr b{display:block;margin-bottom:4px}
.cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px;margin-top:28px;font:14px/1.5 Tahoma,sans-serif}
.cta p{margin:0;flex:1;min-width:220px}
.author{display:flex;gap:14px;align-items:center;padding:12px;font:13px/1.5 Tahoma,sans-serif}
.author img{width:64px;height:64px;object-fit:cover;object-position:50% 15%;border:2px solid;border-color:#808080 #fff #fff #808080}
.foot{text-align:center;font:12px Tahoma,sans-serif;color:#000;padding:10px}
@media (max-width:640px){article{font-size:16px}}
.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cl{position:absolute;left:0;background:center/100% 100% no-repeat;animation:drift 60s linear infinite;will-change:transform}
@keyframes drift{from{transform:translateX(-140px)}to{transform:translateX(calc(100vw + 20px))}}
.list a{align-items:flex-start}
.list .thumb{width:150px;flex:none;aspect-ratio:1200/630;object-fit:cover;border:2px solid;border-color:#808080 #fff #fff #808080;background:#c0c0c0}
.list a .px{display:none}
.cover{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;margin:0 0 22px;border:2px solid;border-color:#808080 #fff #fff #808080}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0 0;padding:12px;background:#c0c0c0;border:2px solid;border-color:#fff #808080 #808080 #fff;font:13px Tahoma,sans-serif}
.share .btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px}
.share b{margin-right:4px}
.top .all{padding:6px 10px;font-size:12px}
@media (max-width:640px){.list a{flex-direction:column}.list .thumb{width:100%}}
@media (max-width:640px){.top .addr{display:none}.top{justify-content:space-between}}