*{box-sizing:border-box}body{margin:0;background:#16181d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect width='16' height='16' fill='%231b1e24'/%3E%3Crect x='16' y='16' width='16' height='16' fill='%231b1e24'/%3E%3C/svg%3E");color:#e6e8ec;font:16px/1.6 system-ui,Segoe UI,Arial,sans-serif}
a{color:#9fd3ff}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:#0d0f12;border-bottom:4px solid #6b7280}.bar{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font:700 28px/1 "Courier New",monospace;color:#d9dde3;text-decoration:none;letter-spacing:2px;text-shadow:3px 3px 0 #000}.z{color:#c0c7d1;background:#3b4250;padding:0 6px;border:2px solid #9aa3af}
nav a{color:#cfd4da;text-decoration:none;margin-left:22px;font-weight:600;text-transform:uppercase;font-size:14px}nav a.on,nav a:hover{color:#fff;border-bottom:3px solid #c0c7d1}
.hero{text-align:center;padding:50px 0 30px;background:linear-gradient(#2a2f38,#16181d)}.hero h1{font:700 64px/1 "Courier New",monospace;margin:0;letter-spacing:4px;text-shadow:5px 5px 0 #000}
.tag{color:#aab2bd;margin:10px 0 24px}.ipbox{display:inline-flex;gap:14px;align-items:center;background:#0d0f12;border:3px solid #555;padding:10px 18px;margin-bottom:28px}
.ipbox code{font-size:22px;color:#fff}.status{color:#f87171;font-size:14px}
.video{position:relative;padding-top:56.25%;max-width:820px;margin:0 auto;border:4px solid #000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.cap{color:#9aa3af;font-size:14px}
h2{font-family:"Courier New",monospace;font-size:30px;border-bottom:3px solid #3b4250;padding-bottom:6px;margin-top:44px}
.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.mode{background:#242832;border:3px solid #3b4250;padding:16px}.mode h3{margin:0 0 6px;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:#242832;border:3px solid #3b4250;color:#e6e8ec;text-decoration:none;display:block}.card:hover{border-color:#9aa3af}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card b{display:block;padding:8px 10px 0;font-size:15px}.card small{display:block;padding:0 10px 10px;color:#9aa3af}
.more{text-align:right}.prose{max-width:760px}footer{margin-top:60px;background:#0d0f12;border-top:4px solid #6b7280;padding:20px 0;color:#9aa3af;font-size:14px}.ip{font:700 18px "Courier New",monospace;color:#fff}.ip span{color:#f87171;font-size:14px}
@media(max-width:600px){.hero h1{font-size:42px}nav a{margin-left:12px}}

.mbbtn{display:inline-block;margin:0 0 26px;padding:12px 26px;background:linear-gradient(#5b8c3a,#3e6b24);color:#fff;text-decoration:none;font:700 20px/1 "Courier New",monospace;letter-spacing:1px;text-transform:uppercase;border:3px solid #000;box-shadow:inset 3px 3px 0 #8fc764,inset -3px -3px 0 #2a4a17,4px 4px 0 #000;text-shadow:2px 2px 0 #000}.mbbtn:hover{background:linear-gradient(#6ea446,#4a7d2b);color:#fff;transform:translate(1px,1px);box-shadow:inset 3px 3px 0 #8fc764,inset -3px -3px 0 #2a4a17,3px 3px 0 #000}.mbbtn.sm{font-size:14px;padding:8px 16px;margin:0}