*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000091 url('/assets/server-icon.png') repeat;background-size:105px;color:#fff;font-family:'Comic Sans MS','Comic Sans',cursive;letter-spacing:0;text-align:center}body:before{content:'';position:fixed;inset:0;background:#000078c9;pointer-events:none;z-index:-1}main{max-width:960px;margin:auto;padding:12px 24px 30px}button,input{font:14px 'Courier New',monospace;border-radius:0}button{cursor:pointer}a{color:#00ffff}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}.marquee{overflow:hidden;font:bold 18px 'Times New Roman',serif;white-space:nowrap}.marquee div{width:max-content;animation:marquee 22s linear infinite}.top{background:#ffff00;color:red;border-block:5px ridge red;padding:5px}.webmaster{color:#ff87ff;font:13px 'Times New Roman',serif;margin:14px 0}h1{margin:5px 0;line-height:.9;font:900 74px/.9 'Comic Sans MS',cursive;color:#ffff00;text-shadow:4px 4px red,8px 8px #ff00ff;transform:rotate(-3deg)}h1 span{display:block}h1 span:last-child{color:#00ff00}.best{font-size:25px;font-weight:bold;color:#ff86f7;margin:23px 0 10px;text-shadow:2px 2px #000}.blink{animation:blink 1.8s steps(1) infinite}.welcome{font:16px 'Times New Roman',serif;color:#00ffff}.warning{display:inline-block;background:#ff0;color:#000;border:5px ridge #ff9300;padding:5px;font:bold 15px 'Courier New',monospace;transform:rotate(2deg);margin:5px 0 20px}.nonsense{display:flex;align-items:center;justify-content:center;gap:15px;margin:10px 0}.cat{width:165px;height:165px;object-fit:cover;border:6px ridge #ff00ff}.cat-left{transform:rotate(-13deg);animation:wobble 3s ease-in-out infinite}.cat-right{transform:rotate(13deg);animation:wobble 3s ease-in-out infinite reverse}.screaming{font-size:25px;font-weight:900;line-height:1.35;color:#fff;text-shadow:2px 2px #000}.screaming b{font-size:47px;color:#ff0;text-decoration:underline}.screaming>span{color:#00ff00;font-size:23px}.quote{color:#ffd0fd;font-size:17px;transform:rotate(-2deg);margin:18px 0 25px}.quote small{font-size:12px}.ip-zone{margin:20px 0 22px}#copy{background:#000;color:#00ff00;border:6px outset #aaa;padding:12px 14px;font:bold 24px 'Courier New',monospace;text-decoration:underline;max-width:100%;overflow-wrap:anywhere}#copy:active{border-style:inset}.arrows{font:bold 25px monospace;color:#ff0;animation:nudge 1s steps(2) infinite}#copy-status{font-size:15px;color:#ff0;min-height:21px;margin:10px 0}.middle{background:#ff00ff;color:#000;border:4px dashed #ff0;padding:6px;margin:22px -12px}.button-pile{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px}.button-pile button,.guestbook button{padding:7px 12px;background:#c0c0c0;border:4px outset #eee;color:#000}.button-pile button:active,.guestbook button:active{border-style:inset}#bad{color:red;font-weight:bold;transform:rotate(-4deg)}#life{transform:rotate(3deg)}.fortune{font-size:14px;color:#0ff;min-height:40px;max-width:580px;margin:16px auto}.bottom-trash{display:flex;justify-content:center;align-items:center;gap:42px;margin:24px 0}.cat-shrine{transform:rotate(-7deg);width:150px;flex-shrink:0}.cat-shrine img{width:120px;height:120px;border:3px solid #0f0}.cat-shrine span{display:block;color:#ff0;font-size:12px}.guestbook{max-width:370px;border:5px ridge cyan;background:#30004e;padding:13px;position:relative}.guestbook h2{font-size:22px;color:#ff0;margin:3px 0 12px}.new{position:absolute;top:-21px;right:-8px;color:#f00;background:#ff0;font:bold italic 17px serif;padding:4px;transform:rotate(16deg)}form{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}label{width:100%;font:12px 'Times New Roman',serif}input{width:100%;min-width:0;padding:5px;border:3px inset #bbb;background:white;color:#000}.guestbook p{font:13px 'Times New Roman',serif;color:#0f0;overflow-wrap:anywhere}.guestbook small{font:10px 'Times New Roman',serif;color:#bbb}.visitor{font:12px 'Times New Roman',serif;color:#ff0;line-height:2.5}.visitor span{display:inline-block;font:bold 20px monospace;background:#000;color:#0f0;padding:3px 5px;border:2px inset #999;margin:0 1px}.webring{font:14px 'Times New Roman',serif;line-height:2}.webring a{color:#ff75fd}.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.badges span{width:101px;font:9px/1.3 monospace;padding:4px 2px;border:3px outset #ddd;background:#aaa;color:#000}.badges span:nth-child(2){background:#000;color:#0f0}.badges span:nth-child(3){background:#ff00ff;color:#fff}.badges span:nth-child(4){background:#735634;color:#0f0}.copyright{font:12px/1.8 'Times New Roman',serif;color:#ddd}#rain{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.falling{position:absolute;top:-100px;width:72px;height:72px;border:3px ridge #ff0;animation:fall 3s linear forwards}.trail{position:fixed;color:#0ff;font-size:18px;animation:fade .65s forwards;pointer-events:none}.still *, .still *:before{animation:none!important;scroll-behavior:auto!important}.still #rain{display:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{0%,70%{opacity:1}71%,100%{opacity:.35}}@keyframes wobble{50%{transform:rotate(10deg) translateY(8px)}}@keyframes nudge{50%{color:#0ff}}@keyframes fall{to{transform:translateY(115vh) rotate(500deg)}}@keyframes fade{to{opacity:0;transform:translateY(25px)}}
@media(max-width:650px){main{padding:10px 14px 25px}h1{font-size:53px}.best{font-size:20px}.welcome{font-size:13px}.nonsense{gap:8px;flex-wrap:wrap}.cat{width:95px;height:95px}.screaming{order:-1;width:100%;font-size:23px;margin-bottom:12px}.screaming b{font-size:40px}.screaming>span{font-size:21px}.cat-left{margin-right:35px}.quote{font-size:14px}.warning{font-size:11px;border-width:3px}.arrows{display:none}#copy{font-size:21px;padding:10px}.bottom-trash{gap:24px;flex-direction:column}.cat-shrine{width:auto}.cat-shrine img{width:100px;height:100px}.guestbook{width:100%;max-width:370px}.webring{font-size:12px}}
@media(max-width:360px){h1{font-size:42px}.best{font-size:17px}#copy{font-size:17px}.screaming>span{font-size:18px}.warning{font-size:10px}}
body{position:relative;isolation:isolate}body:before{position:absolute}
@media(max-width:650px){h1{font-size:44px}}
@media(max-width:360px){h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}}