* {
     image-rendering: pixelated;
 }

 @font-face {
     font-family: 'I KNOW A GHOST';
     src: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/global/IKNOWAGHOST.woff2') format('woff2');
 }

@font-face {
    font-family: Consolas;
    src: url(https://nez.fyi/fonts/Consolas.ttf) format('truetype')
}

header img.logo {
    margin-top: 37px;
    user-select: none
}

nav {
    user-select: none;
    margin-left: auto
}

nav ul {
    list-style: none;
    display: flex;
    z-index: 6
}

nav li {
    margin-right: 6px
}

nav a {
    text-decoration: none;
    color: #b01;
    text-shadow: #000 2px 2px 1px;
    padding: 7px;
    display: block;
    outline: #600 outset 1px;
    background-color: #200B
}

nav a:hover {
    color: #1AD;
    text-shadow: #09d 0 1px 6px;
    transition: 32ms ease-out;
    animation: .9s steps(2) infinite jiggle
}

nav ul ul {
    display: none;
    top: 100%;
    background: #300;
    box-shadow: 1px 2px 11px 2px #000, 0 -3px 11px 2px inset #000
}

nav ul li:hover > ul {
    display: inherit
}

nav ul ul ul li {
    top: -60px
}

nav ul ul li {
    width: 188px;
    font-size: 19px;
    line-height: 4px;
    float: none;
    display: list-item
}

li a:not(.cat) {
    width: 110%
}

.hditem {
    scrollbar-width: none;
}

@keyframes jiggle {
    0% {
        transform: rotate(0) translate(-.5px, -.5px);
        letter-spacing: -1.2px
    }

    25% {
        transform: rotate(.2deg) translate(.4px, .2px);
        letter-spacing: -1.1px
    }

    50% {
        transform: rotate(-.1deg) translate(0, 0);
        letter-spacing: -1.3px
    }

    75% {
        transform: rotate(.2deg) translate(-1px, -.5px);
        letter-spacing: -1.2px
    }

    100% {
        transform: rotate(.3deg) translate(-.1px, -.5px);
        letter-spacing: -1.3px
    }
}

#sos {
    transform: translate(-5px);
    rotate: 2deg;
    z-index: 13;
    left: 170px;
    top: -24px;
    filter: drop-shadow(3px 9px 6px #0007);
    animation: 6s cubic-bezier(.46, .28, .36, .97) infinite sos
}

@keyframes sos {
    0% {
        transform: translate(-5px);
        rotate: 2deg
    }

    50% {
        transform: translate(5px);
        rotate: -2deg;
        filter: drop-shadow(-3px 11px 6px #0007)
    }
}

@media (max-width:1080px) {
    .hde {
        display: none
    }

    nav ul ul li {
        width: 159px
    }
}

@media (max-height:768px) {

    #header-container,
    header {
        height: 64px !important
    }

    header {
        padding: 0 16px
    }

    header img.logo {
        height: 75px;
        width: fit-content
    }
}

.hditlock {
    cursor: not-allowed;
    background: #6bb;
    width: 100%
}

.hditlock a {
    color: #666
}

.hditlock:after {
    background-position: 62px 3px
}

#currentcat {
    color: #da0;
    outline: #da06 inset 1px
}

.calocked {
    color: #666 !important;
    background: #222;
    outline: #333 solid 1px;
    text-shadow: 2px 2px 2px #000 !important;
    cursor: no-drop
}

.calocked:after {
    background-position: top -1px right -3px
}

.calocked,
.hditlock {
    animation: none !important
}

#sos,
.calocked:after,
.hditlock:after,
nav ul ul {
    position: absolute
}

body {
    font-family: 'I KNOW A GHOST';
    font-size: 29px;
    line-height: 9px
}

#hblock {
    width: 100%;
    height: 80px
}

header {
    position: fixed;
    top: 0;
    width: calc(100% - 32px);
    padding: 0 20px 1px;
    padding-right: 32px;
}

