@font-face{font-family:C64;src:url(/assets/fonts/C64_Pro_Mono.woff2) format("woff2");font-display:swap}
:root{--bg:#000010;--fg:#ccd;--ac:#8af;--pn:rgba(0,0,0,.6);--bd:#8af}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.8 C64,"Courier New",monospace;overflow-wrap:anywhere}
a{color:var(--ac);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline;outline:2px solid var(--ac);outline-offset:2px}
.wrap{max-width:860px;margin:0 auto;padding:12px;min-height:100vh}
header.top{padding:10px 0;border-bottom:2px dashed var(--bd)}.logo{font-size:18px}
nav.menu{display:flex;flex-wrap:wrap;gap:0 14px;font-size:11px;margin-top:6px}nav.menu a{padding:10px 0}
main{padding:16px 0}h1{font-size:20px;line-height:1.4}h2{font-size:16px}
.panel{background:var(--pn);border:2px solid var(--bd);padding:14px}
.liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.liste a{display:block;padding:12px;border:1px solid var(--bd);background:var(--pn);min-height:44px}
.icerik p{margin:0 0 1em}.icerik figure{margin:16px 0}.icerik img{max-width:100%;height:auto;display:block;margin:16px auto;border:2px solid var(--bd)}
.icerik figcaption{font-size:11px;opacity:.8}.meta{font-size:11px;opacity:.8}
.ad{margin:18px auto;max-width:100%;min-height:120px;text-align:center;overflow:hidden;clear:both}
.ad small{display:block;font-size:9px;opacity:.6;letter-spacing:1px}
.adsbygoogle{display:block;min-height:100px}.adsbygoogle[data-ad-status=unfilled]{display:none!important}
.gezin{display:flex;justify-content:space-between;gap:10px;margin-top:24px;font-size:12px}.gezin a{padding:10px 0}
footer{border-top:2px dashed var(--bd);font-size:10px;padding:12px 0;opacity:.85}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}
.land{position:relative;z-index:1;max-width:760px;margin:4vh auto;padding:18px;background:rgba(32,32,160,.85);border:10px solid #a0a0ff;color:#a0a0ff;text-shadow:0 0 6px #66f}
.land h1{text-align:center;margin:0 0 10px}.land ol{list-style:none;padding:0;margin:12px 0}.land li{padding:6px 0}.land a{color:#fff}
.cur{animation:b 1s steps(2) infinite}@keyframes b{50%{opacity:0}}
@media(max-width:600px){body{font-size:13px}.wrap{padding:10px}h1{font-size:17px}.ad{min-height:280px}.land{margin:2vh 8px;border-width:6px;padding:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.ad{display:none}