:root{--color-black: #0d0d0d;--color-white: #ffffff;--border-thick: 4px solid var(--color-black);--border-thin: 2px solid var(--color-black);--font-comic: "Bangers", cursive;--font-body: "Noto Sans JP", sans-serif;--gutter: 10px}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-white);font-family:var(--font-body);color:var(--color-black);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");z-index:9999;opacity:.4;mix-blend-mode:multiply}#root{width:100%;background-color:var(--color-white);min-height:100vh}.halftone-bg{background-image:radial-gradient(circle,var(--color-black) 1px,transparent 1.5px);background-size:4px 4px;background-color:var(--color-white);opacity:.1}.speed-lines{background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 12px)}.manga-img{width:100%;height:100%;object-fit:cover;display:block}.manga-btn{transition:all .2s ease;cursor:pointer;display:inline-block}.manga-btn:hover{transform:skew(-5deg) translate(-2px,-2px)!important;box-shadow:5px 5px #0003!important}.manga-btn:active{transform:skew(-5deg) translate(0)!important;box-shadow:2px 2px #0003!important}.footer-link{transition:all .2s ease}.footer-link:hover{background-color:#000;color:#fff!important;padding-left:5px}.social-box:hover{transform:translate(-3px,-3px);box-shadow:3px 3px #0003!important}@media(max-width:1024px){:root{--gutter: 8px}}@media(max-width:768px){:root{--gutter: 5px;--border-thick: 3px solid var(--color-black);--border-thin: 1px solid var(--color-black)}.panel{grid-column:span 12!important;min-height:150px!important}.navbar{padding:8px 15px}.navbar-logo{font-size:1.2rem!important}.navbar-links{gap:10px!important}.navbar-links a{font-size:.75rem!important;padding:3px 6px!important}.navbar-links a .link-number{display:none}.navbar-hamburger{display:block!important}.navbar-desktop{display:none!important}.navbar-name{display:none}.chapter-header{height:50px!important;font-size:1.2rem!important}.speech-bubble{max-width:150px!important;padding:.8rem!important;font-size:.8rem!important}h1{font-size:2rem!important}h2{font-size:1rem!important}.footer-links{flex-direction:column!important;gap:10px!important}.footer-links a{font-size:1rem!important}.identity-card{width:95%!important;padding:15px!important;box-shadow:4px 4px #000!important;transform:none!important}.identity-card .stats-grid{grid-template-columns:1fr!important;gap:12px!important}.identity-card .header-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.identity-card .header-row span:first-child{font-size:1.2rem!important}.identity-card .achievements{flex-direction:column!important;gap:8px!important}.identity-card .achievements span{font-size:.7rem!important;padding:3px 8px!important}.origin-panel{aspect-ratio:auto!important;min-height:auto!important;padding:30px 10px!important;height:auto!important}.equipped-items{padding:15px!important}.equipped-items h4{font-size:1.1rem!important;padding:4px 10px!important}.equipped-items .skill-tag,.skill-tag{padding:4px 8px!important;font-size:.7rem!important;transform:none!important}.project-buttons{flex-direction:column!important;gap:8px!important}.manga-btn{padding:6px 12px!important;font-size:.75rem!important;transform:none!important;box-shadow:2px 2px #0003!important}.footer-content{flex-direction:column!important;gap:30px!important;padding:20px!important}}@media(max-width:480px){:root{--gutter: 3px}h1{font-size:1.6rem!important}.panel{min-height:120px!important}.navbar-links a:nth-child(n+3){display:none}}