
:root{--wood:#6b3f20;--mud:#2d1d13;--cream:#fff3ae;--neon:#17ff5a;--hot:#ff2fe7;--blue:#00e5ff;--paper:#fff9d6}*{box-sizing:border-box}body{margin:0;font-family:"Comic Sans MS","Trebuchet MS",Arial,sans-serif;background:#301908 url('assets/beaver.gif') fixed;color:#1d1209}.topbar{position:sticky;top:0;z-index:5;background:#000;color:#fff700;text-align:center;padding:10px;font-weight:bold;border-bottom:4px ridge var(--hot)}.topbar a{color:#00e5ff}.shell{max-width:1120px;margin:20px auto;background:var(--paper);border:8px ridge var(--wood);box-shadow:0 0 0 8px #000, 12px 12px 0 #000}.marquee{background:#000;color:var(--neon);padding:8px;font-family:monospace}.header{padding:28px;text-align:center;background:linear-gradient(45deg,#f6c85f,#fff3ae,#ff9bdc);border-bottom:6px double #000}.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}h1{font-size:64px;margin:8px 0;text-shadow:4px 4px #00e5ff,8px 8px #ff2fe7}.tag{font-size:22px;font-weight:bold}.nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px;background:#532b13}.nav a{background:#fff700;color:#000;padding:8px 12px;border:4px outset #bbb;text-decoration:none;font-weight:bold}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:20px}.card{background:#fff;border:5px ridge #a35d22;padding:16px;margin-bottom:16px}.weird{font-size:20px;line-height:1.5}.button,.share a,button{display:inline-block;background:#ff2fe7;color:#000;border:4px outset #fff;padding:10px 14px;text-decoration:none;font-weight:bold;margin:4px;cursor:pointer}.button.buy{background:#17ff5a;font-size:22px}.counter{font-family:monospace;background:#000;color:#17ff5a;font-size:34px;letter-spacing:5px;padding:8px;display:inline-block;border:4px inset #777}.badge{display:inline-block;background:#00e5ff;border:3px dashed #000;padding:6px;margin:4px}.news-item{border-bottom:2px dotted #000;padding:10px 0}.footer{text-align:center;padding:22px;background:#000;color:#fff}.footer a{color:#00e5ff}input,textarea{width:100%;padding:10px;margin:6px 0 12px;border:3px inset #777;font-size:16px}.guest-entry{background:#ffffcc;border:3px dotted #000;margin:10px 0;padding:10px}.ticker{font-family:monospace;background:#111;color:#fff700;padding:10px;overflow:hidden}.under{max-width:320px;width:100%;image-rendering:pixelated}.table{width:100%;border-collapse:collapse}.table td,.table th{border:3px ridge #6b3f20;padding:8px;background:#fff9d6}@media(max-width:800px){.grid{grid-template-columns:1fr}h1{font-size:42px}.shell{margin:0;border-left:0;border-right:0}}

/* v2 chaos upgrade: late-80s / 90s weird web energy without PHP */
body{cursor:crosshair;background-color:#21002b;background-image:radial-gradient(circle at 20px 20px,#ff2fe7 2px,transparent 3px),radial-gradient(circle at 70px 70px,#00e5ff 2px,transparent 3px),url('assets/beaver.gif');background-size:90px 90px,110px 110px,120px auto}
.rainbow{height:12px;background:linear-gradient(90deg,red,orange,yellow,lime,cyan,blue,violet,red);background-size:400% 100%;animation:slide 2s linear infinite;border-top:3px solid #000;border-bottom:3px solid #000}
@keyframes slide{to{background-position:400% 0}}
.gif-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;background:#000;padding:10px;border:5px ridge #fff700;margin:12px 0}
.gif-row img{image-rendering:pixelated;max-height:90px}
.chaos-box{background:repeating-linear-gradient(45deg,#fff700 0 12px,#ff2fe7 12px 24px,#00e5ff 24px 36px);border:6px groove #000;padding:14px;color:#000;text-shadow:1px 1px #fff;font-weight:bold;animation:wobble 1.8s ease-in-out infinite}
@keyframes wobble{0%,100%{transform:rotate(-.3deg)}50%{transform:rotate(.3deg) scale(1.01)}}
.hotline{font-family:Impact,'Arial Black',sans-serif;font-size:28px;background:#000;color:#fff700;text-align:center;padding:8px;border:4px dashed #17ff5a;text-transform:uppercase}
.stamp{display:inline-block;transform:rotate(-8deg);background:#ff0000;color:#fff;padding:6px 12px;border:3px solid #000;font-weight:bold;box-shadow:4px 4px 0 #000}
.sidebar-gif{display:block;margin:8px auto;max-width:100%;image-rendering:pixelated}
.fake-window{border:4px outset #c0c0c0;background:#c0c0c0;color:#000;margin:12px 0}
.fake-title{background:linear-gradient(90deg,#000080,#1084d0);color:white;padding:4px 8px;font-family:Arial;font-weight:bold}
.fake-body{padding:12px;background:#fff}
.webring{background:#000;color:#00ff66;text-align:center;border:4px double #00ff66;padding:10px;font-family:monospace;margin-top:12px}
.webring a{color:#fff700}
@media(max-width:800px){.gif-row img{max-width:42%;height:auto}.hotline{font-size:20px}}
