@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&family=Playfair+Display:wght@700;900&family=Space+Mono:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--off-white:#f3f1eb;--accent:#ff3b30;--accent-2:#ffd60a;--border:3px solid #000;--border-thick:4px solid #000;--shadow:6px 6px 0 #000;--shadow-sm:4px 4px 0 #000;--font-head:"Bebas Neue", sans-serif;--font-display:"Playfair Display", serif;--font-mono:"DM Mono", monospace;--font-body:"Space Mono", monospace}html{font-size:15px}body{background-color:var(--off-white);color:var(--black);font-family:var(--font-body);background-image:radial-gradient(#00000012 1px,#0000 1px);background-size:24px 24px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--white)}.container{max-width:1080px;margin:auto;padding:0 32px}nav{border-bottom:var(--border-thick);background:var(--accent-2);z-index:100;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{font-family:var(--font-head);letter-spacing:4px;color:var(--black);align-items:center;gap:10px;font-size:1.45rem;text-decoration:none;display:flex;transform:rotate(-1.5deg)}.nav-links{gap:10px;display:flex}.nav-links a{border:var(--border);text-transform:uppercase;letter-spacing:2px;background:var(--white);box-shadow:var(--shadow-sm);color:var(--black);padding:7px 16px;font-size:.65rem;font-weight:700;text-decoration:none;transition:transform 50ms,box-shadow 50ms}.nav-links a:hover{background:var(--accent);color:var(--white);box-shadow:0 0 0 var(--black);transform:translate(4px,4px)}.hero{border-bottom:var(--border-thick);padding:72px 0 64px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero-left{max-width:500px}.hero-tag{border:var(--border);font-size:.75rem;font-family:var(--font-mono);background:var(--white);box-shadow:3px 3px 0 var(--black);color:var(--black);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px;text-decoration:none;transition:transform 50ms,box-shadow 50ms,background-color .1s;display:inline-flex}.hero-tag:before{content:""!important;display:none!important}.github-icon{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.comment-slash{opacity:.4;letter-spacing:0}.tag-text{letter-spacing:1.5px;font-weight:700}.hero-tag:hover{box-shadow:1px 1px 0 var(--black);background:var(--accent-2);transform:translate(2px,2px)}.hero h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-3px;max-width:480px;margin-bottom:28px;font-size:clamp(3.2rem,7vw,5.2rem);line-height:.88;transform:rotate(-1deg)}.hero-sub{border-left:4px solid var(--black);opacity:0;max-width:380px;margin-top:0;margin-bottom:32px;padding-left:20px;font-size:.8rem;line-height:1.5;animation:.9s cubic-bezier(.16,1,.3,1) .25s forwards smoothDrift;transform:translate(-15px)}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}@keyframes smoothDrift{to{opacity:1;transform:translate(0)}}.hero-visual{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .1s forwards smoothDrift;position:relative;transform:translateY(16px)}.player-card{background:var(--black);border:var(--border-thick);box-shadow:10px 10px 0 var(--black);padding:32px;position:relative;overflow:hidden;transform:rotate(1.2deg)}.player-card:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff04 3px 4px);position:absolute;inset:0}.player-status{z-index:2;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.status-label{font-family:var(--font-head);letter-spacing:4px;color:var(--accent);font-size:1.1rem}.player-scene-name{font-family:var(--font-head);letter-spacing:3px;color:var(--white);z-index:2;margin-bottom:6px;font-size:2.4rem;line-height:1;position:relative}.player-cat-tag{background:var(--accent-2);color:var(--black);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black);z-index:2;margin-bottom:28px;padding:4px 10px;font-size:.6rem;font-weight:500;display:inline-block;position:relative}.player-progress{z-index:2;margin-bottom:8px;position:relative}.progress-track{background:#ffffff26;border-radius:0;width:100%;height:4px;position:relative}.progress-fill{background:var(--accent-2);width:38%;height:100%;animation:2.4s ease-in-out infinite progressPulse;position:absolute;top:0;left:0}@keyframes progressPulse{0%,to{width:35%}50%{width:42%}}.progress-thumb{background:var(--accent-2);border:2px solid var(--black);width:14px;height:14px;animation:2.4s ease-in-out infinite thumbPulse;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)}@keyframes thumbPulse{0%,to{left:35%}50%{left:42%}}.progress-times{font-family:var(--font-mono);color:#ffffff80;z-index:2;justify-content:space-between;margin-top:8px;font-size:.6rem;display:flex;position:relative}.player-skip-btn{z-index:3;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:36px;right:32px}.skip-icon{background:var(--accent-2);border:3px solid var(--black);width:52px;height:52px;box-shadow:4px 4px 0 var(--black);justify-content:center;align-items:center;font-size:1.6rem;animation:3s ease-in-out infinite skipJitter;display:flex}@keyframes skipJitter{0%,85%,to{transform:rotate(0)scale(1)}87%{transform:rotate(-3deg)scale(1.05)}90%{transform:rotate(3deg)scale(1.08)}93%{transform:rotate(-2deg)scale(1.05)}96%{transform:rotate(1deg)scale(1.02)}}.skip-label{font-family:var(--font-mono);letter-spacing:2px;color:#ffffff80;text-transform:uppercase;font-size:.5rem}.player-trust{flex-wrap:wrap;gap:16px;max-width:100%;margin-top:28px;display:flex;transform:rotate(1.2deg)}.trust-pill{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;background:var(--white);border:var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 18px;font-size:.5rem;font-weight:700;display:flex}.trust-pill-dot{background:var(--accent-2);border:2px solid var(--black);flex-shrink:0;width:8px;height:8px}.btn{border:var(--border);background:var(--accent-2);text-transform:uppercase;letter-spacing:2px;box-shadow:6px 6px 0 var(--black);-webkit-user-select:none;user-select:none;padding:14px 28px;font-size:.8rem;font-weight:700;transition:all .1s;display:inline-block;position:relative;color:var(--black)!important;text-decoration:none!important}.btn.secondary{box-shadow:none;background:0 0;color:var(--black)!important}.btn:hover{box-shadow:0 0 0 var(--black);transform:translate(6px,6px)}.btn.secondary:hover{background:var(--white);box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)}.btn:active{box-shadow:0 0 0 var(--black)!important;transition:none!important;transform:translate(6px,6px)!important}.btn.secondary:active{box-shadow:0 0 0 var(--black)!important;transition:none!important;transform:translate(2px,2px)!important}.ticker-wrap{border-top:3px solid var(--black);border-bottom:3px solid var(--black);background:var(--accent-2);width:100%;overflow:hidden}.ticker{animation:22s linear infinite ticker;display:flex}.ticker:hover{animation-play-state:paused}.ticker-item{letter-spacing:2px;white-space:nowrap;margin-right:40px;font-size:.8rem;font-weight:700;position:relative}.ticker-sep{opacity:.4;margin:0 12px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.section{border-top:var(--border-thick);background:var(--off-white);padding:56px 0}.stat-row{border:var(--border);background:var(--white);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.stat-block{border-right:var(--border);flex-direction:column;justify-content:center;min-height:140px;padding:28px 32px;display:flex}.stat-block:last-child{border-right:none}.stat-block:nth-child(2){transform:translateY(6px)}.stat-num{font-size:3.2rem;line-height:1;font-family:var(--font-display);margin-bottom:4px}.stat-label{text-transform:uppercase;letter-spacing:2px;font-size:.65rem;font-family:var(--font-mono);opacity:.6}h2{font-family:var(--font-display);margin-bottom:12px;font-size:3rem;line-height:1}h2 em{font-style:italic;position:relative}h2 em:after{content:"";background:var(--accent-2);z-index:-1;width:100%;height:7px;position:absolute;bottom:3px;left:0}.brutal-band{background:var(--accent);color:var(--white);border-top:var(--border-thick);border-bottom:var(--border-thick);z-index:10;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:72px 0 88px;position:relative;left:50%;transform:rotate(-1deg)}.brutal-band .container{transform:rotate(1deg)}.brutal-band h2{color:var(--white);margin-bottom:48px}.features{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{border:var(--border-thick);background:var(--white);color:var(--black);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:32px 24px;display:flex;position:relative}.feature-card:nth-child(odd){transform:rotate(-1deg)translateY(-4px)}.feature-card:nth-child(2n){transform:rotate(1deg)translateY(4px)}.feature-card:hover{box-shadow:2px 2px 0 var(--black);transition:all .15s;transform:translate(4px,4px)rotate(0)}.feature-title{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;font-size:2.5rem;line-height:.9}.feature-desc{font-family:var(--font-mono);opacity:.8;font-size:.8rem;line-height:1.5}.feature-num{background:var(--accent-2);border:var(--border);width:48px;height:48px;font-family:var(--font-head);box-shadow:4px 4px 0 var(--black);justify-content:center;align-items:center;font-size:1.5rem;transition:transform .2s;display:flex;position:absolute;top:-20px;right:-20px;transform:rotate(8deg)}.feature-card:hover .feature-num{transform:rotate(-5deg)scale(1.1)}.section-categories{background:var(--off-white)!important;color:var(--black)!important;padding-bottom:80px!important}.section-categories h2{color:var(--black)!important}.cat-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px;display:grid}.cat-card{border:var(--border-thick);background:var(--white);min-height:220px;color:var(--black);text-align:center;font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;box-shadow:8px 8px 0 var(--black);cursor:crosshair;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 24px;font-size:1.8rem;transition:all .15s;display:flex}.cat-card:nth-child(odd){transform:rotate(-1.5deg)}.cat-card:nth-child(2n){transform:rotate(1.5deg)}.cat-card:hover{box-shadow:2px 2px 0 var(--black);background:var(--accent-2);transform:translate(6px,6px)rotate(0)}.cat-icon{object-fit:contain;filter:brightness(0);width:auto;height:auto;transition:all .2s}.cat-card:first-child .cat-icon{max-width:80px}.cat-card:nth-child(2) .cat-icon{transform:scale(1.25)}.cat-card:nth-child(3) .cat-icon{transform:scale(1)}.cat-card:nth-child(4) .cat-icon{max-width:85px}.cat-card:hover .cat-icon{transform:scale(1.15)rotate(-5deg)}input,textarea,select{border:var(--border);font-family:var(--font-mono);background:var(--white);width:100%;padding:12px}input:focus,textarea:focus{background:var(--accent-2);outline:none}.badge{border:var(--border);padding:4px 10px;font-size:.6rem;display:inline-block}.category-btn-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.cat-tag{height:44px;font-family:var(--font-mono);text-transform:uppercase;background:var(--white);color:var(--black);border:var(--border-thick);cursor:pointer;justify-content:center;align-items:center;padding:0 20px;font-size:.8rem;font-weight:700;transition:all .1s;display:inline-flex;position:relative}footer{border-top:var(--border-thick);background:var(--black);width:100%;color:var(--white);justify-content:space-between;align-items:center;padding:48px 40px;display:flex}.footer-logo{font-family:var(--font-head);letter-spacing:5px;text-transform:uppercase;color:var(--accent-2);font-size:2.8rem;line-height:1}.footer-links{gap:12px;display:flex}.footer-links a{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--black);background:var(--off-white);border:2px solid var(--off-white);box-shadow:4px 4px 0 var(--accent-2);cursor:crosshair;padding:7px 14px;font-size:.6rem;font-weight:700;text-decoration:none;transition:all .1s}.footer-links a:hover{box-shadow:0 0 0 var(--accent-2);background:var(--accent-2);transform:translate(4px,4px)}.cat-tag{border:var(--border);background:var(--white);color:var(--black);font-family:var(--font-mono);cursor:crosshair;padding:10px 16px;font-size:.85rem;font-weight:700;transition:all .1s}.cat-tag.active{background:var(--accent-2);box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)}.cat-tag:hover:not(.active){background:var(--off-white);box-shadow:2px 2px 0 var(--black);transform:translate(-2px,-2px)}.show-row{border-bottom:var(--border);background:var(--white);justify-content:space-between;padding:20px;display:flex}.show-row:hover{background:var(--accent-2)}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{max-width:520px}.player-card{transform:rotate(.5deg)}}@media (max-width:768px){.nav-inner{flex-direction:column;gap:12px;height:auto;padding:16px 0}.nav-logo{font-size:1.3rem;transform:none}.nav-links a{padding:6px 10px;font-size:.55rem}.hero h1{letter-spacing:-2px;font-size:3rem;transform:none}.hero-sub{max-width:100%;font-size:.75rem}.hero-actions{flex-direction:column;align-items:stretch;gap:16px}.btn{text-align:center;width:100%}.features,.cat-grid{grid-template-columns:1fr 1fr;gap:24px}.cat-card{min-height:180px;font-size:1.4rem;transform:none!important}.stat-row{grid-template-columns:1fr}.stat-block{border-right:none;border-bottom:var(--border);min-height:100px}.stat-block:last-child{border-bottom:none}h2{font-size:2.2rem;line-height:1.1}footer{text-align:center;flex-direction:column;gap:28px;padding:40px 20px 60px}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:500px){.features,.cat-grid{grid-template-columns:1fr}}