*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background-color:#039;background-image:radial-gradient(ellipse 60px 24px at 20% 30%,#66ccff55 0%,transparent 70%),radial-gradient(ellipse 90px 30px at 70% 60%,#33aaff44 0%,transparent 70%),radial-gradient(ellipse 50px 20px at 45% 80%,#99e6ff44 0%,transparent 70%),radial-gradient(ellipse 70px 26px at 85% 15%,#66ccff44 0%,transparent 70%),radial-gradient(ellipse 55px 22px at 10% 70%,#33aaff55 0%,transparent 70%),linear-gradient(180deg,#04b,#028);background-size:260px 180px,300px 200px,240px 160px,280px 190px,260px 170px,100% 100%;animation:water 9s linear infinite;font-family:Times New Roman,Times,serif;color:#000}@keyframes water{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:260px 40px,-300px 60px,240px -30px,-280px 50px,260px -40px,0 0}}.fire{position:fixed;left:0;right:0;height:22px;z-index:40;pointer-events:none;background:radial-gradient(circle 12px at 10px 100%,#ffee00 0 6px,#ff8800 6px 10px,transparent 10px),radial-gradient(circle 14px at 34px 100%,#ff8800 0 8px,#ff2200 8px 13px,transparent 13px),radial-gradient(circle 11px at 58px 100%,#ffee00 0 5px,#ff6600 5px 10px,transparent 10px),radial-gradient(circle 15px at 84px 100%,#ff6600 0 8px,#cc1100 8px 14px,transparent 14px);background-size:96px 22px;background-repeat:repeat-x;animation:flicker .5s steps(2) infinite}.fire-top{top:0;transform:scaleY(-1)}.fire-bottom{bottom:0}@keyframes flicker{50%{filter:hue-rotate(-14deg) brightness(1.18)}}.page{display:flex;justify-content:center;padding:34px 8px 48px;position:relative}.decor{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.skullbox{position:absolute;top:110px;right:18px;width:130px;text-align:center;background:#000;border:2px outset #666;padding:8px 4px 6px}.skull{font-size:2.4rem;display:inline-block}.s1{animation:spin3d 2.2s linear infinite}.s2{animation:pulse .9s ease-in-out infinite alternate}.skull-caption{color:#f22;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;font-size:.8rem;margin-top:4px}@keyframes spin3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes pulse{0%{transform:scale(.85)}to{transform:scale(1.15)}}.dancer{position:absolute;top:320px;left:26px;font-size:3.2rem;animation:boogie .6s ease-in-out infinite alternate;filter:drop-shadow(0 4px 6px #00000088)}@keyframes boogie{0%{transform:rotate(-14deg) translateY(0)}to{transform:rotate(14deg) translateY(-10px)}}.globebox{position:absolute;bottom:120px;right:34px;text-align:center}.globe{font-size:2.8rem;display:inline-block}.globe-caption{color:#ff0;font-family:Comic Sans MS,Comic Sans,cursive;font-size:.72rem;font-weight:700;text-shadow:1px 1px 0 #000}.toast{position:absolute;font-size:1.7rem;animation:fly 14s linear infinite}.t1{top:18%;animation-delay:0s}.t2{top:62%;animation-delay:7s}@keyframes fly{0%{left:105%;transform:rotate(0)}to{left:-6%;transform:rotate(-720deg)}}.ufo{position:absolute;top:8%;font-size:2rem;animation:drift 23s linear infinite}@keyframes drift{0%{left:-6%;transform:translateY(0)}50%{transform:translateY(26px)}to{left:105%;transform:translateY(0)}}.invader{position:absolute;bottom:30px;font-size:2.2rem;animation:hop 1.4s steps(2) infinite}.inv-l{left:16px}.inv-r{right:16px;animation-delay:.7s}@keyframes hop{50%{transform:translateY(-14px) scaleX(-1)}}.flame-dot{position:absolute;font-size:1.4rem;animation:pulse .7s ease-in-out infinite alternate}.fd1{top:46%;left:40px}.fd2{top:70%;right:46px;animation-delay:.35s}.midi{position:fixed;top:30px;left:12px;width:190px;z-index:45;background:silver;border:2px outset #eee;font-family:Arial,sans-serif;font-size:.7rem;box-shadow:3px 3px #0006}.midi-title{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-weight:700;padding:2px 4px}.midi-buttons i{font-style:normal;background:silver;color:#000;border:1px outset #eee;padding:0 3px;margin-left:2px;font-size:.62rem}.midi-menu{padding:2px 4px;border-bottom:1px solid #808080}.midi-body{display:flex;align-items:center;gap:6px;padding:4px;background:#000}.midi-live{background:#c00;color:#fff;font-weight:700;padding:1px 3px;font-size:.6rem}.midi-song{color:#fff;font-style:italic;flex:1}.midi-clock{color:#0f0;font-family:Courier New,monospace;font-weight:700;background:#111;border:1px inset #444;padding:0 3px}.midi-controls{display:flex;align-items:center;gap:6px;padding:3px 4px}.midi-controls button{width:26px;background:silver;border:2px outset #eee;cursor:pointer;font-size:.7rem;pointer-events:auto}.midi-controls button:active{border-style:inset}.midi-note{font-size:.62rem;color:#333}.frame{width:640px;max-width:100%;background:#fff;border:4px ridge #808080;border-collapse:separate;table-layout:fixed;position:relative;z-index:10}.frame>tbody>tr>td{padding:14px 22px 20px}h1.cooltitle{text-align:center;font-family:Comic Sans MS,Comic Sans,cursive;font-size:2.3rem;line-height:1.05;margin:.3em 0 0;color:#cc0;text-shadow:2px 2px 0 #667700,4px 4px 0 #00000033;transform:rotate(-2deg)}.cooltitle-2{display:inline-block;color:#6a0;font-style:italic;transform:rotate(1.5deg)}.subtitle{text-align:center;font-style:italic;margin:.35em 0 .9em}.newburst{display:inline-block;background:#fe0;color:red;font-family:Arial,sans-serif;font-size:.62rem;font-weight:700;padding:2px 5px;border-radius:50% 40% 55% 45%;border:1px solid #cc0000;transform:rotate(-8deg);animation:blink .9s steps(2,start) infinite;vertical-align:middle}.marquee{overflow:hidden;white-space:nowrap;background:navy;color:#ff0;font-family:Courier New,monospace;font-size:.8rem;padding:3px 0;border:2px inset #808080}.marquee span{display:inline-block;padding-left:100%;animation:crawl 24s linear infinite}@keyframes crawl{0%{transform:translate(0)}to{transform:translate(-100%)}}.construction{display:flex;align-items:center;gap:8px;margin:10px 0 4px}.stripe{flex:1;height:14px;background:repeating-linear-gradient(-45deg,#fc0 0,#fc0 10px,#000 10px,#000 20px);border:1px solid #000;animation:slide 1.2s linear infinite}@keyframes slide{0%{background-position:0 0}to{background-position:28px 0}}.construction-label{font-weight:700;font-size:.72rem;white-space:nowrap}.rainbow-bar{height:6px;margin:16px 0;background:linear-gradient(90deg,red,#f80,#ff0,#0c0,#06f,#90f,red);background-size:200% 100%;animation:rainbowslide 3s linear infinite;border:1px solid #00000044}@keyframes rainbowslide{0%{background-position:0 0}to{background-position:200% 0}}h2{font-size:1.02rem;color:maroon;margin:.9em 0 .35em;font-family:Comic Sans MS,Comic Sans,cursive}h2 small{color:#555;font-weight:400;font-family:Times New Roman,serif}p,li{font-size:.95rem;line-height:1.45}ul{margin:.3em 0 .6em}a{color:#00e}a:visited{color:#551a8b}.blink{animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.spin{display:inline-block;animation:spin3d 1.6s linear infinite}.guestbook{width:100%;border:2px inset #808080;border-collapse:collapse;background:#ffc}.guestbook td{border:1px solid #999;padding:6px 9px;vertical-align:top}.gb-who{width:96px;background:#eeb;font-size:.82rem}.gb-what{font-family:Courier New,monospace;font-size:.85rem;word-break:break-word}.gb-links{text-align:center;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700}.members{border:3px double #800000;background:#fff0f0;padding:10px 14px 14px;text-align:center}.members h2{text-align:center;margin-top:.2em}.members input{font-family:Courier New,monospace;font-size:1rem;border:2px inset #808080;padding:3px 6px;width:180px;max-width:60%}.members button{font-family:Times New Roman,serif;font-size:.95rem;background:silver;border:2px outset #e0e0e0;padding:3px 10px;cursor:pointer}.members button:active{border-style:inset}.denied{color:red;font-weight:700;margin:.6em 0 0}.checking{color:#555;font-style:italic;margin:.6em 0 0}.badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.badge{width:88px;height:31px;display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:.56rem;font-weight:700;text-align:center;border:2px outset #ddd;padding:2px}.b-net{background:navy;color:#0f0}.b-pad{background:teal;color:#fff}.b-y2k{background:#000;color:red;animation:blink 1.3s steps(2,start) infinite}.b-res{background:silver;color:#000}.counter{text-align:center;margin:14px 0 4px;font-family:Comic Sans MS,Comic Sans,cursive;color:purple;font-weight:700}.odometer{display:inline-flex;gap:2px;vertical-align:middle}.odometer span{background:#000;color:#0f0;font-family:Courier New,monospace;font-weight:700;padding:1px 4px;border:1px solid #444}.fineprint{text-align:center;font-size:.72rem;color:#444;margin-top:10px}@media (max-width: 1020px){.skullbox,.dancer,.globebox,.flame-dot,.invader{display:none}.midi{position:static;margin:0 auto 10px}.page{flex-direction:column;align-items:center}}.terminal{min-height:100vh;background:#000;color:#3f6;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:2rem;text-align:center}.term-dim{color:#1c8040;font-size:.8rem;letter-spacing:.08em;margin:0}.term-line{margin:0;font-size:.95rem}.term-title{font-size:clamp(1.5rem,5.5vw,2.6rem);letter-spacing:.12em;margin:.4em 0;color:#afc;text-shadow:0 0 12px #33ff66aa}.term-link a{color:#3f6;font-size:1.15rem;border:1px solid #33ff66;padding:.5em 1.1em;text-decoration:none;letter-spacing:.06em}.term-link a:hover{background:#3f6;color:#000}.term-cursor{animation:blink 1s steps(2,start) infinite;margin:0}