:root{--bg:#111;--window-bg:#fff;--border-dark:#000;--maroon:maroon}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:linear-gradient(90deg,#8000000d 1px,#0000 1px) 0 0/20px 20px,linear-gradient(#8000000d 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#8000001a 1px,#0000 1px) 0 0/100px 100px,linear-gradient(#8000001a 1px,#0000 1px) 0 0/100px 100px,#f4f4f4;min-height:100vh;padding:1rem;font-family:MS Sans Serif,Courier New,Courier,monospace}.neocities-layout{border:2px solid var(--border-dark);background:var(--window-bg);width:100%;max-width:1200px;margin:0 auto;box-shadow:8px 8px #000}header{background:var(--maroon);color:#fff;border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.title{letter-spacing:.05em;font-size:.9rem;font-weight:700}nav{gap:.5rem;display:flex}nav a{color:#fff;background:#000;border:1px solid #fff;padding:2px 8px;font-size:.75rem;font-weight:700;text-decoration:none}nav a:hover{color:#000;background:#fff}main{padding:0}.guide-container{background:#fff;width:100%;height:calc(100vh - 100px)}iframe{border:none;width:100%;height:100%}footer{text-align:center;background:#fff;border-top:1px solid #000;padding:4px;font-size:.65rem}@media (max-width:600px){body{padding:.5rem}.neocities-layout{border:2px solid #000;box-shadow:4px 4px #000}}