:root{--c-bg: #111111;--c-text: #ffffff;--c-black: #000000}.bg-grid{position:fixed;top:0;left:0;width:200%;height:200%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:grid-move 20s linear infinite;pointer-events:none}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(60px) translateZ(-200px)}}.cursor.on-modal{width:40px;height:40px;background:var(--pop-1);border:2px solid white;mix-blend-mode:normal;opacity:1}.cursor.on-green{mix-blend-mode:normal;background:transparent;border:3px solid var(--c-black);width:30px;height:30px}.cursor.on-green.hovered{background:rgba(0,0,0,.1);width:80px;height:80px;border-width:1px}.back-link{position:absolute;top:30px;left:30px;z-index:100;font-family:var(--font-en);font-size:1.2rem;color:var(--c-text);text-decoration:none;border:2px solid var(--c-text);padding:10px 20px;border-radius:30px;transition:.3s;background:rgba(0,0,0,.5)}.back-link:hover{background:var(--c-text);color:var(--c-black)}.hamburger-btn{position:fixed;top:30px;right:30px;z-index:11000;width:80px;height:80px;background:var(--c-text);border:4px solid var(--pop-2);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:.3s}.hamburger-btn:hover{background:var(--pop-2);border-color:var(--c-black)}.hamburger-btn:hover .h-line{background:var(--c-black)}.h-line{width:40px;height:4px;background:var(--c-black);transition:.3s;border-radius:2px}.pop-sidebar{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100vh;background:rgba(0,0,0,.95);border-left:4px solid var(--pop-2);z-index:10500;transform:translate(100%);display:flex;flex-direction:column;justify-content:center;padding:40px;transition:.5s cubic-bezier(.77,0,.175,1)}.pop-sidebar.is-open{transform:translate(0)}.menu-item{list-style:none;margin:20px 0;text-align:right}.menu-link{font-family:var(--font-en);font-size:3rem;color:var(--c-text);text-decoration:none;transition:.3s}.menu-link:hover{color:var(--pop-2);letter-spacing:5px;text-shadow:0 0 20px var(--pop-2)}.compact-header{padding:150px 5% 80px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center}.header-title{font-size:10rem;font-family:var(--font-en);line-height:.8;color:var(--c-white);text-transform:uppercase;text-shadow:0 0 30px rgba(255,255,255,.5);margin-bottom:20px}.header-sub{font-size:1.5rem;font-family:var(--font-digi);color:var(--pop-2);border-top:2px solid var(--pop-2);padding-top:20px;display:inline-block;letter-spacing:.2em;font-weight:700}.gear-section{padding:0 5% 100px;position:relative;z-index:10}.cat-header{margin-bottom:40px;border-bottom:2px solid var(--c-text);padding-bottom:10px;display:flex;justify-content:space-between;align-items:flex-end}.cat-title{font-size:4rem;font-family:var(--font-en);color:var(--c-text);line-height:1}.cat-title span{color:var(--pop-2);font-size:5rem;margin-right:10px;-webkit-text-stroke:0px}.cat-desc{font-size:1rem;max-width:400px;text-align:right;color:#aaa}.gear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:120px}.gear-card{background:#1a1a1a;border-radius:20px;overflow:hidden;transform-style:preserve-3d;transform:perspective(1000px);box-shadow:0 10px 30px #00000080;transition:box-shadow .3s,border-color .3s;border:2px solid #333;cursor:pointer;position:relative;z-index:1}.gear-card:hover{z-index:10}.card-img-box{height:250px;width:100%;overflow:hidden;position:relative;background:radial-gradient(circle,#333,#111);display:flex;justify-content:center;align-items:center}.card-img{width:85%;height:85%;object-fit:contain;transition:.5s cubic-bezier(.175,.885,.32,1.275);transform:translateZ(20px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.gear-card:hover .card-img{transform:translateZ(60px) scale(1.1) rotate(-2deg)}.card-content{padding:25px;transform:translateZ(30px);background:#1a1a1a;position:relative}.card-tag{position:absolute;top:-15px;right:20px;background:var(--c-text);color:var(--c-black);padding:5px 15px;font-weight:900;font-family:var(--font-en);border-radius:4px;transform:translateZ(40px);box-shadow:0 5px 10px #0000004d}.card-name{font-size:1.8rem;font-family:var(--font-en);line-height:1;margin-bottom:10px;color:var(--c-text);transition:.3s;text-shadow:0 0 10px rgba(0,0,0,.5)}.gear-card:hover .card-name{text-shadow:0 0 15px currentColor}.card-jp{font-size:.9rem;color:#aaa;font-weight:700;margin-bottom:15px;font-family:var(--font-digi);transition:.3s}.gear-card:hover .card-jp{color:var(--c-white)}.card-desc{font-size:.9rem;line-height:1.6;color:#888;transition:.3s}.gear-card:hover .card-desc{color:#ddd}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:99999;display:none;justify-content:center;align-items:center;opacity:0;backdrop-filter:blur(10px)}.modal-window{width:80vw;max-width:900px;height:80vh;max-height:700px;background:#111;border:4px solid var(--c-text);padding:0;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 0 50px #fff3;border-radius:20px;transform:scale(.8);position:relative;overflow:visible}.modal-img-area{display:flex;justify-content:center;align-items:center;padding:40px;position:relative;border-top-left-radius:16px;border-bottom-left-radius:16px}.modal-img{width:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}.modal-info-area{padding:50px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;color:var(--c-black);border-top-right-radius:16px;border-bottom-right-radius:16px}.modal-tag{display:inline-block;background:var(--c-black);color:var(--c-white);padding:5px 15px;font-weight:700;font-family:var(--font-en);margin-bottom:20px;width:fit-content}.modal-title{font-size:3.5rem;font-family:var(--font-en);line-height:.9;margin-bottom:10px;word-wrap:break-word;color:var(--c-black)!important}.modal-jp{font-size:1.2rem;color:#444;margin-bottom:30px;font-family:var(--font-digi);font-weight:700}.modal-desc{font-size:1.1rem;line-height:1.8;color:#222;margin-bottom:30px;border-top:2px solid var(--c-black);padding-top:20px;font-weight:500}.modal-specs{font-size:.9rem;color:#333;font-family:monospace;white-space:pre-wrap;background:rgba(255,255,255,.5);padding:10px;border-radius:4px}.modal-close{position:absolute;top:-25px;right:-25px;width:50px;height:50px;background:var(--c-black);color:var(--c-white);border:3px solid var(--c-white);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;transition:.2s;z-index:100}.modal-close:hover{background:var(--pop-1);border-color:var(--pop-1);transform:rotate(90deg)}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--c-black);font-family:var(--font-en);font-size:2rem;font-weight:900;padding:20px 40px;border-width:3px;border-style:solid;border-radius:10px;cursor:pointer;z-index:10000;display:flex;align-items:center;gap:15px;text-transform:uppercase;transition:all .1s;pointer-events:auto}.modal-prev{left:-30px;color:var(--pop-6);border-color:var(--pop-6);box-shadow:0 0 15px var(--pop-6)}.modal-next{right:-30px;color:var(--pop-5);border-color:var(--pop-5);box-shadow:0 0 15px var(--pop-5)}@keyframes electric-shock{0%{transform:translateY(-50%) translate(0) rotate(0);filter:hue-rotate(0deg)}25%{transform:translateY(-50%) translate(-3px,3px) rotate(-2deg)}50%{transform:translateY(-50%) translate(3px,-3px) rotate(2deg);filter:hue-rotate(90deg)}75%{transform:translateY(-50%) translate(-3px,-3px) rotate(-1deg)}to{transform:translateY(-50%) translate(3px,3px) rotate(1deg);filter:hue-rotate(0deg)}}.modal-nav-btn:hover{animation:electric-shock .2s infinite;background:var(--c-white);color:var(--c-black)}.modal-next:hover{box-shadow:0 0 50px var(--pop-5),0 0 100px var(--pop-5);border-color:var(--pop-5)}.modal-prev:hover{box-shadow:0 0 50px var(--pop-6),0 0 100px var(--pop-6);border-color:var(--pop-6)}@media (max-width: 1200px){.modal-prev{left:-20px;padding:15px 25px;font-size:1.5rem}.modal-next{right:-20px;padding:15px 25px;font-size:1.5rem}}@media (max-width: 768px){.modal-window{grid-template-columns:1fr;height:85vh;width:90vw;border-radius:12px}.modal-img-area{height:250px;padding:20px;border-bottom-left-radius:0;border-top-right-radius:12px}.modal-info-area{padding:30px;border-top-right-radius:0;border-bottom-left-radius:12px}.modal-title{font-size:2.5rem}.modal-nav-btn{top:auto;bottom:-80px;transform:none;padding:15px 25px;font-size:1.2rem;z-index:10001}.modal-prev{left:0}.modal-next{right:0}@keyframes electric-mobile{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}to{transform:translate(0)}}.modal-nav-btn:hover{animation:electric-mobile .2s infinite}}.more-gears{background:#111111;color:var(--c-white);padding:80px 0;position:relative;margin-top:-50px;z-index:5;cursor:auto}.marquee-wrap{overflow:hidden;white-space:nowrap;padding:15px 0;background:var(--pop-2);color:var(--c-black);transform:rotate(-1deg) scale(1.05);margin-bottom:40px;border-top:5px solid var(--c-white);border-bottom:5px solid var(--c-white);opacity:1}.marquee{display:inline-block;animation:scroll 30s linear infinite;font-family:var(--font-en);font-size:2.5rem;font-weight:900;color:var(--c-black)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:0 5%}.more-item{background:#000;border:2px solid var(--color);padding:20px 15px;text-align:left;transition:.2s cubic-bezier(.165,.84,.44,1);border-radius:8px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:120px;box-shadow:0 0 10px #00000080}.more-item:hover{transform:translateY(-5px) scale(1.05);z-index:10;box-shadow:0 0 30px var(--color);background:var(--c-white)}.more-cat-tag{font-size:.9rem;margin-bottom:8px;font-family:var(--font-en);text-transform:uppercase;color:var(--color);font-weight:900;letter-spacing:.05em;transition:.2s}.more-name{font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--c-white);font-family:var(--font-jp);transition:.2s}.more-item:hover .more-cat-tag,.more-item:hover .more-name{color:var(--c-black)}.hub-link:hover{background:var(--pop-2)!important;color:var(--c-black)!important;border-color:var(--pop-2)!important;transform:scale(1.1);box-shadow:0 0 30px var(--pop-2)}footer{background:var(--c-black);color:var(--c-white);padding:80px 5%;text-align:center;position:relative;z-index:10;border-top:1px solid #333}.reveal{opacity:0;transform:translateY(50px)}