.glitch{--bg:#000;--fg:#fff;--border:1.5px solid var(--fg);--mono:"Courier New", Courier, monospace;--sans:"Impact", "Arial Black", sans-serif;--serif:"Times New Roman", Times, serif;z-index:100;color:var(--fg);font-family:var(--mono);text-transform:uppercase;border:var(--border);cursor:none;pointer-events:none;background-color:#0000;border-color:#0000;grid-template-rows:1.5fr 3fr 1fr;grid-template-columns:1fr 2fr 1.5fr 1fr;gap:0;height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}.glitch,.glitch *{cursor:none}.glitch ::selection{background:var(--fg);color:var(--bg)}.glitch-cell{border-right:var(--border);border-bottom:var(--border);visibility:hidden;background-clip:padding-box;background-color:var(--bg);pointer-events:none;border-bottom-color:#0000;border-right-color:#0000;flex-direction:column;transition:background-color,color;display:flex;position:relative;overflow:hidden}.glitch-cell.glitch-on{visibility:visible;pointer-events:auto}.glitch-cell:hover{background-color:var(--fg);color:var(--bg)}.glitch-cell.glitch-no-hover:hover{color:var(--fg);background-color:#0000}.glitch-col-4{border-right:none}.glitch-row-3{border-bottom:none}.glitch-scanlines{pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff14 2px 4px);animation:10s linear infinite glitch-scanline-move;position:absolute;inset:0}@keyframes glitch-scanline-move{0%{background-position:0 0}to{background-position:0 100%}}@keyframes glitch-slice{0%{clip-path:inset(20% 0 80%);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10%);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50%);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5%);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70%);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 50%);transform:translate(1px,-1px)}}@keyframes glitch-filter{0%{filter:grayscale()contrast(300%)brightness(150%)hue-rotate(90deg)}25%{filter:invert()grayscale()contrast(400%)brightness(120%)hue-rotate()}50%{filter:grayscale()contrast(250%)brightness(80%)hue-rotate(180deg)}75%{filter:invert()grayscale()contrast(500%)brightness(60%)hue-rotate(270deg)}to{filter:grayscale()contrast(250%)brightness()hue-rotate(45deg)}}.glitch-c1{justify-content:center;align-items:center;padding:1rem}.glitch-c1:hover svg circle{stroke:red;fill:red;mix-blend-mode:difference}.glitch-c1:hover svg line{stroke:var(--bg)}.glitch-c1-meta{letter-spacing:-.5px;color:red;font-size:.5rem;line-height:1;animation:.5s step-end infinite glitch-blink;position:absolute;top:5px;left:5px}.glitch-c2{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"3\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\"0.3\"/></svg>"),repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px);grid-column:2/4;justify-content:center;align-items:center;position:relative;overflow:hidden}.glitch-c2:before{content:"";background:var(--bg);mix-blend-mode:multiply;animation:.5s infinite glitch-filter;position:absolute;inset:0}.glitch-c2-text{z-index:2;font-family:var(--sans);letter-spacing:-2px;color:#fff;text-align:center;font-size:7vw;font-weight:900;line-height:.8;position:relative;transform:scaleY(1.8)scaleX(.8)}.glitch-c2-text:before,.glitch-c2-text:after{content:"CONNECTION LOST";background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-c2-text:before{text-shadow:-2px 0 red;animation:2s linear infinite alternate-reverse glitch-slice;left:2px}.glitch-c2-text:after{text-shadow:-2px 0 #00f;animation:3s linear infinite alternate-reverse glitch-slice;left:-2px}.glitch-c3{justify-content:center;align-items:center;padding:1rem;position:relative}.glitch-c3-text{writing-mode:vertical-rl;letter-spacing:2px;color:red;font-size:.6rem;position:absolute;top:5px;right:5px}.glitch-c3 svg{transform-style:preserve-3d;animation:.2s infinite glitch-erratic-spin}@keyframes glitch-erratic-spin{0%{transform:rotateY(0)rotateX(10deg)}50%{transform:rotateY(180deg)rotateX(-20deg)}to{transform:rotateY(360deg)rotateX(5deg)}}.glitch-c3:hover svg polygon,.glitch-c3:hover svg line{stroke:var(--bg)}.glitch-c4{flex-direction:row;justify-content:space-between;padding:10px;display:flex}.glitch-nav-list{writing-mode:vertical-rl;letter-spacing:1px;gap:2rem;font-size:1.2rem;font-weight:700;list-style:none;display:flex;transform:rotate(180deg)}.glitch-nav-list li{opacity:.5;text-decoration:line-through}.glitch-nav-list li:hover{opacity:1;color:red}.glitch-manifesto{text-align:justify;align-self:flex-end;width:60%;font-size:.55rem;line-height:1.1}.glitch-c5{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.7\" numOctaves=\"1\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\"/></svg>") 0 0/cover;grid-column:2/3;position:relative}.glitch-c5:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,#0000 1px 2px);position:absolute;inset:0}.glitch-c5-overlay{mix-blend-mode:overlay;background:#f003;animation:.1s step-end infinite glitch-blink;position:absolute;inset:0}.glitch-c5-labels{mix-blend-mode:difference;color:#fff;background:#000;justify-content:space-between;padding:2px;font-size:.6rem;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.glitch-c6{background-color:var(--bg);color:var(--fg);justify-content:center;align-items:center;padding:1rem;overflow:hidden}.glitch-c6:hover{background-color:var(--fg);color:var(--bg)}.glitch-c6-inner{font-family:var(--sans);text-align:center;white-space:nowrap;font-size:4rem;line-height:.7;text-decoration:line-through;transform:rotate(-90deg)scaleY(2)scaleX(.5)}.glitch-c7{justify-content:space-between;padding:10px}.glitch-y2k-text{font-family:var(--serif);text-align:center;letter-spacing:-1px;color:red;font-size:1.5rem;font-style:italic}.glitch-c7:hover svg path{fill:var(--bg);stroke:var(--bg)}.glitch-scrambled-wave path{stroke-dasharray:5 15;animation:.5s linear infinite glitch-wave-dash}@keyframes glitch-wave-dash{to{stroke-dashoffset:-20px}}.glitch-c8{flex-direction:column;justify-content:space-between;padding:5px;font-size:.6rem;line-height:1;display:flex}.glitch-data-row{justify-content:space-between;display:flex}.glitch-pattern-text{white-space:pre;font-family:var(--mono);text-align:center;margin-top:auto;margin-bottom:auto}.glitch-c9{background:repeating-linear-gradient(-45deg, var(--bg), var(--bg) 5px, red 5px, red 10px);grid-column:2/4;justify-content:center;align-items:center;overflow:hidden}.glitch-c9:hover{background:repeating-linear-gradient(-45deg, var(--fg), var(--fg) 5px, red 5px, red 10px)}.glitch-c9-text{font-family:var(--sans);color:var(--fg);background:var(--bg);letter-spacing:-2px;mix-blend-mode:normal;padding:0 1rem;font-size:6vw;transform:rotate(180deg)scaleX(1.5)}.glitch-c9:hover .glitch-c9-text{color:var(--bg);background:var(--fg)}@keyframes glitch-marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.glitch-marquee-container{border-top:var(--border);white-space:nowrap;color:#fff;z-index:10;background:red;width:100%;padding:2px 0;font-size:.7rem;position:absolute;bottom:0;left:0;overflow:hidden}.glitch-marquee-content{font-weight:700;animation:5s linear infinite glitch-marquee;display:inline-block}.glitch-cell:hover .glitch-marquee-container{background:var(--fg);color:red;border-top-color:var(--bg)}.glitch-c10{justify-content:center;align-items:center;padding:1rem}.glitch-c10:hover svg path{fill:var(--bg)}.glitch-c10 svg{animation:.5s linear infinite alternate-reverse glitch-slice}.glitch-sys-status{color:red;font-size:.5rem;animation:1s step-end infinite glitch-blink;position:absolute;bottom:5px;right:5px}@keyframes glitch-blink{50%{opacity:0}}.glitch-pattern-text.glitch-typing{border-right:2px solid var(--fg);animation:.5s step-end infinite glitch-blink}
.shop-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--fg);font-family:var(--mono);text-transform:uppercase;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop-modal{background:var(--bg);border:4px solid var(--fg);flex-direction:column;width:60vw;height:70vh;display:flex;position:relative}.shop-modal-header{border-bottom:var(--border);background:var(--fg);color:var(--bg);justify-content:space-between;align-items:center;padding:10px;display:flex}.shop-modal-title{font-family:var(--sans);letter-spacing:-1px;font-size:2rem}.shop-modal-close{border:2px solid var(--bg);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.shop-modal-close:hover{background:var(--bg)}.shop-modal-close:before,.shop-modal-close:after{content:"";background:var(--bg);width:80%;height:2px;position:absolute}.shop-modal-close:hover:before,.shop-modal-close:hover:after{background:var(--fg)}.shop-modal-close:before{transform:rotate(45deg)}.shop-modal-close:after{transform:rotate(-45deg)}.shop-modal-grid{flex-grow:1;grid-template-columns:1fr 1fr;display:grid}.shop-cat{border-right:var(--border);border-bottom:var(--border);letter-spacing:.08em;text-align:center;cursor:pointer;color:inherit;justify-content:center;align-items:center;padding:.75rem;font-size:clamp(.95rem,2.6vw,2rem);font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.shop-cat:nth-child(2n){border-right:none}.shop-cat:nth-child(3),.shop-cat:nth-child(4){border-bottom:none}.shop-cat span{z-index:2;overflow-wrap:anywhere;max-width:100%;line-height:1.05;transition:transform .1s;position:relative}.shop-cat:before{content:"";background:var(--fg);transform-origin:bottom;z-index:1;transition:transform .1s;position:absolute;inset:0;transform:scaleY(0)}.shop-cat:hover:before{transform:scaleY(1)}.shop-cat:hover{color:var(--bg)}.shop-cat:hover span{transform:scaleX(1.1)}.cat-meta{z-index:3;font-size:.6rem;font-weight:400;position:absolute;top:10px;left:10px}.shop-cat:hover .cat-meta{color:var(--bg)}.shop-modal-close:focus-visible{outline:2px solid var(--bg);outline-offset:2px}.shop-cat:focus-visible{outline:2px solid var(--fg);outline-offset:-4px}@media (max-width:768px){.shop-modal{width:min(94vw,24rem);height:auto;max-height:90vh}.shop-modal-title{font-size:clamp(1.1rem,6vw,2rem)}.shop-modal-grid{grid-template-columns:1fr}.shop-cat{letter-spacing:.08em;border-right:none;min-height:4.5rem;font-size:clamp(1.1rem,6vw,1.75rem)}.shop-cat:nth-child(3),.shop-cat:nth-child(4){border-bottom:var(--border)}.shop-cat:last-child{border-bottom:none}}