*{margin:0;padding:0;box-sizing:border-box;}:root{--black:#0a0a0a;--white:#f5f5f5;--ink:#1a1a1a;--paper:#eaeaea;--border:4px solid var(--black);}html{scroll-behavior:smooth;scroll-padding-top:80px;}body{font-family:'Noto Sans JP',sans-serif;background:var(--white);color:var(--black);overflow-x:clip;position:relative;}body.intro-lock{overflow:hidden;}.halftone{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--black) 1.2px,transparent 1.2px);background-size:14px 14px;opacity:.08;}.speedlines{position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 6deg,rgba(0,0,0,.03) 6deg 7deg);opacity:.6;}.intro{position:fixed;inset:0;z-index:9999;background:var(--black);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}.intro.hidden{animation:introOut .6s ease forwards;pointer-events:none;}.intro-panel{position:absolute;border:4px solid var(--white);background:var(--white);display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(-20deg);opacity:0;width:clamp(120px,30vw,380px);height:clamp(120px,25vh,300px);overflow:hidden;}.intro-panel-1{top:8%;left:5%;animation:introPanelIn .4s .1s cubic-bezier(.2,.9,.3,1.5) forwards;}.intro-panel-2{top:14%;right:5%;background:var(--paper);animation:introPanelIn .4s .28s cubic-bezier(.2,.9,.3,1.5) forwards;}.intro-panel-3{bottom:12%;left:5%;background:var(--paper);animation:introPanelIn .4s .46s cubic-bezier(.2,.9,.3,1.5) forwards;}.intro-panel-4{bottom:8%;right:5%;animation:introPanelIn .4s .64s cubic-bezier(.2,.9,.3,1.5) forwards;}.intro-panel::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(0,0,0,.1) 12px 13px);}.intro-sfx{font-family:'Bangers',cursive;font-size:clamp(1.5rem,5vw,4rem);color:var(--black);-webkit-text-stroke:1px var(--black);position:relative;z-index:1;opacity:0;animation:sfxPop .35s 1.1s ease forwards;white-space:nowrap;}.intro-panel-1 .intro-sfx{animation-delay:.55s;}.intro-panel-2 .intro-sfx{animation-delay:.73s;}.intro-panel-3 .intro-sfx{animation-delay:.91s;}.intro-panel-4 .intro-sfx{animation-delay:1.09s;}.intro-title{position:relative;z-index:10;text-align:center;color:var(--white);opacity:0;animation:titleSlam .6s 1s cubic-bezier(.2,.9,.3,1.5) forwards;padding:0 15px;width:100%;}.intro-sub{display:block;font-weight:900;letter-spacing:.3em;font-size:clamp(.5rem,2vw,.9rem);color:var(--white);}.intro-name{font-family:'Bangers',cursive;font-size:clamp(2rem,10vw,9rem);line-height:1;letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:2px var(--white);text-shadow:4px 4px 0 var(--black),6px 6px 0 var(--white);margin:.8rem 0;white-space:nowrap;}.intro-skip{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:var(--white);font-size:.7rem;font-weight:700;letter-spacing:.2em;opacity:0;animation:fadeIn .5s 1.6s ease forwards,pulse 1.6s 2.2s ease-in-out infinite;z-index:10;width:100%;text-align:center;}.navbar{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;background:var(--white);border-bottom:var(--border);transform:translateY(-110%);transition:transform .4s ease;}.navbar.visible{transform:translateY(0);}.nav-logo{font-family:'Bangers',cursive;font-size:1.8rem;text-decoration:none;color:var(--black);border:3px solid var(--black);padding:0 .7rem;box-shadow:3px 3px 0 var(--black);letter-spacing:.05em;}.nav-links{list-style:none;display:flex;gap:1.6rem;}.nav-links a{text-decoration:none;color:var(--black);font-weight:900;font-size:.78rem;letter-spacing:.2em;position:relative;padding-bottom:3px;}.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--black);transition:width .25s ease;}.nav-links a:hover::after,.nav-links a:focus-visible::after{width:100%;}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}.nav-toggle span{width:26px;height:4px;background:var(--black);transition:transform .3s ease,opacity .3s ease;}.nav-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}.nav-toggle.open span:nth-child(2){opacity:0;}.nav-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.hero{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 2rem;text-align:center;}.panel-frame{position:relative;border:var(--border);padding:4rem 3rem;background:var(--white);box-shadow:12px 12px 0 var(--black);max-width:800px;width:100%;animation:slamIn .7s cubic-bezier(.2,.9,.3,1.4) both;}body.intro-lock .panel-frame{animation-play-state:paused;}.name{font-family:'Bangers',cursive;font-size:clamp(3rem,12vw,7rem);letter-spacing:.04em;line-height:.9;text-transform:uppercase;position:relative;color:var(--black);-webkit-text-stroke:2px var(--black);text-shadow:5px 5px 0 var(--white),8px 8px 0 var(--black);word-break:break-word;}.tagline{font-weight:900;letter-spacing:.4em;margin-top:1.2rem;font-size:clamp(.7rem,2vw,1rem);}.speech-bubble{position:relative;margin-top:2.5rem;border:3px solid var(--black);border-radius:24px 24px 24px 4px;padding:1.6rem 2.2rem;background:var(--white);font-size:.95rem;line-height:1.5;max-width:460px;margin-left:auto;margin-right:auto;}.speech-bubble::after{content:'';position:absolute;bottom:-22px;left:60px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--black);}.speech-bubble::before{content:'';position:absolute;bottom:-16px;left:64px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--white);z-index:1;}.sfx{font-family:'Bangers',cursive;position:absolute;color:var(--black);-webkit-text-stroke:1px var(--white);pointer-events:none;user-select:none;}.sfx-top{top:-40px;right:-10px;font-size:3rem;transform:rotate(-12deg);animation:wobble 2.5s ease-in-out infinite;}.sfx-corner{bottom:-18px;right:14px;font-size:1.6rem;transform:rotate(8deg);opacity:.85;}.scroll-hint{margin-top:3rem;font-weight:900;letter-spacing:.3em;font-size:.8rem;animation:bounce 1.8s ease-in-out infinite;}.section{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:5rem 1.5rem;scroll-margin-top:80px;}.section-title{font-family:'Bangers',cursive;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:.03em;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:.3rem;}.chapter{font-family:'Noto Sans JP',sans-serif;font-weight:900;font-size:.85rem;letter-spacing:.35em;border:2px solid var(--black);padding:.3rem .9rem;width:fit-content;background:var(--black);color:var(--white);}.manga-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem;}.panel{position:relative;border:var(--border);background:var(--white);box-shadow:8px 8px 0 var(--black);transition:transform .2s ease,box-shadow .2s ease;}@media (hover:hover) and (pointer:fine){.panel:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--black);}}.panel-large{grid-column:span 2;}.panel-inner{padding:1.8rem;width:100%;}.panel h3{font-family:'Bangers',cursive;font-size:1.6rem;letter-spacing:.04em;margin-bottom:.8rem;}.bio{line-height:1.7;font-size:.95rem;margin-bottom:1rem;}.profil-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:1.6rem;}.profil-card{display:flex;gap:1.8rem;padding:2rem;align-items:flex-start;}.profil-photo{position:relative;flex-shrink:0;}.profil-info{flex:1;}.profil-name{font-family:'Bangers',cursive;font-size:2.2rem;letter-spacing:.04em;line-height:1;}.profil-role{font-weight:900;letter-spacing:.2em;font-size:.72rem;margin:.4rem 0 1.2rem;border-bottom:3px solid var(--black);padding-bottom:.8rem;}.profil-meta{list-style:none;display:grid;grid-template-columns:1fr;gap:.55rem;margin-bottom:1.2rem;}.profil-meta li{display:flex;gap:.8rem;font-size:.82rem;align-items:baseline;}.profil-meta span{font-weight:900;letter-spacing:.15em;font-size:.65rem;background:var(--black);color:var(--white);padding:.15rem .5rem;min-width:5.5rem;text-align:center;white-space:nowrap;}.profil-meta strong{font-weight:700;}.profil-tags{display:flex;flex-wrap:wrap;gap:.5rem;}.profil-quote{display:flex;}.profil-quote .panel-inner{padding:2.2rem;}.quote-mark{font-family:'Bangers',cursive;font-size:4rem;line-height:.6;display:block;margin-bottom:.5rem;}.quote-text{font-size:1.05rem;line-height:1.7;font-weight:700;margin-bottom:1rem;}.quote-author{font-family:'Bangers',cursive;font-size:1.1rem;letter-spacing:.1em;}.avatar{width:120px;height:120px;border:3px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--paper);overflow:hidden;}.avatar-face{position:relative;width:100%;height:100%;}.avatar-face .eye{position:absolute;top:42%;width:16px;height:16px;background:var(--black);border-radius:50%;}.avatar-face .left{left:26%;}.avatar-face .right{right:26%;}.avatar-face .mouth{position:absolute;bottom:26%;left:50%;transform:translateX(-50%);width:34px;height:10px;border-bottom:4px solid var(--black);border-radius:0 0 50% 50%;}.stats{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:.8rem;}.stats li{display:flex;flex-direction:column;gap:.4rem;font-weight:700;font-size:.85rem;letter-spacing:.1em;}.bar{display:block;height:14px;border:2px solid var(--black);background:repeating-linear-gradient(45deg,var(--white) 0 6px,var(--paper) 6px 12px);position:relative;overflow:hidden;}.bar::after{content:'';position:absolute;inset:0;width:0;background:var(--black);transition:width 1.2s cubic-bezier(.2,.8,.3,1);}.bar.filled::after{width:var(--fill);}.status-line{font-weight:700;font-size:.9rem;margin-bottom:.7rem;letter-spacing:.05em;}.works-grid .panel{display:flex;flex-direction:column;}.work-cover{height:170px;border-bottom:var(--border);display:flex;align-items:center;justify-content:center;font-family:'Bangers',cursive;font-size:1.8rem;letter-spacing:.1em;background:var(--paper);position:relative;overflow:hidden;}.work-cover::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(0,0,0,.12) 10px 11px);}.cover-1{background:var(--white);}.cover-2{background:var(--paper);}.cover-3{background:var(--white);}.work-cover span{position:relative;border:2px solid var(--black);padding:.3rem .9rem;background:var(--white);z-index:1;-webkit-text-stroke:1px var(--black);}.tag{display:inline-block;margin-top:.4rem;border:2px solid var(--black);padding:.25rem .7rem;font-size:.7rem;font-weight:900;letter-spacing:.2em;background:var(--black);color:var(--white);}.profil-tags .tag{margin-top:0;}.work-panel .panel-inner .tag{margin-top:1rem;}.contact-panel{text-align:center;}.contact-lead{font-family:'Bangers',cursive;font-size:clamp(1.4rem,4vw,2.2rem);letter-spacing:.04em;margin-bottom:1.8rem;}.contact-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.btn-manga{font-family:'Bangers',cursive;font-size:1.2rem;letter-spacing:.1em;text-decoration:none;color:var(--white);background:var(--black);border:3px solid var(--black);padding:.6rem 1.8rem;box-shadow:5px 5px 0 var(--paper),5px 5px 0 3px var(--black);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;}.btn-manga:hover,.btn-manga:focus-visible{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--paper),2px 2px 0 3px var(--black);background:var(--white);color:var(--black);}.btn-manga:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--paper),0 0 0 3px var(--black);}.footer{position:relative;z-index:2;text-align:center;padding:2.5rem 1rem;border-top:var(--border);font-weight:700;letter-spacing:.1em;font-size:.8rem;background:var(--black);color:var(--white);}.to-top{position:fixed;bottom:2rem;right:2rem;z-index:400;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--white);border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .15s ease;}.to-top.visible{opacity:1;pointer-events:auto;}.to-top:hover,.to-top:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black);}[data-reveal]{opacity:0;transform:translateY(30px) rotate(-1deg);}[data-reveal].revealed{animation:revealPanel .6s cubic-bezier(.2,.8,.3,1) forwards;}.hero .name.glitch{position:relative;}.hero .name.glitch::before,.hero .name.glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;-webkit-text-stroke:0;}.hero .name.glitch::before{color:#ff0055;clip-path:inset(0 0 55% 0);animation:glitchTop 2.8s infinite linear alternate;}.hero .name.glitch::after{color:#00e5ff;clip-path:inset(55% 0 0 0);animation:glitchBottom 2.2s infinite linear alternate;}.floating-sfx{position:fixed;z-index:300;font-family:'Bangers',cursive;color:var(--black);-webkit-text-stroke:1px var(--white);user-select:none;pointer-events:none;will-change:transform,opacity;transform:translate(-50%,-50%);opacity:.9;}.btn-burst{position:absolute;z-index:300;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--black);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:burstOut .5s ease-out forwards;}@keyframes introPanelIn{to{transform:scale(1) rotate(0);opacity:1;}}@keyframes sfxPop{to{opacity:1;transform:scale(1.15) rotate(-6deg);}}@keyframes titleSlam{from{opacity:0;transform:scale(2.4) rotate(-6deg);}to{opacity:1;transform:scale(1) rotate(0);}}@keyframes introOut{to{opacity:0;transform:scale(1.3);visibility:hidden;}}@keyframes fadeIn{to{opacity:1;}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}@keyframes revealPanel{to{opacity:1;transform:translateY(0) rotate(0);}}@keyframes slamIn{from{opacity:0;transform:scale(1.4) rotate(-4deg);}to{opacity:1;transform:scale(1) rotate(0);}}@keyframes wobble{0%,100%{transform:rotate(-12deg) scale(1);}50%{transform:rotate(-6deg) scale(1.08);}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}@keyframes glitchTop{0%,92%,100%{transform:translate(0,0);}93%{transform:translate(-3px,-2px);}95%{transform:translate(3px,1px);}97%{transform:translate(-1px,2px);}}@keyframes glitchBottom{0%,90%,100%{transform:translate(0,0);}91%{transform:translate(3px,2px);}94%{transform:translate(-3px,-1px);}96%{transform:translate(2px,-2px);}}@keyframes burstOut{to{transform:translate(-50%,-50%) scale(12);opacity:0;}}@media (max-width:860px){.profil-wrap{grid-template-columns:1fr;}.profil-card{flex-direction:column;}}@media (max-width:760px){.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:var(--border);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .35s ease;}.nav-links.open{max-height:100vh;}.nav-links li{border-top:2px solid var(--black);}.nav-links a{display:block;padding:1rem 2rem;font-size:.85rem;}.nav-toggle{display:flex;}}@media (max-width:640px){.panel-large{grid-column:span 1;}.panel-frame{padding:2.5rem 1.5rem;box-shadow:8px 8px 0 var(--black);}.speech-bubble{border-radius:20px 20px 20px 4px;}.intro-panel{width:clamp(100px,38vw,180px);height:clamp(100px,20vh,200px);border-width:3px;}.intro-panel-1{top:6%;left:4%;}.intro-panel-2{top:10%;right:4%;}.intro-panel-3{bottom:10%;left:4%;}.intro-panel-4{bottom:6%;right:4%;}.intro-name{font-size:clamp(1.75rem,14vw,5rem);text-shadow:3px 3px 0 var(--black),5px 5px 0 var(--white);-webkit-text-stroke:1.5px var(--white);}.intro-sub{letter-spacing:.2em;font-size:.6rem;}.to-top{bottom:1.2rem;right:1.2rem;width:46px;height:46px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}.intro-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:grayscale(100%) contrast(1.2);opacity:.6;transition:opacity .3s ease;}.intro-panel:hover .intro-img{opacity:.9;}.intro-panel .intro-sfx{position:relative;z-index:2;color:var(--white);-webkit-text-stroke:2px var(--black);text-shadow:3px 3px 0 var(--black);}@media (max-width:480px){.intro-panel .intro-sfx{-webkit-text-stroke:1px var(--black);text-shadow:2px 2px 0 var(--black);}}.profil-img{width:120px;height:120px;border:3px solid var(--black);border-radius:50%;object-fit:cover;filter:grayscale(100%) contrast(1.2);box-shadow:4px 4px 0 var(--black);display:block;}@media (max-width:480px){.profil-img{width:100px;height:100px;}}