header {
    background: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/bin.l/header3.webp') right center no-repeat #000;
    display: flex;
    align-items: center;
    box-shadow: 0 -9px 24px 9px #200;
    border-image: linear-gradient(to right, #100, #400, #100) 1/1px;
    box-sizing: content-box;
    margin-top: -1px;
    z-index: 13;
    height: 80px
}

body,
header {
    min-width: 860px
}

.hditlock,
header img.logo,
nav li,
nav ul ul li,
nav ul ul ul li {
    position: relative
}

body,
nav ul {
    margin: 0;
    padding: 0
}

body,
nav ul ul li {
    letter-spacing: -1px
}

.hditem,
body {
    overflow-x: hidden
}

 body {
     margin: 0;
     padding: 0;
     font-family: 'I KNOW A GHOST';
     font-size: 29px;
     letter-spacing: -1px;
     line-height: 9px;
     cursor: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/global/cursorb.png'), auto;
     min-width: 860px;
 }

 html {
     cursor: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/global/cursorb.png'), auto;
 }

 header {
     position: fixed;
     bottom: 0;
     width: 100%;
     height: 80px;
     background: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/bin.l/header3.webp') no-repeat right center;
     display: flex;
     align-items: center;
     padding: 0 20px;
     background-color: #000;
     box-shadow: 0px -9px 18px 9px #311, 0px 2px 18px 13px inset #000;
 }

 header img.logo,
 nav a {
     cursor: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/global/cursorclick.gif'), auto
 }

 .hditlock,
 header img.logo,
 nav li,
 nav ul ul li,
 nav ul ul ul li {
     position: relative
 }

 #sos,
 .hditlock:after,
 nav ul ul {
     position: absolute
 }

 header {
     z-index: 13;
     height: 80px;
     min-width: 860px
 }

 header img.logo {
     margin-top: -420px;
     position: absolute;
     margin-left: -3px;
     z-index: 4;
     transition: 128ms steps(3)
 }

 nav {
     user-select: none;
     margin-left: auto
 }

 nav ul {
     list-style: none;
     display: flex;
     margin: 0;
     padding: 0;
     z-index: 6
 }

 nav li {
     margin-right: 6px
 }

 nav a {
     text-decoration: none;
     color: #b10000;
     text-shadow: #000 2px 2px 1px;
     padding: 7px;
     display: block;
     outline: #590000 outset 1px;
     background-color: #240000b7
 }

 nav a:hover {
     color: red;
     text-shadow: #ff3636 0 1px 6px;
     transition: 32ms ease-out;
     animation: .9s steps(2) infinite jiggle
 }

 nav ul ul {
     display: none;
     top: 100%;
     background: #360000;
     box-shadow: 1px 2px 11px 2px #000, 0 -3px 11px 2px inset #000
 }

 nav ul li:hover > ul {
     display: inherit
 }

 nav ul ul ul li {
     top: -60px
 }

 nav ul ul li {
     width: 188px;
     font-size: 19px;
     letter-spacing: -1px;
     line-height: 4px;
     float: none;
     display: list-item
 }

 li a:not(.cat) {
     width: 110%
 }

 .hditem {
     overflow-x: hidden;
     scrollbar-width: none
 }

 @keyframes jiggle {
     0% {
         transform: rotate(0) translate(-.5px, -.5px);
         letter-spacing: -1.2px
     }

     25% {
         transform: rotate(.2deg) translate(.4px, .2px);
         letter-spacing: -1.1px
     }

     50% {
         transform: rotate(-.1deg) translate(0, 0);
         letter-spacing: -1.3px
     }

     75% {
         transform: rotate(.2deg) translate(-1px, -.5px);
         letter-spacing: -1.2px
     }

     100% {
         transform: rotate(.3deg) translate(-.1px, -.5px);
         letter-spacing: -1.3px
     }
 }

 #sos {
     transform: translate(-5px);
     rotate: 2deg;
     z-index: 13;
     left: 170px;
     top: -24px;
     filter: drop-shadow(3px 9px 6px #0007);
     animation: 6s cubic-bezier(.46, .28, .36, .97) infinite sos
 }

 @keyframes sos {
     0% {
         transform: translate(-5px);
         rotate: 2deg
     }

     50% {
         transform: translate(5px);
         rotate: -2deg;
         filter: drop-shadow(-3px 11px 6px #0007)
     }
 }

 @media (max-width:1080px) {
     .hde {
         display: none
     }

     nav ul ul li {
         width: 159px
     }
 }

 @media (max-height:768px) {

     #header-container,
     header {
         height: 64px !important
     }

     header img.logo {
         width: 110px;
         height: fit-content;
         margin-top: 24px
     }

     header {
         padding: 0 16px
     }
 }

 .hditlock {
     cursor: not-allowed;
     background: #6bb;
     width: 100%;
     animation: none !important
 }

 .hditlock a {
     color: #666
 }

 .hditlock:after {
     content: '';
     z-index: 2;
     width: 100%;
     height: 100%;
     background-image: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/global/locked.png');
     background-repeat: no-repeat;
     background-position: 62px 3px;
     background-size: 16px 14px;
     top: 0;
     left: 0;
     opacity: .5;
     border-top: 1px solid #666
 }

 #currentcat {
     color: #da0;
     outline: #da06 inset 1px
 }

 .calocked {
     color: #666 !important;
     background: #181313;
     outline: 1px solid #2e2929;
     animation: none !important;
     text-shadow: 2px 2px 2px #000 !important;
     cursor: no-drop
 }

 .calocked:after {
     content: '';
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
     background-image: url('https://file.garden/ZW_8PzBJky9JVrHU/SMLWikiPlus/global/locked.png');
     background-repeat: no-repeat;
     background-position: top -1px right -3px;
     background-size: 16px 14px;
     top: 0;
     left: 0;
     opacity: .5;
     border-top: 1px solid #666
 }