:root{--bg:#04060a;--ink:#f2f6f4;--mint:#42f4bc;--pink:#e0688f;--sky:#38a3f5;--acid:#eaf24a;--leaf:#3fcf7f;--grape:#7b2ff7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);cursor:crosshair;flex-direction:column;justify-content:space-between;gap:clamp(.75rem,2vh,2rem);padding:clamp(1rem,3vw,3rem);font:400 clamp(.95rem,1.3vw,1.05rem)/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex;overflow:hidden}@media (height<=560px){body{overflow-y:auto}}::selection{background:var(--mint);color:#000}#field{z-index:-1;width:100vw;height:100dvh;image-rendering:pixelated;background:#000;position:fixed;inset:0}h1{letter-spacing:-.03em;font-size:clamp(2.6rem,11vw,8rem);font-weight:700;line-height:.95}main{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:2rem;display:flex}.rack{text-align:right;flex-direction:column;align-items:flex-end;gap:.7rem;display:flex;transform:translateY(4vh)}.afterlife{max-width:34ch;margin-top:1.4rem}footer{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.badge{width:176px;height:62px;image-rendering:pixelated;border:2px solid var(--mint);box-shadow:4px 4px #e0688f99}.counter{color:var(--sky);border:2px solid var(--sky);background:#04060aeb;align-items:baseline;gap:.6rem;padding:.55rem 1rem;animation:6.5s steps(2,jump-none) -1.7s infinite gbtn-tear;display:inline-flex;box-shadow:5px 5px #e0688fa6,-5px -5px #42f4bc73}.counter-cap{color:var(--ink);opacity:.6}.counter-num{letter-spacing:.22em;color:var(--sky);text-shadow:2px 0 #e0688fd9,-2px 0 #42f4bcd9;font-weight:700}.gbtn{--acc:var(--mint);font:inherit;color:var(--acc);border:2px solid var(--acc);text-align:left;cursor:pointer;background:#04060aeb;padding:.55rem 1rem;text-decoration:none;animation:6.5s steps(2,jump-none) infinite gbtn-tear;display:inline-block;position:relative;box-shadow:5px 5px #e0688fa6,-5px -5px #38a3f573}.rack>.gbtn:nth-of-type(2){--acc:var(--pink);animation-delay:-1.2s}.rack>.gbtn:nth-of-type(3){--acc:var(--sky);animation-delay:-2.6s}.rack>.gbtn:nth-of-type(4){--acc:var(--acid);animation-delay:-3.9s}.rack>.gbtn:nth-of-type(5){--acc:var(--leaf);animation-delay:-5.1s}#listen{--acc:var(--leaf);animation-delay:-4.4s}#contact{--acc:var(--ink);animation-delay:-3.2s}#guestbook-read{--acc:var(--pink);animation-delay:-5.6s}#guestbook-write{--acc:var(--acid);animation-delay:-2.9s}#enough{--acc:var(--acid)}.rack>.gbtn.loud{--acc:var(--grape);color:#fff;background:var(--acc);box-shadow:7px 7px 0 var(--acid), -7px -7px 0 #42f4bc99;padding:.7rem 1.2rem;font-weight:700;animation-delay:-.6s}.gbtn:hover{color:#000;background:var(--acc);animation:.22s steps(2,jump-none) infinite gbtn-rage}.rack>.gbtn.loud:hover{color:var(--acid);background:#000}.gbtn:active{transform:translate(4px,4px);box-shadow:0 0 #0000}.gbtn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes gbtn-tear{0%,91%,to{clip-path:none;transform:none}92%{clip-path:inset(15% -8% 55%);transform:translate(5px)}94%{clip-path:inset(55% -8% 10%);transform:translate(-5px)}96%{clip-path:none;transform:translate(1px,-1px)}}@keyframes gbtn-rage{0%{box-shadow:6px 3px 0 var(--pink), -4px 5px 0 var(--sky);transform:translate(1px,-1px)}50%{box-shadow:-5px -3px 0 var(--sky), 4px -5px 0 var(--pink);transform:translate(-2px,1px)}to{box-shadow:3px 6px 0 var(--pink), -6px -2px 0 var(--sky);transform:translate(2px,2px)}}dialog{color:var(--ink);border:2px solid var(--mint);background:#000;width:min(92vw,640px);margin:auto;padding:.75rem;box-shadow:10px 0 #e0688f73,-10px 0 #38a3f573}dialog.wide{width:min(94vw,680px)}.gb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.gb-heading{color:var(--mint);letter-spacing:.02em;font-size:1.1rem}.gb-messages{max-height:min(64vh,560px);padding-right:.4rem;overflow-y:auto}.gb-loading{color:#f2f6f480}.guestbook-message{background:#0a0f16;border:1px solid #42f4bc59;margin:0 0 .7rem;padding:.7rem .9rem;box-shadow:4px 4px #38a3f547}.guestbook-message-reply{border-color:#e0688f59;margin-left:1.4rem;box-shadow:4px 4px #e0688f40}.guestbook-message p{margin:0 0 .35rem}.guestbook-message b,.guestbook-message a{color:var(--mint)}.guestbook-message small{color:#f2f6f473}.guestbook-message blockquote{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0}.signform input[type=text],.signform input[type=url],.signform input[type=email],.signform textarea{box-sizing:border-box;width:100%;color:var(--ink);border:2px solid var(--sky);font:inherit;background:#0a0f16;outline:none;margin:.35rem 0;padding:.6rem .8rem}.signform input::placeholder,.signform textarea::placeholder{color:#f2f6f466}.contact-intro{color:#f2f6f4bf;margin-bottom:.6rem}.contact-status{min-height:1.2em;color:var(--mint);margin-top:.7rem}.signform input:focus,.signform textarea:focus{border-color:var(--mint);box-shadow:4px 4px #e0688f80}#guestbooks___pow-status{color:var(--ink);align-items:center;gap:.5rem;margin:.6rem 0;display:flex}#guestbooks___pow-status input[type=checkbox]{accent-color:var(--mint);width:1.1em;height:1.1em}.signform button[type=submit]{color:#000;background:var(--mint);border:2px solid var(--mint);cursor:pointer;margin-top:.4rem;padding:.55rem 1.2rem;font:700 1em ui-monospace,Menlo,monospace;box-shadow:5px 5px #e0688fa6,-5px -5px #38a3f573}.signform button[type=submit]:hover{color:var(--mint);background:#000}#guestbooks___error-message{color:var(--pink);margin-top:.5rem}.signform-note{color:#f2f6f480;margin-top:1rem;font-size:.82em;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog::backdrop{background:#04060ad1}.dialog-close{margin:0 0 .6rem auto;animation:none;display:block}dialog iframe{border:0;display:block}.engine-on [data-stamp]{color:#0000}.engine-still [data-stamp]{background:#000000bf}@media (prefers-reduced-motion:reduce){.gbtn,.gbtn:hover,.counter{animation:none}}@media (width<=700px){body{gap:.4rem;padding:.8rem;overflow-y:auto}h1{font-size:clamp(2rem,9vw,3.2rem)}header p{font-size:.9rem}.rack{gap:.4rem;transform:none}.rack .gbtn{padding:.38rem .85rem}.afterlife{margin-top:.55rem;font-size:.9rem}footer{gap:.8rem;margin-top:.2rem}.badge{width:116px;height:41px}.counter{padding:.4rem .7rem}.counter-cap{font-size:.62rem}}