*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#d9dccf;font-family:VT323,ui-monospace,monospace;-webkit-user-select:none;user-select:none;touch-action:none}#c{position:fixed;inset:0;width:100vw;height:100vh;display:block;image-rendering:pixelated}#hud{position:fixed;inset:0;pointer-events:none;font-size:clamp(16px,2.2vw,28px);letter-spacing:.08em;text-shadow:0 0 6px rgba(220,230,210,.35),2px 0 0 rgba(255,0,40,.25),-2px 0 0 rgba(0,200,255,.2);opacity:0;transition:opacity 1.2s}#hud.on{opacity:.85}#hud>div{position:absolute}#hud .tl{top:4vh;left:4vw}#hud .tr{top:4vh;right:4vw}#hud .bl{bottom:4vh;left:4vw}#hud .br{bottom:4vh;right:4vw}#hud .date{opacity:.7;font-size:.8em}#hud .rec{color:#ff2a2a;animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}#overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:16px;text-align:center;background:radial-gradient(ellipse at center,#00000059,#000000d9 75%);cursor:pointer;transition:opacity .6s}#overlay.hidden{opacity:0;pointer-events:none}#overlay .sub{font-size:clamp(16px,2.4vw,26px);letter-spacing:.3em;opacity:.7}#overlay .enter{font-size:clamp(20px,3vw,34px);letter-spacing:.2em;animation:blink 1.6s steps(1) infinite}#overlay .help{font-size:clamp(13px,1.5vw,18px);letter-spacing:.12em;opacity:.45;line-height:1.6}.glitch{position:relative;font-size:clamp(56px,13vw,180px);font-weight:400;letter-spacing:.06em;line-height:.9;color:#e8eadf;text-shadow:0 0 18px rgba(230,240,220,.25);animation:shake 4s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden}.glitch:before{color:#ff2448;transform:translate(-3px);mix-blend-mode:screen;animation:tear1 2.7s infinite steps(1)}.glitch:after{color:#18d4ff;transform:translate(3px);mix-blend-mode:screen;animation:tear2 3.3s infinite steps(1)}@keyframes tear1{0%{clip-path:inset(10% 0 80% 0);transform:translate(-4px)}12%{clip-path:inset(60% 0 20% 0);transform:translate(6px)}24%{clip-path:inset(0 0 100% 0)}55%{clip-path:inset(40% 0 45% 0);transform:translate(-10px)}58%{clip-path:inset(0 0 100% 0)}80%{clip-path:inset(80% 0 5% 0);transform:translate(3px)}}@keyframes tear2{0%{clip-path:inset(70% 0 10% 0);transform:translate(4px)}18%{clip-path:inset(0 0 100% 0)}40%{clip-path:inset(20% 0 65% 0);transform:translate(-6px)}44%{clip-path:inset(0 0 100% 0)}90%{clip-path:inset(50% 0 30% 0);transform:translate(9px)}}@keyframes shake{0%,92%,to{transform:none}93%{transform:translate(2px,-1px) skew(4deg)}95%{transform:translate(-3px,1px) skew(-6deg)}97%{transform:translate(1px)}}#overlay .contact{font-size:clamp(16px,2vw,24px);letter-spacing:.15em;color:#c9c4b4}#overlay .contact a{color:#c4282b;text-decoration:none;border-bottom:1px dashed rgba(196,40,43,.6);letter-spacing:.08em;text-shadow:0 0 8px rgba(196,40,43,.45)}#overlay .contact a:hover{color:#ff3b3b;border-bottom-style:solid}#hud .mail{font-size:.7em;opacity:.7;text-align:right}.logo-wrap{position:relative;width:min(720px,88vw);animation:shake 4s infinite,flicker 5s infinite steps(1)}.logo-wrap .logo{display:block;width:100%;height:auto;mix-blend-mode:screen}.logo-wrap .base{filter:url(#grunge) contrast(1.1)}.logo-wrap .ghost{position:absolute;inset:0;opacity:.55}.logo-wrap .red{filter:url(#grunge) sepia(1) saturate(9) hue-rotate(-40deg) brightness(.7);animation:tear1 2.7s infinite steps(1)}.logo-wrap .cyan{filter:url(#grunge) sepia(1) saturate(9) hue-rotate(150deg) brightness(.6);animation:tear2 3.3s infinite steps(1)}@keyframes flicker{0%,to{opacity:1}31%{opacity:.82}32%{opacity:1}57%{opacity:.6}58%{opacity:.95}59%{opacity:.7}60%{opacity:1}88%{opacity:.88}89%{opacity:1}}.sbp-stamp{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--r, -4deg));animation:sbp-stamp 1.6s steps(14) forwards}.sbp-stamp img{display:block;width:100%;height:auto;mix-blend-mode:screen;-webkit-user-drag:none}.sbp-stamp .base{filter:url(#grunge) contrast(1.1) drop-shadow(0 0 12px rgba(196,40,43,.45))}.sbp-stamp .ghost{position:absolute;inset:0;opacity:.55}.sbp-stamp .red{filter:url(#grunge) sepia(1) saturate(9) hue-rotate(-40deg) brightness(.7);animation:tear1 .9s infinite steps(1)}.sbp-stamp .cyan{filter:url(#grunge) sepia(1) saturate(9) hue-rotate(150deg) brightness(.6);animation:tear2 1.1s infinite steps(1)}@keyframes sbp-stamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) scale(1.5)}8%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(1)}12%{transform:translate(-51%,-50%) rotate(var(--r)) skew(-8deg)}16%{transform:translate(-50%,-50%) rotate(var(--r))}75%{opacity:1}to{opacity:0;transform:translate(-50%,-51%) rotate(var(--r)) scale(1.02)}}#social{--c1: #25f4ee;--c2: #fe2c55;position:fixed;left:50%;top:84%;z-index:5;display:grid;grid-template-columns:auto auto;grid-template-areas:"icon label" "icon key";align-items:center;column-gap:.6em;width:max-content;max-width:92vw;padding:.45em 1em;font-family:VT323,ui-monospace,monospace;font-size:clamp(17px,2vw,26px);letter-spacing:.12em;text-align:left;text-decoration:none;color:#f2efe6;background:#0009;border:2px solid var(--c1);box-shadow:0 0 14px var(--c1),inset 0 0 14px color-mix(in srgb,var(--c2) 45%,transparent),4px 0 0 var(--c2);text-shadow:2px 0 var(--c2),-2px 0 var(--c1),0 0 10px var(--c1);transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none;transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),padding .6s}#social .icon{grid-area:icon;width:1.8em;height:1.8em;filter:drop-shadow(0 0 6px var(--c1))}#social .label{grid-area:label}#social .key{grid-area:key;font-size:.7em;opacity:.75;animation:blink 1.2s steps(1) infinite}#social .title,#social .go{display:none}#social.on{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;animation:social-flicker 3.2s infinite steps(1)}#social:hover{background:#000c}#social.big{top:50%;grid-template-columns:auto;grid-template-areas:"icon" "title" "label" "go" "key";justify-items:center;row-gap:.35em;padding:1.1em 2em 1em;text-align:center;background:#000000b8}#social.big .icon{width:3.6em;height:3.6em;margin-bottom:.2em}#social.big .title{display:block;grid-area:title;font-size:1.5em;letter-spacing:.14em}#social.big .label{font-size:1.1em;color:var(--c1)}#social.big .go{display:block;grid-area:go;margin-top:.4em;padding:.25em .9em;border:2px dashed var(--c2);color:#fff;box-shadow:0 0 10px var(--c2)}#social.on.big{animation:social-in .5s steps(6),social-flicker 3.2s .5s infinite steps(1)}@keyframes social-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.25) skew(8deg)}40%{opacity:1;transform:translate(-52%,-50%) scale(1) skew(-6deg)}70%{opacity:.6;transform:translate(-49%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes social-flicker{0%,to{opacity:1}47%{opacity:.7}48%{opacity:1}83%{opacity:.85}84%{opacity:1}}