:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background-color:#06020b;background-image:linear-gradient(335deg,#1a0d29 23px,transparent 23px),linear-gradient(155deg,#201033 23px,transparent 23px),linear-gradient(335deg,#1a0d29 23px,transparent 23px),linear-gradient(155deg,#201033 23px,transparent 23px);background-size:58px 58px;background-position:0 2px,4px 35px,29px 31px,34px 6px;color:#f3ecff;font-family:'Space Mono',monospace;line-height:1.75}
a{color:#f3ecff;text-underline-offset:.22em}
a:hover{color:#ffe600}
a:focus-visible{outline:3px solid #ffe600;outline-offset:5px}
.wrap{width:min(100% - 40px,1120px);margin-inline:auto}
.site-header{padding:30px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.wordmark{font-family:'Tilt Neon',sans-serif;font-size:30px;letter-spacing:1px;color:#f1e2ff;text-decoration:none;text-shadow:0 0 4px #fff,0 0 12px #b14dff,0 0 28px #b14dff}
nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;font-weight:700}
nav a{padding-block:8px}
main{position:relative;margin:35px auto 75px;padding:clamp(22px,5vw,56px);background:#0d0516;border:2px solid #b14dff;box-shadow:6px 6px 0 #b14dff,0 0 22px #b14dff55}
.tag{display:inline-block;background:#ffe600;color:#06020b;padding:5px 16px;font-family:'Permanent Marker',cursive;transform:rotate(-2deg)}
h1,h2{font-family:'Anton',sans-serif;font-weight:400;line-height:1.15;letter-spacing:1px;text-transform:uppercase;overflow-wrap:anywhere}
h1{font-size:clamp(32px,5vw,62px);color:#fff;margin:28px 0 36px}
h2{font-size:clamp(23px,3vw,30px);color:#ffe600;margin:36px 0 14px}
p,li{color:#e2d4f5;font-size:15px;overflow-wrap:anywhere}
li+li{margin-top:12px}
ul{padding-left:22px}
.updated{font-size:12px;color:#d9c6f2;margin-top:40px}
.site-footer{border-top:4px solid #b14dff;box-shadow:0 -6px 24px #b14dff80;background:#06020b;padding:28px 0}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px}
.footer-inner p{font-size:13px;margin:0}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}main{padding:20px}nav{gap:8px 18px}}