:root{--bg: #ffffff;--text: #000000;--border-color: #000000;--border-width: 4px;--border-width-sm: 2px;--red: #ff1f4b;--blue: #38bdf8;--black: #000000;--white: #ffffff;--gray-light: #f3f4f6;--gray-dark: #111827;--muted: #6b7280;--shadow-red: 4px 4px 0px var(--red);--shadow-blue: 4px 4px 0px var(--blue);--shadow-black: 4px 4px 0px var(--black);--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--max-width: 1200px;--gutter: 24px;--nav-height: 64px}:root[data-theme=dark]{--bg: #000000;--text: #ffffff;--border-color: #ffffff;--gray-light: #1f2937;--gray-dark: #000000;--muted: #9ca3af;--shadow-black: 4px 4px 0px #ffffff}:root[data-theme=dark] .writeup-card,:root[data-theme=dark] .brutal-card{background:#111827;color:#fff;border-color:#fff}:root[data-theme=dark] .wcard__desc{color:#d1d5db}:root[data-theme=dark] .wcard__tag{background:#fff;color:#000}:root[data-theme=dark] .wcard__read-more{color:#fff}:root[data-theme=dark] .hero-section,:root[data-theme=dark] .writeups-section{background:#000}:root[data-theme=dark] .hero-section__glow-red{background:radial-gradient(circle,#ff1f4b14,#ff1f4b00 70%)}:root[data-theme=dark] .hero-section__glow-blue{background:radial-gradient(circle,#38bdf814,#38bdf800 70%)}:root[data-theme=dark] .about-section__text{color:#d1d5db}:root[data-theme=dark] .blog-post__content p,:root[data-theme=dark] .blog-post__content li{color:#d1d5db}:root[data-theme=dark] .blog-post__content pre{border-color:#fff}:root[data-theme=dark] .toc__summary{background:#1f2937;border-bottom-color:#fff}:root[data-theme=dark] .about-card{background:#111827;border-color:#fff;color:#fff}:root[data-theme=dark] .subpage-container p{color:#d1d5db}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.logo-rmy9{display:inline-block;background:#000;color:#fff;font-family:var(--font-display);font-size:1.2rem;font-weight:800;padding:4px 12px;transform:skew(-12deg);border:var(--border-width) solid #000000;letter-spacing:-.02em;text-transform:uppercase;box-shadow:3px 3px 0 var(--red)}.logo-rmy9-footer{display:inline-block;background:#fff;color:#000;font-family:var(--font-display);font-size:1.5rem;font-weight:900;padding:6px 18px;transform:skew(-12deg);border:var(--border-width) solid #000000;letter-spacing:-.02em;text-transform:uppercase;box-shadow:4px 4px 0 var(--blue)}.brutal-tag{display:inline-block;background:#bae6fd;color:#000;font-family:var(--font-display);font-weight:800;font-size:1.2rem;padding:6px 18px;border:var(--border-width) solid #000000;box-shadow:4px 4px 0 var(--red);transform:skew(-12deg);text-transform:uppercase;letter-spacing:-.02em}.btn-brutal{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-family:var(--font-mono);font-size:.9rem;font-weight:700;background:#fff;color:#000;border:var(--border-width) solid #000000;text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease}.btn-brutal-red{box-shadow:var(--shadow-red)}.btn-brutal-red:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}.btn-brutal-red:active{transform:translate(4px,4px);box-shadow:none}.btn-brutal-blue{box-shadow:var(--shadow-blue)}.btn-brutal-blue:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--blue)}.btn-brutal-blue:active{transform:translate(4px,4px);box-shadow:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;background:#fff;color:#000;border:3px solid #000000;text-transform:uppercase;letter-spacing:.02em;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-outline-red{border-color:var(--red);color:var(--red)}.btn-outline-red:hover{background:var(--red);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.btn-outline-cyan{border-color:var(--blue);color:var(--blue)}.btn-outline-cyan:hover{background:#06c;color:#000;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.btn-outline__arrow{transition:transform .12s ease}.btn-outline:hover .btn-outline__arrow{transform:translate(4px)}.ascii-stacked-card{margin:0 auto;text-align:center;position:relative;background:#fff;color:#000;border:var(--border-width) solid #000000;padding:24px;font-family:var(--font-mono);font-size:.85rem;line-height:1.3;z-index:10}.ascii-stacked-card pre{font-family:var(--font-mono);font-size:.95rem;line-height:1.3;margin:0;white-space:pre-wrap;word-break:break-all;color:#000;font-weight:700}.ascii-stacked-card:before{content:"";position:absolute;inset:6px -6px -6px 6px;background:#00e5ff;border:var(--border-width) solid #000000;z-index:-1}.ascii-stacked-card:after{content:"";position:absolute;inset:12px -12px -12px 12px;background:var(--red);border:var(--border-width) solid #000000;z-index:-2}.stats-card{background:#fff;color:#000;border:var(--border-width) solid #000000;padding:16px;text-align:center;flex:1;min-width:140px}.stats-card-red{box-shadow:var(--shadow-red)}.stats-card-blue{box-shadow:var(--shadow-blue)}.about-feature-card{border:var(--border-width) solid #ffffff;background:transparent;color:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.about-feature-card:hover{background:#ffffff0d;transform:scale(1.02)}.about-feature-card i{font-size:3rem}.header-brutal{background:#fff;border-bottom:6px solid #000000;height:var(--nav-height);position:sticky;top:0;z-index:100}.header-brutal__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.header-brutal__nav{display:flex;align-items:center;gap:32px}.header-brutal__link{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#000;text-transform:uppercase;letter-spacing:-.01em;position:relative}.header-brutal__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:4px;background:var(--red);transition:width .15s ease}.header-brutal__link:hover:after,.header-brutal__link--active:after{width:100%}.hero-section{background:#fff;padding:20px 0 60px;min-height:99vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section__glow-pink{position:absolute;top:15%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#ff1f4b1f,#ff1f4b00 70%);pointer-events:none}.hero-section__glow-blue{position:absolute;bottom:10%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#38bdf81f,#38bdf800 70%);pointer-events:none}.hero-section__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.hero-section__eyebrow{font-family:var(--font-mono);font-weight:700;font-size:.85rem;color:#000;text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px;border-left:4px solid var(--red);padding-left:14px;line-height:1}.hero-section__title{font-family:var(--font-mono);font-size:clamp(3.5rem,8vw,6rem);font-weight:900;color:#000;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;margin-bottom:24px}.hero-section__badge{display:inline-block;background:#000;color:#fff;font-family:var(--font-mono);font-size:1.05rem;font-weight:700;padding:8px 16px;border-left:5px solid var(--red);margin-bottom:32px}.hero-section__actions{display:flex;gap:20px}.hero-section__mascot{justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ascii-stacked-card pre{color:#a020f0}.btn-double-border{position:relative;background:#fff;color:#000;font-weight:700;border:3px solid #000;padding:10px 20px;text-decoration:none;font-family:inherit;display:inline-block;animation:flick-wave 2.5s infinite ease-in-out}.btn-double-border:hover{animation:none}@keyframes flick-wave{0%{clip-path:inset(0 0 0 0)}10%{clip-path:inset(0 0 2% 0)}20%{clip-path:inset(2% 0 0 0)}30%{clip-path:inset(0 0 0 0)}40%{clip-path:inset(0 0 4% 0)}50%{clip-path:inset(0 0 0 0)}60%{clip-path:inset(3% 0 1% 0)}70%{clip-path:inset(0 0 0 0)}80%{clip-path:inset(0 0 3% 0)}90%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 0)}}.mascot-status-wrapper{text-align:center;margin-top:16px}.mascot-status-badge{display:inline-block;background:#000;color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.about-section{background:#000;color:#fff;padding:32px 0;border-top:6px solid var(--red);position:relative}.about-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.about-section__left{display:flex;flex-direction:column;gap:16px}.about-section__text{font-size:1rem;line-height:1.5;color:#e5e7eb}.about-section__text strong{color:var(--red)}.about-section__quote-block{border-left:4px solid var(--blue);padding-left:20px;font-size:1.05rem;line-height:1.7;color:#9ca3af;font-family:var(--font-mono)}.about-section__stats-container{display:flex;gap:20px}.about-section__stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:4px}.about-section__stat-num-red{color:var(--red)}.about-section__stat-num-blue{color:var(--blue)}.about-section__stat-label{font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase}.about-section__right-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.writeups-section{background:#fff;color:#000;padding:100px 0;border-top:6px solid #000000}.writeups-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;border-bottom:var(--border-width) solid #000000;padding-bottom:16px}.writeups-section__title{font-family:var(--font-display);font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.writeups-section__title-latest{color:#000}.writeups-section__title-writeups{color:var(--red);margin-left:8px}.writeups-section__view-all{font-family:var(--font-mono);font-weight:700;font-size:1rem;text-transform:uppercase;color:#000;display:flex;align-items:center;gap:6px}.writeups-section__view-all:hover{color:var(--red)}.writeups-section__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.writeup-card{background:#fff;color:#000;border:var(--border-width) solid #000000;padding:28px;display:flex;flex-direction:column;box-shadow:var(--shadow-red);transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.writeup-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--red);background:#fff5f5}.writeup-card a{color:#000;text-decoration:none}.writeup-card a:hover{color:var(--red)}.wcard__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wcard__tag{background:#000;color:#fff;font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:3px 8px;text-transform:uppercase}.wcard__date{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);font-weight:500}.wcard__title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.2;text-transform:uppercase;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wcard__desc{font-size:.9rem;line-height:1.5;color:#374151;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.wcard__read-more{font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;color:#000;margin-top:auto}.writeup-card:hover .wcard__read-more{color:var(--red)}.footer-brutal{background:#000;color:#fff;border-top:6px solid var(--red);padding:60px 0 30px}.footer-brutal__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.footer-brutal__subtitle{font-family:var(--font-mono);font-size:.95rem;color:#9ca3af;margin-top:12px}.footer-brutal__socials{display:flex;gap:16px}.social-btn{width:44px;height:44px;background:#fff;color:#000;border:var(--border-width) solid #000000;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .1s ease,box-shadow .1s ease}.social-btn-blue{box-shadow:4px 4px 0 var(--blue)}.social-btn-blue:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--blue)}.social-btn-black{box-shadow:4px 4px #4b5563}.social-btn-black:hover{transform:translate(2px,2px);box-shadow:2px 2px #4b5563}.social-btn-red{box-shadow:4px 4px 0 var(--red)}.social-btn-red:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}.footer-brutal__divider{height:2px;background:#1f2937;margin-bottom:24px}.footer-brutal__bottom{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.8rem;color:#6b7280}.footer-brutal__links{display:flex;gap:16px}.footer-brutal__link:hover{color:#fff}.subpage-container{padding:60px 0 100px}.subpage-title{font-family:var(--font-display);font-size:3rem;font-weight:900;text-transform:uppercase;margin-bottom:40px;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:12px}.brutal-card{background:var(--bg);color:var(--text);border:var(--border-width) solid var(--border-color);padding:24px;box-shadow:var(--shadow-black)}.blog-post{padding:60px 0 100px;position:relative;z-index:1}.blog-post__header{margin-bottom:40px}.blog-post__back{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;color:var(--text);display:inline-flex;align-items:center;gap:6px;margin-bottom:24px}.blog-post__back:hover{color:var(--red)}.blog-post__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;line-height:1.1;margin-bottom:16px}.blog-post__meta{font-family:var(--font-mono);font-size:.9rem;color:var(--muted);display:flex;gap:16px;margin-bottom:32px}.blog-post__date,.blog-post__read-time{font-family:var(--font-mono);font-size:.85rem;color:var(--muted)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.post-card__tag{display:inline-block;background:#000;color:#fff;font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:3px 8px;text-transform:uppercase}.blog-post__toc{margin-bottom:40px}.blog-post__content{font-size:1.1rem;line-height:1.8}.blog-post__content h2{font-family:var(--font-display);font-size:2rem;font-weight:900;text-transform:uppercase;margin-top:48px;margin-bottom:16px;border-bottom:var(--border-width-sm) solid var(--border-color);padding-bottom:6px}.blog-post__content h3{font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-transform:uppercase;margin-top:32px;margin-bottom:12px}.blog-post__content p{margin-bottom:20px}.blog-post__content blockquote{border-left:6px solid var(--red);background:var(--gray-light);padding:16px 24px;margin:24px 0;font-family:var(--font-mono);color:var(--text)}.blog-post__content pre{background:var(--gray-dark);border:var(--border-width) solid var(--border-color);padding:24px;overflow-x:auto;margin-bottom:24px}.blog-post__content code{font-family:var(--font-mono);font-size:.9em;background:var(--gray-light);padding:2px 6px;border:1px solid var(--border-color)}.blog-post__content pre code{background:none;border:none;padding:0;font-size:.9rem;color:inherit}.blog-post__content table{width:100%;border-collapse:collapse;margin-bottom:32px}.blog-post__content th,.blog-post__content td{padding:12px 16px;border:var(--border-width-sm) solid var(--border-color)}.blog-post__content th{background:var(--gray-light);font-family:var(--font-mono);font-weight:700;text-transform:uppercase}.toc{border:var(--border-width) solid var(--border-color);background:var(--bg);margin-bottom:40px}.toc__summary{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;padding:12px 20px;background:var(--gray-light);border-bottom:var(--border-width-sm) solid var(--border-color);cursor:pointer}.toc__nav{padding:16px 20px}.toc__list{display:flex;flex-direction:column;gap:8px}.toc__item a{font-family:var(--font-mono);font-size:.95rem;color:var(--text)}.toc__item a:hover{color:var(--red)}.toc__item--h3{padding-left:16px}.theme-toggle-brutal{width:44px;height:44px;background:#fff;color:#000;border:var(--border-width) solid #000000;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #000;transition:transform .1s ease,box-shadow .1s ease}.theme-toggle-brutal:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.theme-toggle-brutal .theme-toggle__icon--sun{display:none}.theme-toggle-brutal .theme-toggle__icon--moon{display:block}:root[data-theme=dark] .theme-toggle-brutal{background:#000;color:#fff;border-color:#fff;box-shadow:4px 4px #fff}:root[data-theme=dark] .theme-toggle-brutal:hover{box-shadow:2px 2px #fff}:root[data-theme=dark] .theme-toggle-brutal .theme-toggle__icon--moon{display:none}:root[data-theme=dark] .theme-toggle-brutal .theme-toggle__icon--sun{display:block}@media(max-width:1024px){.hero-section__grid{grid-template-columns:1fr;gap:40px}.hero-section__mascot{order:-1}.about-section__grid{grid-template-columns:1fr;gap:48px}.writeups-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--gutter: 16px}.hero-section{padding:60px 0}.about-section{padding:32px 0}.writeups-section{padding:60px 0}.writeups-section__grid{grid-template-columns:1fr}.hero-section__actions{flex-direction:column;gap:12px}.hero-section__actions .btn-brutal{width:100%}.about-section__stats-container{flex-direction:column}.footer-brutal__top{flex-direction:column;align-items:flex-start;gap:24px}.footer-brutal__bottom{flex-direction:column;align-items:flex-start;gap:16px}}.glitch-text{position:relative;animation:glitch-skew 4s infinite linear alternate-reverse}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch-text:before{color:var(--red);z-index:-1;animation:glitch-left 3s infinite linear alternate-reverse}.glitch-text:after{color:#00e5ff;z-index:-2;animation:glitch-right 2.8s infinite linear alternate-reverse}@keyframes glitch-skew{0%{transform:skew(0)}5%{transform:skew(0)}6%{transform:skew(2deg)}7%{transform:skew(0)}15%{transform:skew(0)}16%{transform:skew(-1.5deg)}17%{transform:skew(0)}40%{transform:skew(0);opacity:1}41%{transform:skew(0);opacity:.85}42%{transform:skew(3deg);opacity:1}43%{transform:skew(0)}65%{transform:skew(0)}66%{transform:skew(-2deg)}67%{transform:skew(0)}to{transform:skew(0)}}@keyframes glitch-left{0%{clip-path:inset(0 0 80% 0);transform:translate(-3px)}10%{clip-path:inset(20% 0 60% 0);transform:translate(2px)}20%{clip-path:inset(50% 0 30% 0);transform:translate(-1px)}30%{clip-path:inset(10% 0 70% 0);transform:translate(3px)}40%{clip-path:inset(0 0 80% 0);transform:translate(-3px)}50%{clip-path:inset(30% 0 50% 0);transform:translate(2px);opacity:0}51%{opacity:1}60%{clip-path:inset(60% 0 20% 0);transform:translate(-2px)}70%{clip-path:inset(0 0 80% 0);transform:translate(3px)}80%{clip-path:inset(40% 0 40% 0);transform:translate(-3px)}90%{clip-path:inset(0 0 80% 0);transform:translate(2px)}to{clip-path:inset(20% 0 60% 0);transform:translate(-1px)}}@keyframes glitch-right{0%{clip-path:inset(60% 0 20% 0);transform:translate(3px)}15%{clip-path:inset(0 0 80% 0);transform:translate(-2px)}25%{clip-path:inset(30% 0 50% 0);transform:translate(3px)}35%{clip-path:inset(0 0 80% 0);transform:translate(-3px);opacity:0}36%{opacity:1}45%{clip-path:inset(10% 0 70% 0);transform:translate(2px)}55%{clip-path:inset(50% 0 30% 0);transform:translate(-3px)}65%{clip-path:inset(0 0 80% 0);transform:translate(3px)}75%{clip-path:inset(40% 0 40% 0);transform:translate(-2px)}85%{clip-path:inset(20% 0 60% 0);transform:translate(3px)}to{clip-path:inset(60% 0 20% 0);transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){.glitch-text,.glitch-text:before,.glitch-text:after{animation:none}}
