@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@800&display=swap');

html {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #415462;
    font-family: system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
*,
*:before,
*:after{
  box-sizing:border-box;
}
body  {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
body section {
    overflow: hidden;
    transform: translate(0);
    display: grid;
}
.full {
    grid-column: 1/-1;
}
.half {
    grid-column: span 3;
}
.third {
    grid-column: span 2;
}
@media (max-width: 1150px) {
  .half,
  .third {
    grid-column: 1/-1;
  }
}
.center {
  place-content: center;
}
h1 {
	font-style: normal;
  font-weight: 700;
  font-size: 50px;
  font-family: 'Montserrat', sans-serif;
  line-height: 56px;
  text-transform: none;
  letter-spacing: -2px;
  color: #505050;
  white-space: nowrap;
}

h1 span {
  font-size: 70px;
  vertical-align: middle;
}
h1 span:first-child {
  letter-spacing: -14px;
}
h1 span:nth-child(2) {
  position: relative;
  letter-spacing: -15px;
  z-index: 1;
}
h1 span:nth-child(3) {
  color: #c39f76;
  filter: blur(2px);
}
h1 span:nth-child(2):before {
  content: "";
  position: absolute;
  top: 10px;
  height: 28px;
  border-left: 1.5px solid #b7d0d5;
  border-top: 1.5px solid #b7d0d5;
  width: 44px;
  left: 2px;
  border-top-left-radius: 41px 24px;
}
h1 span:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 4.5px;
  height: 37px;
  border-left: 1.5px solid #b7d0d5;
  z-index: 5;
}
body header {
  text-align: center;
  position: absolute;
  z-index: 9;
  inset: 0 0 auto;
}
body header > * {
  margin: 5px;
}
body header h1 + p {
	text-indent: 120px;
  margin-top: -22px;
  font-size: 15px;
}
body footer {
  grid-column: 1/-1;
	text-align: center;
	padding-bottom: 80px;
  background: #f6f6f6;
}

a.tweet {
  background-color: #08769b;
  border-radius: 9999px;
  display: grid;
  place-content: center;
  width: 52px;
  height: 52px;
  position: fixed;
  left: 15px;
  bottom: 124px;
  box-shadow: rgb(0 0 0 / 40%) 0px 4px 8px;
}
.credit {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  transform-origin: right top;
  transform: translate(-30%) rotate(-45deg);
  background: #08769b;
  color: #fff;
  box-shadow: 0 0 0 50px #08769b;
  clip-path: inset(0 -100%);
  text-decoration:none ;
}
#bmc-wbtn {
  position: fixed; 
  left: 15px; 
  bottom: 60px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  width: 52px; 
  height: 52px; 
  background: rgb(8, 118, 155);
  border-radius: 32px; 
  box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 8px;
}
#bmc-wbtn img {
  height: 40px; 
  width: 40px;
}


section.more {
  display: flex;
  flex-wrap: wrap;
  margin:auto 80px 50px;
}
section.more h3 {
  width: 100%;
  font-size: 2em;
  text-align:center;
}
section.more a {
  padding: 20px;
  font-weight: 900;
  font-size: 1.2em;
  text-align: center;
  min-width: 200px;
  width: 20%;
  flex-grow:1;
}
/* kamado tanjiro */
.kamado {
  --s:#f8d7b6;
  width: min(100vmin,445px);
  aspect-ratio: 1;
  margin: auto auto 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.kamado:after {
  content: "";
  position: absolute;
  width: 2.4%;
  height: 4%;
  background: #d29785;
  left: 47.6%;
  top: 69%;
  border-radius: 75% 25% 34% 66%/60% 19% 81% 40%;
  clip-path: polygon(0% 50%, 65% 0, 100% 0, 100% 100%, 0 100%);
}

.kamado:before {
  content: "";
  position: absolute;
  right: 22%;
  top: 37%;
  width: 28%;
  height: 12%;
  background: linear-gradient(#6e293c 0 0) 100% 42%/16% 9%, radial-gradient(102% 102% at 0 100%, #0000 97%, #6e293c) 100% 59%/27% 23%, radial-gradient(farthest-side, var(--s) 96%, #0000) 39% 74%/13% 19%, linear-gradient(to bottom right, #0000 30%, var(--s) 34% 65%, #0000 70%) 71% 79%/57% 35%, radial-gradient(farthest-side, var(--s) 96%, #0000) 44% 74%/14% 64%, radial-gradient(farthest-side, var(--s) 96%, #0000) 59% 67%/11% 29%, radial-gradient(farthest-side, var(--s) 96%, #0000) 78% 54%/18% 26%, radial-gradient(farthest-side, var(--s) 96%, #0000) 27% 100%/10% 33%, radial-gradient(farthest-side, var(--s) 96%, #0000) 40% 40%/16% 42%;
  background-repeat: no-repeat;
  z-index: 1;
  transform: skewX(-42deg);
}

.kamado .face {
  position: absolute;
  inset: 28% 22% 47% 23.5%;
  background: linear-gradient(var(--s) 0 0) 63% 80%/10% 10%, radial-gradient(farthest-side, var(--s) 96%, #0000) 50% 77%/8% 34%, radial-gradient(farthest-side, var(--s) 96%, #0000) 84% 20%/10% 12%, radial-gradient(farthest-side, var(--s) 96%, #0000) 78% 11%/8% 10%, linear-gradient(to bottom right, var(--s) 48%, #0000 52%) 58% 43%/8% 9%, radial-gradient(farthest-side, var(--s) 96%, #0000) 62% 3%/7% 8%, linear-gradient(to bottom right, var(--s) 48%, #0000 52%) 57% 39%/7% 32%, linear-gradient(to bottom right, var(--s) 49%, #0000 51%) 61% 0%/10% 32%, radial-gradient(farthest-side, var(--s) 96%, #0000) 60% 26%/7% 20%, conic-gradient(from 9deg at 51% 82%, #6e293c 66deg, #0000 0), var(--s);
  background-repeat: no-repeat;
  border-radius: 40% 40% 0 0/89% 84% 0 0;
  filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b) drop-shadow(0 0 0px #20101b);
}
.kamado .face div {
  position: absolute;
  inset: 98% 0 -157%;
  background: linear-gradient(#422102 0 0) 49% 46%/1px 5%, linear-gradient(#422102 0 0) 52% 46%/1px 6%, linear-gradient(#422102 0 0) 51% 47%/1px 6%, var(--s);
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.kamado .face div:before {
  content: "";
  position: absolute;
  width: 5%;
  height: 3%;
  left: 45%;
  bottom: 43%;
  border-top: 1px solid #422102;
  border-radius: 100% 100% 0 0;
  transform: rotate(29deg);
  clip-path: inset(0 0 0 15%);
}
.kamado .face div:after {
  content: "";
  position: absolute;
  width: 3%;
  height: 2%;
  right: 45%;
  bottom: 44%;
  border-top: 1px solid #422102;
  border-radius: 100% 100% 0 0;
  transform: rotate(-13deg);
}
.kamado .face:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--s);
  height: 135%;
  width: 37%;
  border-bottom-right-radius: 72% 59%;
  border-bottom-left-radius: 1%;
  transform-origin: top right;
  transform: skewX(-10deg) skewY(-20deg);
}
.kamado .face:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--s);
  height: 135%;
  width: 38%;
  border-bottom-left-radius: 72% 59%;
  border-bottom-right-radius: 5%;
  transform-origin: top left;
  transform: skewX(10deg) skewY(20deg);
}
.kamado .eye-r {
  position: absolute;
  right: 27.5%;
  top: 54%;
  width: 15.5%;
  height: 16%;
  background: linear-gradient(to bottom left, #0000 42%, #20101b 46%) 66% 102%/86% 13%, linear-gradient(to bottom right, #0000 42%, #20101b 46%) 88% 104%/39% 20%, radial-gradient(69% 92% at 51% 100%, #0000 98%, #20131d), radial-gradient(64% 81% at 47% 100%, #0000 98%, #cec5ca), #ffffff;
  background-repeat: no-repeat;
  border-radius: 50%;
  z-index: 3;
  clip-path: polygon(0 0, 100% 0, 100% 104%, 0 86%);
}
@supports (-moz-appearance: none) {
  .kamado .eye-r {
    clip-path: polygon(0 0, 100% 0, 100% 104%, 0 87%);
  }
}
.kamado .eye-r:before {
  content: "";
  position: absolute;
  background: radial-gradient(83% 96% at 50% 0, #0000 66%, #710c44 91%), #2f0e21;
  border-radius: 50%;
  inset: 20% 22% 15% 14%;
}
.kamado .eye-r::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 13%;
  background: #fff;
  top: 45%;
  left: 39%;
  transform: rotate(45deg);
  border-radius: 37%;
}
.kamado .eye-l {
  position: absolute;
  left: 29%;
  top: 54.5%;
  width: 15.5%;
  height: 16%;
  background: linear-gradient(to bottom left, #0000 42%, #20101b 46%) 18% 100%/35% 15%, linear-gradient(to bottom right, #0000 42%, #20101b 46%) 75% 101%/65% 13%, radial-gradient(70% 92% at 51% 100%, #0000 98%, #20131d), radial-gradient(64% 82% at 54% 100%, #0000 98%, #cec5ca), #ffffff;
  background-repeat: no-repeat;
  border-radius: 50%;
  z-index: 3;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 109%);
}
.kamado .eye-l:before {
  content: "";
  position: absolute;
  background: radial-gradient(83% 96% at 50% 0, #0000 66%, #710c44 91%), #2f0e21;
  border-radius: 50%;
  inset: 22% 15% 17% 24%;
}
.kamado .eye-l:after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 13%;
  background: #fff;
  top: 45%;
  right: 39%;
  transform: rotate(45deg);
  border-radius: 37%;
}
.kamado .mouth {
  position: absolute;
  bottom: 13%;
  left: 43%;
  width: 14%;
  height: 6%;
  border-radius: 56% 50% 0 0;
  border: 4px solid #422102;
  border-top-width: 1px;
  clip-path: inset(0 12% 18%);
}
.kamado .mouth:before {
  content: "";
  position: absolute;
  background: conic-gradient(from -57deg at 50% 111%, #d49d89 110deg, #0000 0);
  inset: 42% 34% 13% 38%;
  border-radius: 50%;
  filter: drop-shadow(0 0 0px #422102) drop-shadow(0 0 0px #422102) drop-shadow(0 0 0px #422102) drop-shadow(0 0 0px #422102);
}
.kamado .u-eye-l:before {
  content: "";
  position: absolute;
  top: 49%;
  right: 35%;
  height: 10%;
  width: 10%;
  background: #d5a193;
  border-radius: 91% 0 0 0;
  clip-path: polygon(0% 45%, 113% -8%, 86% 31%, 59% 40%, 0 100%);
}
.kamado .u-eye-l:after {
  content: "";
  position: absolute;
  background: radial-gradient(65% 78% at 50% 100%, #0000 92%, #20101b) 98% -12%/34% 45%, linear-gradient(to top left, #0000 49%, #20101b 50%) 0% 0%/76% 120%;
  background-repeat: no-repeat;
  border-top-right-radius: 20% 25%;
  right: 23%;
  top: 46%;
  height: 7.5%;
  width: 22%;
  clip-path: polygon(71% 0, 100% 0, 100% 100%, 0% 100%, 8% 89%);
}
.kamado .u-eye-r:before {
  content: "";
  position: absolute;
  background: #d39b8c;
  left: 37%;
  top: 51%;
  width: 11%;
  height: 11%;
  border-top-right-radius: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 41%, 23% 28%);
}
.kamado .u-eye-r:after {
  content: "";
  position: absolute;
  background: radial-gradient(65% 78% at 50% 100%, #0000 92%, #20101b) 0% 0%/34% 45%, linear-gradient(to top right, #0000 49%, #20101b 50%) 0% 90%/94% 121%;
  background-repeat: no-repeat;
  left: 26.5%;
  top: 47%;
  width: 20%;
  height: 8%;
  border-top-left-radius: 30% 25%;
  clip-path: polygon(0 0, 23% 0, 89% 78%, 100% 100%, 0 100%);
}
.kamado .ear-r {
  position: absolute;
  width: 9%;
  height: 16%;
  background: #f8d7b6;
  right: 17%;
  bottom: 23%;
  border-radius: 0 43% 47% 50%/0 23% 45% 95%;
  transform-origin: top;
  transform: skewX(-18deg);
  border: 1px solid #20101b;
  overflow: hidden;
}
.kamado .ear-r:before {
  content: "";
  position: absolute;
  inset: 14% 19% 19% 37%;
  background: radial-gradient(86% 59% at 101% 100%, var(--s) 89%, #20101b 91% 94%, #0000), #d19d92;
  box-shadow: -2px 2px 0 0 inset #20101b;
  border-radius: 0 32% 0 0;
  transform-origin: left;
  transform: skewY(40deg);
  clip-path: polygon(0 0, 100% 0, 100% 42%, 0 100%);
}
.kamado .earing-r:before,
.kamado .earing-l:before {
  content: "";
  position: absolute;
  right: 22%;
  bottom: 6%;
  width: 6%;
  height: 15.5%;
  background: radial-gradient(farthest-side, #66263e 98%, #0000) 50% 6%/27% 17%, linear-gradient(#332e35 0 0) top/100% 6%, linear-gradient(#332e35 0 0) bottom/100% 6%, radial-gradient(75% 39% at bottom, #d0d5d8 95%, #20101b 97% 99%, #0000), linear-gradient(to top left, #0000 46%, #20101b 48% 50%, #0000 54%) 0 0/54% 80%, linear-gradient(to top right, #0000 46%, #20101b 48% 50%, #0000 54%) 100% 0/54% 80%, linear-gradient(to top right, #0000 46%, #20101b 48% 50%, #0000 54%) 100% 0/74% 33%, linear-gradient(to top left, #0000 46%, #20101b 48% 50%, #0000 54%) 0 0/74% 33%, linear-gradient(#20101b 0 0) 50%/4% 100%, linear-gradient(#20101b 0 0) 0% 14%/100% 2% #fff;
  background-repeat: no-repeat;
  transform: rotateY(48deg) skewY(-21deg);
  box-sizing: border-box;
  border: 1px solid #20101b;
  border-radius: 2px;
  z-index: -1;
}
.kamado .earing-l:before {
  left: 24%;
  right: auto;
  transform: rotateY(-53deg) skewY(21deg);
}
.kamado .earing-r:after,
.kamado .earing-l:after {
  content: "";
  position: absolute;
  right: 24%;
  bottom: 21%;
  width: 2.5%;
  height: 5.5%;
  background: radial-gradient(farthest-side, #40303a 95%, #0000) top/73% 34%, linear-gradient(#20101b 0 0) 50%/15% 100%;
  background-repeat: no-repeat;
}
.kamado .earing-l:after {
  left: 25.5%;
  right: auto;
}
.kamado .ear-l {
  position: absolute;
  width: 10%;
  height: 16%;
  background: radial-gradient(55% 41% at bottom, var(--s) 95%, #d19d88);
  left: 18%;
  bottom: 23%;
  border-radius: 31% 0 0 63%/51% 0 0 70%;
  transform-origin: top;
  transform: skewX(16deg);
  border: 1px solid #20101b;
}
.kamado .ear-l:before {
  content: "";
  position: absolute;
  inset: 35% 0% 8% 30%;
  background: radial-gradient(34% 45% at 19% 105%, var(--s) 87%, #20101b 91% 98%, #0000), #d19d92;
  box-shadow: 2px 0px 0 inset #20101b;
  border-radius: 34% 0 0 66%/51% 0 0 71%;
  clip-path: polygon(0 0, 100% 0, 100% 101%, 0% 64%);
}
.kamado .neck {
  content: "";
  position: absolute;
  inset: 86% 26.5% 0% 30%;
  background: linear-gradient(to bottom left, #0000 48%, #20101b 53%) -3% 0/9% 132%, linear-gradient(to bottom right, #0000 48%, #20101b 53%) 102% 100%/6% 86%, linear-gradient(to bottom left, #0000 49%, #eef8ed 50%) 0% 100%/18% 66%, linear-gradient(to bottom right, #0000 49%, #eef8ed 50%) 100% 100%/18% 66%, #bcd3c1;
  background-repeat: no-repeat;
  border-radius: 27% 38% 0 0/27% 31% 0 0;
  clip-path: polygon(-3% 0, 103% 0, 96% 100%, 4% 100%);
  border: 2px solid #20101b;
  border-bottom: 0;
}
.kamado .neck:before {
  content: "";
  position: absolute;
  inset: 0 18% -9% 14%;
  background: linear-gradient(#1d0f1c 0 0) 50%/10% 100%, linear-gradient(to bottom left, #1d0f1c 49%, #0000 51%) -3% 0%/50% 75%, linear-gradient(to bottom right, #1d0f1c 49%, #0000 51%) 101% 0%/50% 79% #d69c84;
  background-repeat: no-repeat;
  border-right: 1px solid #20101b;
  border-left: 1px solid #20101b;
  transform: perspective(100px) rotateX(-5deg);
}
.kamado .neck:after {
  content: "";
  position: absolute;
  inset: 28% 4% 0 4%;
  background: linear-gradient(#20101b 0 0) 60% 100%/1px 43%, linear-gradient(#20101b 0 0) 36% 100%/1px 45%, linear-gradient(to bottom left, #0000 49%, #eef8ed 50%) 0% 100%/17% 70%, linear-gradient(to bottom right, #0000 49%, #eef8ed 50%) 100% 100%/20% 70%, radial-gradient(50% 57% at top, #0000 98%, #bcd3bf);
  background-repeat: no-repeat;
  filter: drop-shadow(0px -1px 0px #20101b);
}
.kamado .b-neck {
  position: absolute;
  inset: 94% 20% -17% 23%;
  border-radius: 37% 37% 0 0;
  background: #eef8ed;
  border: 2px solid #20101b;
}
.kamado .b-hair {
  position: absolute;
  inset: 29% 22% 52% 23.5%;
  border-radius: 51% 49% 0 0/100% 100% 0 0;
  box-shadow: 0 0 0 30vmin #221823;
  clip-path: inset(-7% -3% 0 -3%);
  z-index: 3;
}
.kamado .hair {
  --h: #87375a;
  --t: #221823;
  position: absolute;
  inset: 0 3% 26% 5%;
  background: radial-gradient(50% 76% at 50% 0, var(--h) 96%, #0000) 9% 91.5%/8% 2%, radial-gradient(100% 100% at 0 0, var(--h) 98%, #0000) 15.5% 89%/8% 11%, radial-gradient(104% 104% at 0 0, #0000 98%, var(--h)) 8% 89%/7% 9%, linear-gradient(var(--h) 0 0) 8% 80%/3% 7%, radial-gradient(100% 93% at 100% 100%, var(--h) 96%, #0000) 8% 72%/4% 12%, radial-gradient(100% 108% at 0% 0, #0000 96%, var(--h)) 3% 80%/5% 7%, radial-gradient(47% 75% at 50% 0, var(--h) 96%, #0000) 5% 85%/17% 5%, linear-gradient(var(--h) 0 0) 18% 50%/10% 10%, linear-gradient(var(--h) 0 0) 21% 37%/10% 10%, linear-gradient(var(--h) 0 0) 26% 27%/10% 18%, linear-gradient(var(--h) 0 0) 13% 75%/18% 30%, radial-gradient(146% 82% at 144% 0, var(--h) 96%, #0000) 1% 62%/10% 9%, radial-gradient(91% 93% at 17% 0, #0000 96%, var(--h)) 1% 53%/10% 8%, linear-gradient(111deg, #0000 49%, var(--h) 52%) 7% 49%/10% 7%, radial-gradient(52% 100% at 50% 100%, var(--h) 94%, #0000) 14% 43%/10% 7%, linear-gradient(96deg, #0000 49%, var(--h) 52%) 12% 35%/10% 9%, radial-gradient(56% 100% at 50% 100%, var(--h) 94%, #0000) 18% 30%/10% 7%, radial-gradient(100% 62% at 100% 35%, var(--h) 94%, #0000) 21% 25%/5% 9%, linear-gradient(118deg, #0000 51%, var(--h) 53%) 18% 17%/12% 8%, radial-gradient(108% 86% at 100% 100%, var(--h) 95%, #0000) 25% 12%/3.5% 6%, linear-gradient(168deg, #0000 47%, var(--h) 51%) 29% 7%/8% 10%, conic-gradient(from -145deg at 100% 0, #0000, var(--h) 2deg 30deg, #0000 32deg) 99% 41%/3% 3%, conic-gradient(from -145deg at 100% 0, #0000, var(--h) 2deg 30deg, #0000 31deg) 70% 9%/3% 3%, radial-gradient(52% 75% at 65% 100%, var(--h) 91%, #0000) 47% 6%/12% 5%, linear-gradient(var(--h) 0 0) 46% 12%/26% 12%, radial-gradient(75% 84% at 66% 0%, #0000 94%, var(--h)) 63% 6%/16% 6%, radial-gradient(98% 111% at 0% -17%, var(--h) 97%, #0000) 66% 12%/10% 6%, linear-gradient(var(--h) 0 0) 39% 20%/35% 20%, radial-gradient(84% 52% at 0 50%, var(--h) 96%, #0000) 44% 1%/2% 11%, radial-gradient(106% 112% at 0 0, #0000 98%, var(--h)) 31% -5%/18% 15%, conic-gradient(from -52deg at bottom, #0000, var(--h) 1deg 26deg, #0000 27deg) 95% 100%/23% 15%, linear-gradient(var(--h) 0 0) 86% 88%/11% 9%, radial-gradient(50% 100% at 50% -35%, var(--h) 96%, #0000) 91% 93.5%/12% 5%, radial-gradient(100% 106% at 100% 0%, #0000 98%, var(--h)) 93% 88%/6% 9%, linear-gradient(var(--h) 0 0) 92% 80%/5% 2%, radial-gradient(50% 100% at 50% -35%, var(--h) 96%, #0000) 95% 84.5%/10% 5%, linear-gradient(to bottom left, #0000 47%, var(--h) 50%) 95% 80%/3% 2%, linear-gradient(to bottom left, #0000 47%, var(--h) 50%) 92% 75%/5% 15%, radial-gradient(112% 123% at -13% -32%, var(--h) 98%, #0000) 101% 65%/14% 10.5%, radial-gradient(82% 99% at 85% 0%, #0000 98%, var(--h)) 100% 54%/13% 9.5%, radial-gradient(123% 130% at -18% -27%, var(--h) 98%, #0000) 97% 46%/13% 8%, radial-gradient(80% 94% at 75% 0%, #0000 98%, var(--h)) 97% 32%/15% 16%, radial-gradient(50% 100% at 50% 100%, var(--h) 98%, #0000) 69% 20%/46% 20%, linear-gradient(var(--h) 0 0) 85% 71%/18% 40%, linear-gradient(var(--h) 0 0) 52% 39%/64% 9%;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 0px 1px #20101b) drop-shadow(0px 0px 0px #20101b) drop-shadow(0px 0px 0px #20101b) drop-shadow(0px 0px 0px #20101b);
}
@supports (-moz-appearance: none) {
  .kamado .hair {
    filter: drop-shadow(0px 0px 1px #20101b) drop-shadow(0px 0px 1px #20101b) drop-shadow(0px 0px 1px #20101b) drop-shadow(0px 0px 0px #20101b);
  }
}
.kamado .hair:before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from 79deg at 0% 50%, #0000, var(--h) 1deg 6deg, #0000 8deg) 63% 25%/11% 5%, radial-gradient(50% 83% at 50% 100%, var(--t) 94%, #0000) 58% 22%/21% 3%, conic-gradient(from -105deg at 100% 50%, #0000, var(--t) 1deg 18deg, #0000 20deg) 54% 6%/12% 14%, conic-gradient(from 21deg at 0 100%, #0000, var(--t) 1deg 23deg, #0000 24deg) 19% 98%/9% 14%, conic-gradient(from 10deg at 0 100%, #0000, var(--t) 1deg 23deg, #0000 24deg) 10% 71%/10% 11%, radial-gradient(81% 102% at 0% 0%, #0000 96%, var(--t)) 7% 76%/7% 17%, radial-gradient(100% 94% at 100% 0%, var(--t) 94%, #0000) 7% 84%/6% 5%, radial-gradient(48% 47% at 50% 0%, var(--t) 94%, #0000) 12.5% 90.8%/5% 2%, radial-gradient(66% 83% at 0% 0%, var(--t) 97%, #0000) 19% 92%/12% 30%, radial-gradient(66% 83% at 0% 14%, var(--t) 97%, #0000) 13% 84%/4% 6%, radial-gradient(82% 100% at 0% 0%, #0000 97%, var(--t)) 13% 86%/5% 21%, radial-gradient(61% 90% at 100% 100%, var(--t) 95%, #0000) 15% 65%/4% 27%, linear-gradient(89deg, var(--t) 44%, #0000 49%) 13% 72%/6% 26%, conic-gradient(from 90deg at 0 0, var(--t) 33deg, #0000 34deg) 5% 65%/9% 10%, radial-gradient(85% 98% at 100% 100%, #0000 98%, var(--t)) 15% 56%/10% 10%, radial-gradient(96% 101% at 0 0, #0000 98%, var(--t)) 5% 55%/9% 9%, linear-gradient(102deg, #0000 44%, var(--t) 46%) 10% 47%/10% 7%, linear-gradient(to bottom right, #0000 46%, var(--t) 49%) 15% 41%/5% 5%, radial-gradient(100% 49% at 100% 9%, var(--t) 98%, #0000) 23% 31%/5% 14%, linear-gradient(to bottom right, #0000 45%, var(--t) 47%) 23% 17%/5% 12%, linear-gradient(var(--t) 0 0) 29% 35%/12% 4%, radial-gradient(54% 44% at 50% 111%, var(--t) 96%, #0000) 29% 9%/10% 7%, linear-gradient(to top right, #0000 39%, var(--h) 40% 65%, #0000 0) 75% 22%/20% 13%, conic-gradient(from 71deg at 0 50%, #0000, var(--h) 1deg 27deg, #0000 30deg) 60% 15%/11% 20%, radial-gradient(50% 100% at 51% 100%, var(--t) 97%, #0000) 60% 22%/40% 20%, linear-gradient(-144deg, #0000 49%, var(--t) 51%) 81% 29%/21% 13%, linear-gradient(65deg, #0000 36%, var(--t) 38% 49%, #0000 50%) 96% 45%/25% 16%, radial-gradient(125% 120% at -25% -22%, var(--t) 98%, #0000) 94% 64%/8% 9%, radial-gradient(101% 103% at 101% 0%, #0000 96%, var(--t)) 94.5% 56%/8% 6%, radial-gradient(72% 70% at 0% 50%, #0000 96%, var(--t)) 86.5% 70%/6% 24%, linear-gradient(74deg, #0000 46%, var(--t) 50%) 87% 80%/6% 4%, radial-gradient(83% 100% at 100% 0, #0000 96%, var(--t)) 91% 77%/5% 16%, linear-gradient(var(--t) 0 0) 80% 80%/8% 20%, linear-gradient(74deg, #0000 47%, var(--t) 49%) 82% 88%/7% 7%, linear-gradient(80deg, var(--t) 47%, #0000 49%) 84% 92%/12% 9%, linear-gradient(var(--t) 0 0) 83% 87%/3% 18%, radial-gradient(99% 50% at 0% 50%, var(--t) 96%, #0000) 84% 71%/4% 35%, radial-gradient(104% 97% at 100% 0%, #0000 96%, var(--t)) 88% 88%/5.5% 13%, radial-gradient(50% 100% at 50% 0, var(--t) 96%, #0000) 88% 91%/8% 2%, conic-gradient(from -53deg at 100% 100%, #0000, var(--t) 1deg 22deg, #0000 24deg) 80% 99%/18% 7%;
  background-repeat: no-repeat;
}
.kamado .hair:after {
  content: "";
  position: absolute;
  width: 28%;
  height: 15%;
  background: var(--t);
  top: 14%;
  left: 28%;
  transform: rotate(-30deg);
  border-radius: 20% 58% 0 0/90% 50% 0 0;
  -webkit-mask-image: radial-gradient(57% 42% at 82% 85%, #0000 98%, #000);
}
.kamado .b-hair:before {
  content: "";
  position: absolute;
  left: 24%;
  top: 5%;
  height: 8%;
  width: 12%;
  background: var(--s);
  border-radius: 50%;
  transform: rotate(-41deg);
}
.kamado .b-hair:after {
  content: "";
  position: absolute;
  left: 18%;
  top: 12%;
  height: 6%;
  width: 10%;
  background: var(--s);
  border-radius: 50%;
}
.kamado .f1:before {
  content: "";
  position: absolute;
  right: 9%;
  height: 9%;
  border-left: 2px solid #221823;
  width: 7%;
  bottom: 35%;
  transform: rotate(-16deg);
  border-bottom-left-radius: 57% 90%;
}
.kamado .f1:after {
  content: "";
  position: absolute;
  right: 7.5%;
  height: 10%;
  border-left: 2px solid #221823;
  width: 7%;
  bottom: 65%;
  transform: rotate(-26deg);
  transform-origin: bottom right;
}
.kamado .f2:before {
  content: "";
  position: absolute;
  width: 24%;
  height: 15%;
  right: 36%;
  top: 12%;
  border-top: 2px solid #221823;
  border-top-left-radius: 84% 64%;
}
.kamado .f2::after {
  content: "";
  position: absolute;
  width: 21%;
  height: 8%;
  right: 53%;
  top: 5.5%;
  border-top: 2px solid #221823;
  border-left: 1px solid #221823;
  border-top-left-radius: 24% 63%;
  transform-origin: top right;
  transform: rotate(-30deg);
  box-shadow: 0 0 0 20vmin #221823;
  clip-path: polygon(13% -43%, 50% -12%, 92% -26%, 84% 0, 100% 0, 95% 100%, 0 100%, 0% 123%, -22% 111%);
  background: linear-gradient(#87375a 0 0) top/20% 20% no-repeat;
}
.kamado .f3:before {
  content: "";
  position: absolute;
  width: 11%;
  height: 7%;
  left: 24%;
  top: 19%;
  border-left: 2px solid #221823;
  border-bottom-left-radius: 50% 93%;
  box-shadow: 0 0 0 20vmin #221823;
  clip-path: polygon(0 0, 100% 0, 97% 100%, 57% 97%, 59% 131%, -41% 97%, -21% 35%, 3% 32%);
  transform: rotate(-17deg);
}
.kamado .f3:after {
  content: "";
  position: absolute;
  width: 5%;
  height: 2px;
  left: 19%;
  top: 30%;
  background: linear-gradient(#221823 0 0) 50%/100% 75% no-repeat;
  transform: rotate(-32deg);
  transform-origin: bottom left;
}
.kamado .f4:before {
  content: "";
  position: absolute;
  height: 17%;
  width: 18%;
  background: radial-gradient(64% 95% at 50% 100%, #0000 98%, #20101b);
  border-radius: 50%;
  right: 26.5%;
  top: 54%;
  clip-path: polygon(21% 0, 100% 0, 100% 100%, -17% 100%);
}
.kamado .f4:after {
  content: "";
  position: absolute;
  height: 17%;
  width: 18%;
  background: radial-gradient(64% 95% at 50% 100%, #0000 98%, #20101b);
  border-radius: 50%;
  left: 28%;
  top: 54.5%;
  clip-path: polygon(0% 0, 81% 0%, 116% 100%, 0% 100%);
}
.kamado .f5:before {
  content: "";
  position: absolute;
  border-top: 1px solid #20101bdd;
  width: 23%;
  height: 17%;
  left: 26%;
  top: 52.5%;
  border-radius: 50%;
  clip-path: inset(0 8% 0% 30%);
}
.kamado .f5:after {
  content: "";
  position: absolute;
  background: #20101bdd;
  width: 3%;
  height: 1px;
  left: 28%;
  top: 55%;
  transform: rotate(-40deg);
}
.kamado .f6:before {
  content: "";
  position: absolute;
  background: #20101bdd;
  width: 5%;
  height: 1px;
  left: 43%;
  top: 57.5%;
  transform: rotate(52deg);
}
.kamado .f6:after {
  content: "";
  position: absolute;
  background: #20101bdd;
  width: 4%;
  height: 1px;
  right: 27%;
  top: 54.5%;
  transform: rotate(34deg);
}
.kamado .f7:before {
  content: "";
  position: absolute;
  border-top: 1px solid #20101bdd;
  width: 23%;
  height: 26%;
  right: 25%;
  top: 52%;
  border-radius: 50%;
  clip-path: inset(0 30% 0% 30%);
}
.kamado .f7:after {
  content: "";
  position: absolute;
  background: #20101bdd;
  width: 5%;
  height: 1px;
  right: 40.5%;
  top: 56%;
  transform: rotate(-54deg);
}
.kamado .f8:before {
  content: "";
  position: absolute;
  right: 44%;
  top: 43%;
  width: 5%;
  height: 5%;
  border-radius: 50%;
  box-shadow: 0 0 0 10vmin #6e293c;
  clip-path: inset(-62% 37% 34% -4%);
  transform: rotate(30deg);
}
.kamado .f8:after {
  content: "";
  position: absolute;
  inset: 78% 26% 0% 27%;
  background: radial-gradient(50% 79% at 50% 0, #221823 96%, #0000) 100% 32%/15% 8%, radial-gradient(64% 85% at 100% 0, #0000 96%, #221823) 100% 0%/11% 30%, linear-gradient(-102deg, #0000 36%, #221823 38%) 100% 0%/23% 100%, radial-gradient(50% 65% at 50% 0, #221823 96%, #0000) 4% 57%/10% 8%, linear-gradient(#221823 0 0) 11% 26%/10% 26%, radial-gradient(95% 108% at 0 0, #0000 97%, #221823) 0% 15%/11% 44%, conic-gradient(from 26deg at 0 100%, #0000, #221823 1deg 27deg, #0000 28deg) 0% 1%/36% 37%;
  background-repeat: no-repeat;
  z-index: -2;
}

.kamado *,
.kamado *:before,
.kamado *:after {
  box-sizing:content-box;
}

/* San Goku */
.songoku {
  --m: #f9ddcc;
  --t: #120e0d;
  width: min(100vmin, 500px);
  aspect-ratio: 1.1;
  margin: auto auto 0;
  position: relative;
  overflow: hidden;
  box-sizing:content-box;
}
.songoku *,
.songoku *:before,
.songoku *:after {
  box-sizing:content-box;
}

.songoku .face {
  position: absolute;
  inset: 50% 29% 7% 33%;
  background: radial-gradient(85% 50% at right, var(--m) 94%, #0000) 49% 95%/13% 9%, radial-gradient(79% 100% at top, #0000 75%, var(--t) 81% 98%, #0000) 49% 53%/4% 3%, radial-gradient(39% 84% at top, #000 85%, #0000) 56% 53%/7% 2%, radial-gradient(50% 50%, #000 94%, #0000) 43.5% 52%/5% 3%, linear-gradient(to bottom right, #0000 44%, #000 56%) 44% 49%/4% 7%, linear-gradient(to bottom left, #0000 44%, #000 56%) 54% 49.5%/3% 6%, linear-gradient(-16deg, #0000 27%, #000 31% 71%, #0000 77%) 56.5% 51%/6% 5%, radial-gradient(farthest-side at 50% 81%, var(--t) 31%, #0000) 51% 84%/12% 2%, radial-gradient(farthest-side, #e8a690 98%, #0000) 48% 87%/18% 5%, conic-gradient(from -131deg at 100% 0, #e8a690 26deg, #0000 0) 53% 57%/14% 13%, linear-gradient(-106deg, #0000 25%, #ba6d64 0 78%, #0000 0) 4% 27%/17% 46%, conic-gradient(from 30deg, #0000 125deg, #e8a690 0) 19% 19%/40% 50%, linear-gradient(#e8a690 0 0) 43% 86%/11% 40%, conic-gradient(from -38deg at 50% 100%, var(--m) 74deg, #0000 0);
  background-repeat: no-repeat;
}
.songoku .face:before {
  content: "";
  position: absolute;
  right: 49%;
  bottom: -2%;
  width: 38%;
  height: 27%;
  background: linear-gradient(-45deg, #0000 20%, #ba6d64 0) 4% 12%/39% 17%, radial-gradient(107% 80% at 0 100%, #0000 96%, var(--m)) 79% 0%/26% 34%, radial-gradient(85% 55% at right, var(--m) 97%, #0000) 104% 83%/17% 26%, conic-gradient(from -14deg at 40% 89%, #ba6d64, #e8a690 1deg 112deg, #ba6d64 117deg);
  background-repeat: no-repeat;
  border-left: 2px solid var(--t);
  border-bottom: 2px solid var(--t);
  border-radius: 0 0 34% 30%/0 0 13% 60%;
  transform-origin: bottom right;
  transform: skewY(36deg) skewX(14deg);
}
.songoku .face:after {
  content: "";
  position: absolute;
  left: 49%;
  bottom: -2%;
  width: 38%;
  height: 31%;
  background: linear-gradient(to bottom right, #0000 50%, var(--m) 0);
  border-right: 2px solid var(--t);
  border-bottom: 2px solid var(--t);
  border-radius: 0 0 30% 34%/0 0 82% 13%;
  transform-origin: bottom left;
  transform: skewY(-36deg) skewX(-15deg);
}
.songoku .mouth:before {
  content: "";
  position: absolute;
  right: 41%;
  bottom: 19%;
  width: 7%;
  height: 2%;
  border-right: 2px solid var(--t);
  border-top: 2px solid var(--t);
  border-radius: 0 47% 0 0;
  transform: skewX(16deg);
  z-index: 1;
}
.songoku .mouth:after {
  content: "";
  position: absolute;
  left: 43%;
  bottom: 19%;
  width: 7%;
  height: 2%;
  border-left: 2px solid var(--t);
  border-top: 2px solid var(--t);
  border-radius: 47% 0 0 0;
  transform: skewX(-16deg);
  z-index: 1;
}
.songoku .noose {
  position: absolute;
  width: 10%;
  height: 10%;
  bottom: 23%;
  left: 44%;
  transform: rotate(45deg) skewX(18deg);
  border: 2px solid var(--t);
  border-right: 1px solid var(--t);
  border-top: 0;
  border-radius: 0 0 85% 0;
  clip-path: polygon(0 0, 100% 37%, 100% 100%, 0 100%);
  overflow: hidden;
}
.songoku .noose:before {
  content: "";
  position: absolute;
  width: 109%;
  height: 60%;
  background: #ba6d64;
  border-top: 2px solid var(--t);
  border-right: 2px solid var(--t);
  top: 0;
  left: 0;
  transform-origin: top left;
  transform: rotate(56deg);
  border-radius: 0 75% 0 0;
}
.songoku .eye-r,
.songoku .eye-l {
  position: absolute;
  width: 28%;
  height: 20%;
  right: 13%;
  bottom: 43%;
  background: radial-gradient(farthest-side, #000 90%, #0000) 9% 55%/36% 41% no-repeat, linear-gradient(#ffffff 0 0) left/74% 100% no-repeat;
  z-index: 1;
  clip-path: polygon(-16% 84%, 100% 6%, 100% 100%, 0 100%);
  border-radius: 0 0 0 10%;
}
.songoku .eye-l {
  left: 13%;
  right: auto;
  transform: scaleX(-1);
}
.songoku .eye-r:before,
.songoku .eye-l:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 60%;
  border-left: 2px solid var(--t);
  border-bottom: 2px solid var(--t);
  border-radius: 0 0 0 25%;
  transform-origin: bottom;
  transform: skewX(12deg);
}
.songoku .eye-l::before {
  height: 51%;
}
.songoku .eye-r:after,
.songoku .eye-l:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20%;
  height: 81%;
  border-right: 2px solid var(--t);
  border-bottom: 2px solid var(--t);
  border-radius: 0 0 59% 0/0 0 30% 0;
  transform-origin: top;
  transform: skewX(-17deg);
  background: #fff;
}
.songoku .t-eye-r {
  position: absolute;
  right: 11%;
  top: 30%;
  width: 36%;
  height: 10%;
  background: #000;
  transform-origin: right;
  transform: rotate(-30deg);
  z-index: 2;
  clip-path: polygon(0 26%, 100% 0, 92% 100%, 77% 71%, 0% 56%);
}
.songoku .t-eye-l {
  position: absolute;
  left: 12%;
  top: 29%;
  width: 37%;
  height: 10%;
  background: #000;
  transform-origin: left;
  transform: rotate(30deg);
  z-index: 2;
  clip-path: polygon(0 0, 32% 0, 100% 43%, 100% 63%, 17% 84%, 5% 100%);
}
.songoku .u-eyes:before {
  content: "";
  position: absolute;
  right: 21%;
  bottom: 35%;
  width: 19%;
  height: 4%;
  border-top: 2px solid var(--t);
  border-radius: 50% 50% 0 0;
}
.songoku .u-eyes:after {
  content: "";
  position: absolute;
  left: 18%;
  bottom: 36%;
  width: 22%;
  height: 4%;
  border-top: 2px solid var(--t);
  border-radius: 50% 50% 0 0;
  transform-origin: right;
  transform: rotate(3deg);
}
.songoku .hair:after {
  content: "";
  position: absolute;
  z-index: 3;
  background: linear-gradient(#000 0 0) 35% 61%/9% 10%, radial-gradient(44% 100% at 52% 109%, #000 98%, #0000) 0% 62%/28% 7%, linear-gradient(to top left, #000 51%, #0000 53%) 27% 62%/5% 16%, linear-gradient(to bottom left, #000 51%, #0000 53%) 27% 62%/7% 33%, radial-gradient(50% 100% at 50% 115%, #252525 98%, #0000) 5% 60%/28% 11%, radial-gradient(50% 100% at 50% 114%, #595959 98%, #0000) 6% 58%/33% 13%, radial-gradient(50% 100% at 50% 118%, #252525 98%, #0000) 5% 57%/35% 15%, radial-gradient(82% 51% at 102% 64%, #0000 93%, #000) 35% 93.5%/4% 13%, conic-gradient(from -48deg at 100% 100%, #0000, #000 1deg 23deg, #0000 28deg) 33% 92%/10% 10%, radial-gradient(82% 114% at 100% 98%, #0000 98%, #000) 40% 85%/10% 11%, radial-gradient(88% 91% at 100% 0, #000 98%, #0000) 31% 95%/5% 14%, linear-gradient(#000 0 0) 28.5% 82%/12% 6%, linear-gradient(to bottom right, #000 48%, #0000 50%) 54.5% 96%/4% 10%, radial-gradient(62% 56% at -11% 72%, #0000 91%, #000) 55% 72%/3% 4%, radial-gradient(100% 119% at 109% 118%,#000 96%,#0000) 54% 84%/4% 18%, conic-gradient(from 25deg at 0 100%, #0000, #000 2deg 28deg, #0000 30deg) 70% 90%/10% 11%, radial-gradient(85% 52% at 0 100%, #0000 92%, #000) 65.5% 80%/4% 7%, radial-gradient(111% 128% at -3% 0%, #0000 96%, #000) 68% 89%/5% 14%, radial-gradient(100% 100% at 0% 0%, #000 98%, #0000) 73% 90%/5% 9%, linear-gradient(#000 0 0) 76% 81%/12% 10%, linear-gradient(to bottom right, #000 50%, #0000 51%) 98.5% 83%/21% 16%, radial-gradient(50% 100% at 50% 148%, #000 98%, #0000) 102% 67%/34% 10%, linear-gradient(#000 0 0) 88% 73%/37% 5%, linear-gradient(to bottom right, #000 49%, #0000 50%) 63% 86%/12% 14%, linear-gradient(#000 0 0) 65% 67%/28% 11%, radial-gradient(100% 50% at 129% 52%, #000 95%, #0000) 40% 93%/4% 36%, radial-gradient(156% 166% at 150% 150%, #0000 98%, #000) 49% 93%/14% 25%, radial-gradient(119% 96% at 115% 100%, #000 92%, #0000) 13% 21%/9% 5%, radial-gradient(148% 151% at -40% 140%, #0000 98%, #000) 12% 35%/17% 31%, radial-gradient(83% 100% at 17% 100%, #000 98%, #0000) 26% 23%/21% 14%, linear-gradient(#000 0 0) 55% 61%/3% 14%, linear-gradient(#000 0 0) 25% 74%/3% 23%, radial-gradient(120% 128% at 0 100%, #0000 87%, #000 88%) -27% 88%/41% 27%, radial-gradient(79% 101% at 0 100%, #0000 69%, #000 0 98%, #0000) 46% 5%/20% 10%, radial-gradient(100% 112% at 0 100%, #0000 98%, #000) 35% 7.5%/9% 37%, radial-gradient(100% 100% at 0 100%, #000 98%, #0000) 48.5% 8%/16% 16%, radial-gradient(50% 100% at 50% 139%, #000 98%, #0000) 1% 54%/40% 22%, linear-gradient(#000 0 0) 34% 59%/22% 44%, linear-gradient(#000 0 0) 47% 32%/13% 50%, linear-gradient(to top right, #000 65%, #0000 67%) 58% 27%/9% 37%, radial-gradient(97% 97% at 0% 92%, #000 98%, #0000) 70% 54%/21% 29%;
  background-repeat: no-repeat;
  inset: 0% 0% 27% 0%;
}
.songoku .hair:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 58% 2% 18% 9%;
  background: radial-gradient(100% 93% at 0 100%, #0000 96%, #000) 23% 100%/15% 16%, linear-gradient(#000 0 0) 28% 82%/10% 18%, radial-gradient(50% 95% at 50% 113%, #000 95%, #0000) 21% 82%/10% 16%, radial-gradient(77% 111% at 0 100%, #0000 98%, #000) 18% 74%/10% 33%, linear-gradient(to bottom left, #000 49%, #0000 50%) 4% 47%/30% 42%, radial-gradient(50% 105% at 50% 129%, #000 96%, #0000) 3% 5%/35% 24%, radial-gradient(100% 102% at 94% 97%, #0000 96%, #000) 84% 108%/26% 26%, linear-gradient(#000 0 0) 75% 62%/8% 13%, conic-gradient(from -96deg at right, #0000, #000 1deg 30deg, #0000 32deg) 79% 95%/30% 38%, radial-gradient(103% 117% at 86% 111%, #0000 96%, #000) 88% 75%/13% 44%, conic-gradient(from -111deg at 94% 23%, #0000, #000 1deg 32deg, #0000 34deg) 100% 0%/29% 93%;
  background-repeat: no-repeat;
}
.songoku .ear-r {
  position: absolute;
  width: 9%;
  height: 16%;
  background: radial-gradient(50% 100% at bottom, #0000 84%, var(--t) 90% 96%, #0000) 74% 8%/63% 34% no-repeat, var(--m);
  right: 24%;
  bottom: 23%;
  border-radius: 0 43% 59% 0/0 23% 55% 0;
  transform-origin: top;
  transform: skewX(-18deg);
  border: 1px solid var(--t);
  overflow: hidden;
}
.songoku .ear-r::before {
  content: "";
  position: absolute;
  inset: 35% 24% 19% 46%;
  background: linear-gradient(var(--t) 0 0) 0 23%/100% 5% no-repeat, radial-gradient(86% 47% at 100% 100%, #f9ddcc 89%, var(--t) 91% 98%, #0000), #e8a690;
  box-shadow: -2px 2px 0 0 inset var(--t);
  border-radius: 0 32% 0 0;
  transform-origin: left;
  transform: skewY(40deg);
  clip-path: polygon(0 0, 100% 0, 100% 53%, 0 100%);
}
.songoku .ear-l {
  position: absolute;
  width: 10%;
  height: 16%;
  background: radial-gradient(50% 102% at 54% 100%, #0000 82%, var(--t) 94% 96%, var(--m)) 13% 21%/43% 33% no-repeat, radial-gradient(50% 50%, #e8a690 82%, #0000) 20% 22%/24% 21% no-repeat, var(--m);
  left: 26.5%;
  bottom: 23%;
  box-shadow: 1px -4px 3px inset #e8a690;
  border-radius: 31% 0 0 79%/51% 0 0 62%;
  transform-origin: top;
  transform: skewX(16deg);
  border: 1px solid var(--t);
}
.songoku .ear-l:before {
  content: "";
  position: absolute;
  inset: 46% 0% 13% 30%;
  background: radial-gradient(34% 24% at 10% 2%, #cc8275 85%, var(--t) 88% 98%, #0000), radial-gradient(27% 47% at 31% 110%, #f9ddcc 87%, var(--t) 91% 98%, #0000), #e8a690;
  box-shadow: 2px 0px 0 inset var(--t);
  border-radius: 34% 0 0 66%/51% 0 0 71%;
  clip-path: polygon(0 0, 100% 0, 100% 59%, 0% 80%);
}
.songoku .e1 {
  position: absolute;
  width: 33%;
  height: 20%;
  left: 10%;
  top: 15%;
  background: radial-gradient(81% 103% at 6% 115%, #000 98%, #0000), radial-gradient(97% 83% at 1% 90%, #252525 98%, #0000) #595959;
  -webkit-mask: radial-gradient(81% 103% at 6% 115%, #0000 98%, #000 0);
  z-index: 8;
  border-radius: 48% 68% 0 0/24% 85% 0 0;
  clip-path: polygon(-9% 0%, 100% 0, 100% 75%, 86% 100%);
  border: 2px solid #252525;
}
.songoku .e2 {
  position: absolute;
  top: 4%;
  left: 39%;
  width: 23%;
  height: 30%;
  background: radial-gradient(65% 110% at -5% 111%, #000 99%, #0000), linear-gradient(#252525 0 0) 0 100%/100% 18% no-repeat, radial-gradient(85% 100% at 0 100%, #252525 99%, #0000) 0 0/100% 191%, #595959;
  z-index: 4;
  border-radius: 0 95% 0 0/0 100% 0 0;
  clip-path: polygon(0 0, 61% 7%, 96% 88%, 60% 93%);
}
.songoku .e3 {
  position: absolute;
  left: 12%;
  top: 61%;
  width: 13%;
  height: 6%;
  background: radial-gradient(66% 54% at 33% 100%, #000 98%, #0000), radial-gradient(114% 111% at 62% 132%, #0000 98%, #595959), #252525;
  border-radius: 100% 0 0 0/84% 0 0 0;
  clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 52%);
}
.songoku .e4 {
  position: absolute;
  right: 6%;
  top: 48%;
  width: 19%;
  height: 8%;
  background: radial-gradient(89% 77% at 96% 100%, #000 98%, #0000), radial-gradient(100% 92% at 64% 100%, #0000 98%, #585858), #252525;
  z-index: 4;
  border-radius: 47% 50% 0 50%/27% 24% 0 63%;
  clip-path: polygon(0 0, 100% 0, 100% 18%, 0 86%);
}
.songoku .e5 {
  position: absolute;
  right: 4%;
  top: 60%;
  width: 21%;
  height: 7%;
  background: linear-gradient(-20deg, #0000 68%, #595959 70%), linear-gradient(6deg, #0000 65%, #595959 67%), #252525;
  z-index: 4;
  clip-path: polygon(34% 3%, 100% 45%, 67% 49%, 0 100%, 11% 50%);
}
.songoku .e6 {
  position: absolute;
  right: 16%;
  top: 73%;
  height: 4%;
  width: 10%;
  background: linear-gradient(13deg, #0000 53%, #595959 56%) #252525;
  clip-path: polygon(31% 8%, 88% 77%, 54% 63%, 0 90%);
}
.songoku .e7 {
  position: absolute;
  top: 50%;
  right: 34%;
  width: 14%;
  height: 20%;
  background: linear-gradient(-61deg, #0000 57%, #252525 58%), linear-gradient(-52deg, #595959 53%, #252525 55%);
  z-index: 4;
  clip-path: polygon(67% 5%, 88% 30%, 29% 67%, 3% 98%, 13% 65%);
  border-radius: 0 79% 0 0/0 62% 0 0;
}
.songoku .e8 {
  position: absolute;
  right: 46%;
  top: 45%;
  width: 12%;
  height: 24%;
  background: radial-gradient(128% 159% at 82% 100%, #595959 62%, #252525 63%) 0 0/228%;
  -webkit-mask: radial-gradient(128% 159% at 85% 96%, #0000 63%, #000 64%) 0 0/375%;
  z-index: 4;
  border-radius: 100% 0 0 0/76% 0 0 0;
  clip-path: polygon(0 0, 42% 0%, 84% 16%, 91% 27%, 22% 71%, 0 100%);
}
.songoku .neck-1 {
  position: absolute;
  inset: 78% 33.5% 0 36.5%;
  background: linear-gradient(to bottom left, #0000 47%, var(--t), #0000 52%) 34% 51%/25% 56%, linear-gradient(var(--t) 0 0) 50% 89%/2px 14%, linear-gradient(to bottom left, #0000 48%, var(--t), #0000 51%) 4% 50%/36% 100%, linear-gradient(to bottom right, #0000 48%, var(--t), #0000 51%) 107% 50%/45% 100%, conic-gradient(from -27deg at bottom, #ba6d64 29deg, #0000 31deg) 50% 89%/20% 25%, conic-gradient(from -146deg at 100% 0, var(--m) 23deg, #0000 0) 61% 108%/17% 40%, conic-gradient(from 126deg at 0 0, #e8a690 28deg, #0000 0) 37% 100%/24% 44%, conic-gradient(from 123deg at 0 0, #ba6d64 31deg, #0000 0) 25% 100%/32% 64%, conic-gradient(from -153deg at 100% 0, #e8a690 66deg, #0000 0) 100% 50%/50% 100%, linear-gradient(90deg, #e8a690 50%, var(--m) 0);
  background-repeat: no-repeat;
  border-right: 2px solid;
  border-left: 2px solid;
  border-image: linear-gradient(var(--t) 64%, #0000 0) 2;
  transform: perspective(100px) rotateX(9deg);
}
.songoku .neck-1:before {
  content: "";
  position: absolute;
  right: 12%;
  bottom: 5%;
  width: 16%;
  height: 45%;
  background: radial-gradient(123% 71% at 114% -9%, #0000 98%, #e8a690);
  border-radius: 0 0 0 51%;
  border-left: 2px solid var(--t);
  border-top: 2px solid var(--t);
  clip-path: polygon(0 15%, 100% 10%, 100% 100%, 0 100%);
  transform: rotate(30deg);
  transform-origin: bottom left;
}
.songoku .neck-1:after {
  content: "";
  position: absolute;
  left: 8%;
  bottom: 0;
  height: 52%;
  width: 14%;
  background: radial-gradient(98% 70% at 0% 0%, #0000 98%, #ba6d64);
  border-right: 2px solid var(--t);
  transform-origin: bottom right;
  transform: rotate(-19deg);
  border-radius: 0 0 36% 0;
}
.songoku .b-neck {
  position: absolute;
  inset: 83% 15% -12% 17%;
  background: linear-gradient(to bottom right, #0000 48%, var(--t), #0000 51%) -2% 59%/30% 50%, linear-gradient(to bottom left, #0000 48%, var(--t), #0000 51%) 93% 57%/19% 48%, linear-gradient(to bottom left, #0000 48%, var(--t), #0000 51%) 96% 57%/24% 48%, conic-gradient(from 47deg at 23% 47%, #e8a690 58deg, #0000 69deg) 21% 0%/28% 100%, conic-gradient(from 63deg at 0 66%, #ba6d64 20deg, #0000 0) 0 0/28% 100%, conic-gradient(from 139deg at 3% 0%, #e8a690 30deg, #0000 36deg) 95% 49%/21% 39%, linear-gradient(90deg, #e8a690 50%, var(--m) 0);
  background-repeat: no-repeat;
  border-radius: 50% 50% 0 0/100% 101% 0 0;
  border: 2px solid var(--t);
  border-bottom: 0;
  overflow: hidden;
}
.songoku .b-neck:before {
  content: "";
  position: absolute;
  right: 4%;
  top: 47%;
  width: 21%;
  height: 17%;
  background: #e8a690;
  border: 1px solid var(--t);
  border-radius: 50% 50% 0 0;
}
.songoku .b-neck:after {
  content: "";
  position: absolute;
  left: 4%;
  top: 48%;
  width: 19%;
  height: 17%;
  background: #ba6d64;
  border: 1px solid var(--t);
  border-radius: 50% 50% 0 0;
}
.songoku .n1:before {
  content: "";
  position: absolute;
  left: -18%;
  height: 14%;
  bottom: -5%;
  width: 54%;
  background: #e8a690;
  z-index: 3;
  border-radius: 100% 100% 0 0;
  border: 1px solid var(--t);
  border-bottom: 0;
}
.songoku .n1:after {
  content: "";
  position: absolute;
  right: -16%;
  height: 14%;
  bottom: -6%;
  width: 52%;
  background: var(--m);
  z-index: 3;
  border-radius: 100% 100% 0 0;
  border: 1px solid var(--t);
  border-bottom: 0;
}
.songoku .cr:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 19%;
  width: 7%;
  height: 9.5%;
  background: radial-gradient(44% 52% at 0 53%, var(--t) 97%, #193768);
  -webkit-mask: radial-gradient(40% 48% at 0 53%, #0000 96%, #000);
  border: 2px solid var(--t);
  border-bottom: 0;
  border-radius: 37% 52% 0 0;
}
.songoku .cr:after {
  content: "";
  position: absolute;
  bottom: -7%;
  right: 10%;
  width: 14.5%;
  height: 15%;
  background: radial-gradient(37% 53% at 0 18%, var(--t) 96%, #fe6505);
  -webkit-mask: radial-gradient(35% 52% at 0 18%, #0000 96%, #000);
  border: 2px solid var(--t);
  border-bottom: 0;
  border-radius: 29% 100% 0 0;
}
.songoku .cl:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 21%;
  width: 7%;
  height: 9.5%;
  background: radial-gradient(44% 52% at 100% 53%, var(--t) 97%, #061b39);
  -webkit-mask: radial-gradient(40% 48% at 100% 53%, #0000 96%, #000);
  border: 2px solid var(--t);
  border-bottom: 0;
  border-radius: 37% 52% 0 0;
}
.songoku .cl:after {
  content: "";
  position: absolute;
  bottom: -7%;
  left: 11.5%;
  width: 14.5%;
  height: 15%;
  background: radial-gradient(37% 53% at 100% 18%, var(--t) 96%, #c04d00);
  -webkit-mask: radial-gradient(35% 52% at 100% 18%, #0000 96%, #000);
  border: 2px solid var(--t);
  border-bottom: 0;
  border-radius: 100% 29% 0 0;
}
.songoku .f {
  position: absolute;
  width: 8%;
  height: 4%;
  bottom: 1%;
  left: 46%;
  z-index: 2;
  border-radius: 0 0 100% 100%;
  border-bottom: 2px solid var(--t);
  box-shadow: 0px 4px 0 #ba6d64;
}
.songoku .f:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 150%;
  background: var(--m);
  border-radius: 20% 20% 50% 50%;
  bottom: 0;
  transform: translateY(-75%);
}


/*Collosal */
.collosal .head {
  --sk:#f5dac7;
  --sb:#ca7a64;
  height: min(430px, 100vmin);
  aspect-ratio: 295/430;
  position: relative;
  filter: drop-shadow(0 0px 1px black);
  margin: auto auto 0;
}
.collosal .top {
  position: absolute;
  overflow: hidden;
  width: 78%;
  height: 42%;
  left: 50%;
  top: 3%;
  transform: translate(-50%);
  --c1: #5f5149;
  background: linear-gradient(var(--c1) 0 0) 50% 70%/1px 15%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 50%) 47% 74%/4% 16%, linear-gradient(to bottom right, #0000 40%, var(--c1), #0000 50%) 54% 74%/4% 20%, linear-gradient(to bottom right, #0000 40%, var(--c1), #0000 50%) 59% 74%/8% 11%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 50%) 41% 74%/8% 11%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 50%) 43% 74%/5% 11%, linear-gradient(to bottom right, #0000 40%, var(--c1), #0000 50%) 57% 74%/5% 11%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 50%) 57% -15%/3% 22%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 50%) 71% -5%/4% 19%, linear-gradient(to bottom right, #0000 45%, var(--c1), #0000 55%) 82% 65%/3% 7%, linear-gradient(to bottom right, #0000 45%, var(--c1), #0000 54%) 75% 61%/4% 8%, linear-gradient(to bottom left, #0000 45%, var(--c1), #0000 54%) 21% 45%/3% 11%, linear-gradient(to bottom left, #0000 48%, var(--c1), #0000 52%) 26% 69%/8% 22%, linear-gradient(to bottom right, #0000 41%, var(--c1), #0000 58%) 57% 23%/3% 19%, linear-gradient(to bottom right, #0000 41%, var(--c1), #0000 58%) 86.5% 23%/2% 15%, linear-gradient(to bottom right, #0000 46%, var(--c1), #0000 53%) 84% 37%/6% 10%, linear-gradient(to bottom right, #0000 42%, var(--c1), #0000 58%) 68% 38%/4% 4%, linear-gradient(to bottom right, #0000 45%, var(--c1), #0000 55%) 71% 27%/4% 22%, linear-gradient(to bottom right, #0000 40%, var(--c1), #0000 60%) 34% 40%/2% 12%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 60%) 35% 27%/2% 29%, linear-gradient(to bottom left, #0000 40%, var(--c1), #0000 60%) 18% 18%/2% 16%, linear-gradient(to bottom left, #0000 45%, var(--c1), #0000 55%) 43% 2%/3% 24%, linear-gradient(var(--sk) 0 0) top/100% 77%, linear-gradient(var(--sk) 0 0) bottom/88% 28%;
  background-repeat: no-repeat;
  border-radius: 50% 50% 0 0/65% 63% 0 0;
  border-top: 1px solid;
  border-bottom: 0;
}
.collosal .top:before,
.collosal .top:after {
  content: "";
  position: absolute;
  width: 13%;
  height: 43%;
  background: radial-gradient(120% 89% at 41% 0, #0000 93%, #4b2a1e), var(--sb);
  right: -2%;
  top: 42%;
  border-radius: 53% 47% 46% 54%/58% 30% 70% 42%;
  border: 1px solid #5f5149;
}
.collosal .top:before {
  left: -2%;
  right: auto;
  transform: scaleX(-1);
}
.collosal .top [class*=eye] {
  position: absolute;
  width: 34%;
  height: 24%;
  background: radial-gradient(farthest-side, #000 32%, #88878d 50% 87%, #000, #0000) 34.5% 44%/15% 24%, radial-gradient(farthest-side, #fff 98%, #0000) 32% 47%/29% 25%, radial-gradient(80% 46% at left, #0f0f0f 98%, #0000) #49281c;
  right: 8%;
  background-repeat: no-repeat;
  top: 75%;
  border-radius: 0 50% 50% 0;
  border: 1px solid #0f0f0f;
}
.collosal .eye-l {
  left: 8%;
  right: auto;
  transform: scaleX(-1);
}
.collosal .top [class*=eye] div:before,
.collosal .top [class*=eye] div:after {
  content: "";
  position: absolute;
  width: 27%;
  top: 21%;
  right: 50%;
  aspect-ratio: 1;
  border-radius: 100% 0 0;
  border: 2px solid #994d40;
  box-shadow: 1px 1px 2px inset #0f0f0f;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
.collosal .top [class*=eye] div:after {
  transform: rotate(-135deg);
  top: 24%;
  border-width: 1.5px;
}
.collosal .top [class*=eye]:before {
  content: "";
  position: absolute;
  width: 84%;
  top: -9%;
  left: -13%;
  height: 33%;
  background: var(--sk);
  border-radius: 6px 0 100% 8px;
  border: 2px solid #0f0f0f;
  border-top: 0;
  border-right: 0;
  transform-origin: right bottom;
  transform: rotate(-2deg);
}
.collosal .top [class*=eye]:after {
  content: "";
  position: absolute;
  right: 100%;
  width: 16%;
  top: 25%;
  height: 75%;
  background: #0f0f0f;
  border-radius: 100% 0 0 0;
}
.collosal .b-eye-r,
.collosal .b-eye-l {
  position: absolute;
  width: 28.5%;
  height: 18%;
  background: radial-gradient(107% 82% at 63% 0, #0000 84%, #4b2a1e70), linear-gradient(var(--sb) 0 0) bottom/100% 81%, radial-gradient(84% 95% at 24% 100%, var(--sb) 98%, #0000) 0 0/50% 20%, radial-gradient(71% 103% at 30% -33%, #0000 98%, var(--sb)) 100% 0/50% 20%;
  background-repeat: no-repeat;
  right: 19%;
  top: 42%;
  border-radius: 39% 0 50% 50%/15% 0 50% 50%;
  filter: drop-shadow(0 -1px 0 #0f0f0f);
}
.collosal .b-eye-l {
  left: 19%;
  right: auto;
  transform: scaleX(-1);
}
.collosal .nose {
  position: absolute;
  inset: 0;
  filter: drop-shadow(0 0 1px #0f0f0f) drop-shadow(0 0 1px #0f0f0f);
  clip-path: inset(44.5% 0 0 0);
}
.collosal .nose:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background: radial-gradient(35% 92% at bottom left, #0000 89%, var(--sk)) left/51% 100%, radial-gradient(35% 92% at bottom right, #0000 89%, var(--sk)) right/51% 100%;
  background-repeat: no-repeat;
  width: 7%;
  top: 44.5%;
  height: 4%;
}
.collosal .n1 {
  position: absolute;
  width: 13%;
  aspect-ratio: 1/1;
  top: 51%;
  background: var(--sk);
  left: 50%;
  transform: translate(-50%) rotate(45deg) rotate3d(1, -1, 0, 41deg);
  border-radius: 0 5px 13px 5px;
}
.collosal .n2 {
  position: absolute;
  width: 9%;
  aspect-ratio: 1/1;
  top: 49%;
  background: var(--sk);
  left: 50%;
  transform: translate(-50%) rotate(45deg) rotate3d(1, -1, 0, 9deg);
  border-radius: 0 5px 13px 5px;
}
.collosal .n3 {
  position: absolute;
  width: 9%;
  aspect-ratio: 1/1;
  top: 46%;
  background: var(--sk);
  left: 50%;
  transform: translate(-50%) rotate(45deg) rotate3d(1, 1, 0, 44deg);
  border-radius: 0 5px 13px 5px;
}
.collosal .u-nose {
  position: absolute;
  left: 50%;
  top: 56%;
  transform: translate(-50%);
  width: 37%;
  height: 17%;
  background: radial-gradient(50% 107% at top, #0005 72%, #0000) top/45% 30%, linear-gradient(to bottom right, #0000 40%, #5f5149, #0000 50%) 40% 36%/8% 57%, linear-gradient(to bottom left, #0000 40%, #5f5149, #0000 50%) 60% 36%/8% 57%, radial-gradient(116% 32% at 150% -6%, #0000 93%, #0f0f0f 95% 98%, var(--sk)) right/50.5% 100%, radial-gradient(116% 32% at -50% -6%, #0000 93%, #0f0f0f 95% 98%, var(--sk)) left/50.4% 100%;
  background-repeat: no-repeat;
}
.collosal .lig-r,
.collosal .lig-l {
  position: absolute;
  height: 28%;
  width: 7.5%;
  background: radial-gradient(67% 40% at -24% 44%, #0000 90%, #0f0f0f 92% 96%, var(--sk));
  border-radius: 0 100% 100% 0/0 50% 50% 0;
  right: 10%;
  top: 41%;
  transform-origin: top;
  transform: rotate(27deg);
  border-right: 2px solid #0f0f0f;
  clip-path: polygon(0 0, 100% 21%, 100% 84%, -20% 100%);
}
.collosal .lig-l {
  right: auto;
  left: 10%;
  transform: scaleX(-1) rotate(27deg);
}
.collosal .lig-rr,
.collosal .lig-ll {
  position: absolute;
  height: 32%;
  width: 4%;
  right: 15.3%;
  top: 42%;
  border-radius: 100% 100% 0 0;
  border: 2px solid #0f0f0f;
  transform: rotate(9deg);
  box-shadow: 0 0 0 33px var(--sk);
  clip-path: polygon(-90% -30%, 87% -21%, 136% 90%, 33% 42%, 45% 18%, 0% 18%);
}
.collosal .lig-ll {
  left: 15.3%;
  right: auto;
  transform: scaleX(-1) rotate(9deg);
}
.collosal .lig-r1,
.collosal .lig-l1 {
  position: absolute;
  height: 15%;
  width: 18%;
  right: 12%;
  top: 61.2%;
  border-radius: 15px 0 0 20px/32px 0 0 20px;
  transform: rotate(-15deg);
  border: 2px solid #0f0f0f;
  box-shadow: 0 0 0 300px var(--sk);
  clip-path: polygon(-14% 0, 24% -4%, 38% 34%, 41% 120%, -38% 100%);
}
.collosal .lig-l1 {
  left: 12%;
  right: auto;
  transform: scaleX(-1) rotate(-15deg);
}
.collosal .lig-r2,
.collosal .lig-l2 {
  position: absolute;
  height: 12.5%;
  width: 4%;
  right: 16.5%;
  top: 64%;
  border-radius: 0 0 100% 0/0 0 32% 0;
  border: 2px solid #0f0f0f;
  border-top: 0;
  border-left: 0;
  box-shadow: 0 0 0 300px var(--sk);
  clip-path: polygon(13% 0%, 125% 0, 125% 115%, 13% 103%);
}
.collosal .lig-l2 {
  left: 16.5%;
  right: auto;
  transform: scaleX(-1);
}
.collosal .bottom {
  position: absolute;
  width: 50%;
  aspect-ratio: 1/1;
  background: radial-gradient(circle at 67% 68%, var(--sb) 41%, #0f0f0f, #0000 43%), var(--sk);
  top: 61%;
  left: 50%;
  transform: translate(-50%) rotateX(28deg) rotate(45deg);
  border-radius: 0 5px 50% 5px;
  border-right: 2px solid #0f0f0f;
  border-bottom: 2px solid #0f0f0f;
  clip-path: polygon(95% 0, 100% 0, 100% 100%, 0 100%, 0 95%);
  overflow: hidden;
}
.collosal .bottom:before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(72% 78% at top, #0000 92%, #0006);
  transform: rotate(-45deg);
}
.collosal .cheek-r,
.collosal .cheek-l {
  position: absolute;
  width: 20%;
  height: 34%;
  --c: #e9e9e9 79%,#0f0f0f 82% 98%,#0000;
  background: radial-gradient(65% 89% at 51% 100%, #0000 50%, #4b2a1e), radial-gradient(57% 52% at 50% 50%, var(--c)) 19% 79%/8% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 28% 78%/8% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 37% 77%/8% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 46% 76%/8% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 54% 75%/6% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 62% 74%/6% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 69% 73%/6% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 76% 72%/6% 12%, radial-gradient(57% 52% at 50% 50%, var(--c)) 81% 71%/6% 12%, var(--sb);
  background-repeat: no-repeat;
  right: 13%;
  top: 43%;
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}
.collosal .cheek-l {
  left: 13%;
  right: auto;
  transform: scaleX(-1);
}
.collosal .cheek-r:before,
.collosal .cheek-l:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 27.5%;
  background: #0f0f0f;
  transform: rotate(-17deg);
}
.collosal .ear-r,
.collosal .ear-l {
  position: absolute;
  height: 29%;
  width: 10%;
  background: linear-gradient(to bottom right, #0f0f0f 50%, #0000 54%) 31% 81%/28% 22%, radial-gradient(farthest-side, #0f0f0f 91%, #0000) 0 59%/55% 43%, radial-gradient(farthest-side, #a39185 92%, #0000) 35% 38%/61% 47%, radial-gradient(farthest-side, #0f0f0f 97%, #0000) 33% 20%/69% 53%, radial-gradient(farthest-side, var(--sk) 95%, #0000) bottom/32% 23%, linear-gradient(102deg, var(--sk) 71%, #0000 72%), linear-gradient(var(--sk) 0 0) top/100% 42%;
  background-repeat: no-repeat;
  right: 2.5%;
  top: 36%;
  border-radius: 100% 100% 0 0;
  transform-origin: top;
  transform: rotateY(32deg) rotate(10deg);
  filter: drop-shadow(0 0 0px #000) drop-shadow(0 0 0px #000);
}
.collosal .ear-l {
  right: auto;
  left: 2%;
  transform: scaleX(-1) rotateY(32deg) rotate(10deg);
}
.collosal .mouth {
  position: absolute;
  width: 40%;
  height: 10%;
  --c:#e9e9e9 79%,#0f0f0f 82% 98%,#0000;
  background: linear-gradient(#0f0f0f 0 0) 50% 50.5%/100% 1.5px, radial-gradient(57% 52% at 50% 50%, var(--c)) 14% 47%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 20% 47%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 27% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 33% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 39% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 46.5% 50%/8% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 55% 50%/8% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 62% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 68% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 74% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 81% 50%/6% 38%, radial-gradient(57% 52% at 50% 50%, var(--c)) 86% 50%/6% 38%, var(--sb);
  background-repeat: no-repeat;
  left: 50%;
  top: 64%;
  transform: translate(-50%);
  clip-path: polygon(21% 0, 79% 0, 100% 100%, 0 100%);
}
.collosal .t-mouth {
  position: absolute;
  width: 28%;
  height: 4%;
  background: conic-gradient(from -80deg at bottom, #836b65 0 160deg, #0000 0) 0 40%/100% 80%, radial-gradient(43% 39% at bottom, #0000 98%, #836b65);
  background-repeat: no-repeat;
  left: 50%;
  transform: translate(-50%);
  top: 62%;
  border-radius: 1000px 1000px 0 0/500px 500px 0 0;
  clip-path: polygon(-30% -40%, 31% -19%, 50% 17%, 68% -19%, 130% -40%, 130% 500%, -30% 500%);
  filter: drop-shadow(0 0 1px #0f0f0f) drop-shadow(0 0 0 #0f0f0f);
}
.collosal .t-mouth:before {
  content: "";
  position: absolute;
  right: 3%;
  width: 72%;
  height: 40%;
  bottom: 59%;
  transform-origin: right bottom;
  transform: rotate(-113deg);
  background: #836b65;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  border-radius: 0 50% 50% 0;
}
.collosal .t-mouth:after {
  content: "";
  position: absolute;
  left: 3%;
  width: 72%;
  height: 40%;
  bottom: 59%;
  transform-origin: left bottom;
  transform: rotate(113deg);
  background: #836b65;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  border-radius: 50% 0 0 50%;
}
.collosal .t-mouth-l,
.collosal .t-mouth-r {
  position: absolute;
  right: 30%;
  width: 20%;
  height: 8%;
  background: radial-gradient(90% 60% at 0 100%, #0000 98%, var(--sk));
  top: 72%;
  border-top: 2px solid #0f0f0f;
  border-left: 0;
  border-bottom: 0;
  border-radius: 0 55% 0 0;
  transform: rotate(-5deg);
}
.collosal .t-mouth-r {
  left: 30%;
  right: auto;
  transform: scaleX(-1) rotate(-5deg);
}
.collosal .t-mouth-t {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 74.7%;
  width: 24%;
  height: 4.5%;
  background: radial-gradient(97% 95% at top, #0000 72%, #0f0f0f) var(--sk);
  border-radius: 0 0 60% 60%/0 0 50% 50%;
  border-bottom: 1px solid #0f0f0f;
}
.collosal .t-mouth-t:before,
.collosal .t-mouth-t:after {
  content: "";
  position: absolute;
  width: 17%;
  height: 54%;
  border-radius: 50%;
  top: 55%;
  left: 96%;
  border-top: 1px solid #0f0f0f;
  box-shadow: 0 -5px 0 var(--sk);
}
.collosal .t-mouth-t:after {
  left: auto;
  right: 98%;
}
.collosal .head .edge:before,
.collosal .head .edge:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15%;
  background: #0f0f0f;
  bottom: 22%;
  left: 15%;
  z-index: 1;
}
.collosal .head .edge:after {
  right: 15%;
  left: auto;
}
.collosal .head .edge-e:before,
.collosal .head .edge-e:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 21%;
  background: #0f0f0f;
  bottom: 37%;
  left: 15%;
  z-index: 1;
  transform: rotate(-7deg);
  transform-origin: bottom;
}
.collosal .head .edge-e:after {
  left: auto;
  right: 15%;
  transform: rotate(7deg);
}
.collosal .back {
  width: 130%;
  left: 50%;
  position: absolute;
  aspect-ratio: 1;
  background: var(--sb);
  transform: translate(-50%) rotate(45deg) rotate3D(1, -1, 0, 42deg);
  top: 66%;
  border: 2px solid #0f0f0f;
  border-radius: 0 40% 0 15%/0 15% 0 40%;
}
.collosal .back-t {
  position: absolute;
  width: 67%;
  height: 80%;
  left: 50%;
  transform: translate(-50%);
  background: radial-gradient(86% 100% at 51% 0%, #4b2a1e 70%, #0000) var(--sb);
  bottom: -23%;
  border-radius: 0 0 80% 80%/0 0 100% 100%;
  border: 16px solid var(--sk);
  box-shadow: 3px 0 0 #0f0f0f inset, -3px 0 0 #0f0f0f inset;
  filter: drop-shadow(0px 0px 1px #0f0f0f) drop-shadow(0px 0px 1px #0f0f0f);
}

/* Luffy  */
.luffy {
  height: min(100vmin, 500px, 77vw);
  aspect-ratio: 640/500;
  margin: auto auto 0;
  position: relative;
  overflow: hidden;
}
.luffy .neck:after {
  content: "";
  position: absolute;
  width: 25.78%;
  height: 15.2%;
  background: radial-gradient(8% 50% at left, #0000 92%, #967B6B) left, radial-gradient(15% 65% at 100% 64%, #0000 92%, #967B6B) right;
  background-size: 50.1% 100%;
  background-repeat: no-repeat;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(-1px 0px 0px #222) drop-shadow(1px 0px 0px #222);
}
.luffy .neck:before {
  content: "";
  position: absolute;
  width: 31%;
  height: 6.5%;
  background: radial-gradient(50% 80% at bottom, #8f796c 98%, #0000);
  bottom: -1%;
  left: 50%;
  transform: translate(-50%);
  filter: drop-shadow(0px -1px 0 #222);
}
.luffy .face {
  position: absolute;
  width: 44%;
  height: 48%;
  top: 45%;
  left: 50%;
  transform: translate(-50%);
  background: linear-gradient(to top right, #0000 calc(50% - 1px), #54463d, #0000 calc(50% + 1px)) 86% 50%/3% 5%, linear-gradient(#54463d 0 0) 72% 52.5%/1px 5%, radial-gradient(77% 100% at 64% 100%, #a38a7a 98%, #0000) top/100% 24%, radial-gradient(106% 100% at -4% 0, #a38a7a 98%, #0000) 100% 100%/50.5% 77%, radial-gradient(113% 100.5% at 111% 0, #a38a7a 98%, #0000) 0 100%/50.5% 77%;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 0px 0px #222) drop-shadow(0px 1px 0px #222);
}
.luffy .face:before {
  content: "";
  width: 60%;
  height: 20%;
  position: absolute;
  bottom: 11%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 52% 31% 0 0;
  border-top: 2px solid #54463d;
  clip-path: inset(0 7% 0 11%);
}
.luffy .face:after {
  content: "";
  position: absolute;
  width: 11%;
  height: 2.4%;
  background: radial-gradient(#564135, #7e685b 40%);
  filter: blur(1px);
  bottom: 23%;
  left: 52%;
  transform: translate(-50%);
  border-radius: 50%;
}
.luffy .eye-r,
.luffy .eye-l {
  width: 28%;
  height: 28%;
  background: radial-gradient(farthest-side, #201f20 90%, #0000) 50% 54%/20% 24%, #ddd;
  background-repeat: no-repeat;
  position: absolute;
  border-radius: 50%;
  top: 19%;
  right: 11%;
  border-top: 2px solid #54463d;
  border-bottom: 2px solid #54463d;
}
.luffy .eye-l {
  right: auto;
  left: 9%;
}
.luffy .nose {
  width: 16%;
  height: 31%;
  position: absolute;
  top: 29%;
  left: 52%;
  transform: translate(-50%);
  background: radial-gradient(farthest-side, #564135 30%, #7e685b 50%, #0000) 0 90%/42% 8% no-repeat;
}
.luffy .eye-r:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  border-radius: 0 0 45% 42%;
  top: -26%;
  left: -12%;
  transform: rotate(-14deg);
  border-bottom: 2px solid #54463d;
  border-left: 2px solid #54463d;
}
.luffy .eye-l:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  border-radius: 0 0 45% 42%;
  top: -26%;
  right: -15%;
  transform: rotate(14deg);
  border-bottom: 2px solid #54463d;
  border-right: 2px solid #54463d;
}
.luffy .nose:after {
  content: "";
  position: absolute;
  background: radial-gradient(farthest-side, #564135 80%, #0000) 81% 89%/47% 4% no-repeat, #765f4f;
  inset: 2% 5% 4% 47%;
  clip-path: polygon(20% 0, 32% 0, 64% 68%, 100% 87%, 50% 100%, 6% 94%, 23% 76%);
}
.luffy .b-eye {
  position: absolute;
  width: 27%;
  height: 14%;
  right: 8%;
  top: 38%;
  border-radius: 0 0 97% 29%;
  border-bottom: 2px solid #54463d;
  clip-path: inset(0 8% 0 7%);
}
.luffy .hair:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 44.65%;
  height: 27%;
  top: 45%;
  left: 50%;
  transform: translate(-50%);
  -webkit-mask: radial-gradient(111% 101% at 65% 100%, #000 99%, #0000);
  --c: #141214;
  background: radial-gradient(106% 94% at 105% 94%, #0000 98%, var(--c)) 0% 0/33% 73%, radial-gradient(89% 50% at 100% 50%, var(--c) 98%, #0000) 2% 0/4% 76%, radial-gradient(104% 104% at 0 100%, #0000 98%, var(--c)) 60% 0/29% 67%, radial-gradient(107% 101% at 0 100%, #0000 98%, var(--c)) 80% 0/19% 64%, radial-gradient(102% 108% at 103% 102%, #0000 98%, var(--c)) 26% 0/20% 62%, radial-gradient(105% 110% at 105% 100%, #0000 98%, var(--c)) 7.5% 0/33% 76%, radial-gradient(104% 104% at 0 100%, #0000 98%, var(--c)) 92% 0/19% 83%, radial-gradient(66% 50% at 0 50%, var(--c) 98%, #0000) 99% 0/6% 60%, radial-gradient(82% 67% at 0% 99%, #0000 98%, var(--c)) 101% 0/12% 66%, radial-gradient(52% 50% at 0 50%, var(--c) 98%, #0000) 76% 0/6% 52%, radial-gradient(52% 50% at 0 50%, var(--c) 98%, #0000) 88% 0/5.5% 44%, radial-gradient(52% 50% at 100% 50%, var(--c) 98%, #0000) 16% 0/6.5% 62%;
  background-repeat: no-repeat;
}
.luffy .ear-r,
.luffy .ear-l {
  position: absolute;
  width: 6%;
  height: 20%;
  background: #947e6f;
  right: 26%;
  top: 60.5%;
  border-radius: 50%;
  transform: rotate(29deg);
  border: 1px solid #222;
}
.luffy .ear-r:before,
.luffy .ear-l:before {
  content: "";
  position: absolute;
  inset: 10% 16%;
  border: inherit;
  border-radius: inherit;
  background: #7c6355;
}
.luffy .ear-r:after,
.luffy .ear-l:after {
  content: "";
  position: absolute;
  inset: 28% 35% 17% 0;
  border: inherit;
  border-radius: inherit;
}
.luffy .ear-l {
  transform: rotate(-29deg) scaleX(-1);
  right: auto;
  left: 26.5%;
}
.luffy .hair:after {
  content: "";
  position: absolute;
  width: 63%;
  height: 26%;
  top: 45%;
  left: 50%;
  --c: #141214;
  background: conic-gradient(from 20deg at 0 100%, var(--c) 40deg, #0000 0) 6% 0/15% 100%, radial-gradient(50% 100% at 50% 0, var(--c) 98%, #0000) 3% 54%/23% 7%, radial-gradient(100% 102% at 0 0, #0000 98%, var(--c)) 0 0/16% 50%, radial-gradient(50% 100% at 50% 0, var(--c) 98%, #0000) 98% 33%/28% 10%, radial-gradient(77% 102% at 100% 0, #0000 98%, var(--c)) 100% 0/14% 30%, radial-gradient(51% 100% at 0 106%, var(--c) 98%, #0000) 106% -7%/22% 76%, conic-gradient(from -49deg at 100% 100%, var(--c) 30deg, #0000 0) 96% 101%/22% 150%;
  background-repeat: no-repeat;
  transform: translate(-50%);
  border-radius: 58% 32.5% 0 0;
}
.luffy .hat:after {
  content: "";
  position: absolute;
  width: 96%;
  top: -4%;
  left: 2%;
  height: 123%;
  background: #705a41;
  transform: rotate(-4deg) rotateX(76deg);
  border-radius: 50%;
  border: 2px solid #222;
  box-sizing: border-box;
}
.luffy .hat:before {
  content: "";
  width: 58%;
  top: 4%;
  height: 49%;
  position: absolute;
  background: radial-gradient(100% 100% at 0 47%, #0000 30%, #0004), radial-gradient(74% 100% at 50% 100%, #811e2f 98%, #222, #0000) bottom/100% 46%, #967f56;
  left: 50%;
  background-repeat: no-repeat;
  transform: translate(-51%) rotate(-3deg);
  border-radius: 50% 50% 0 0/69% 69% 0 0;
  border: 1px solid #222;
}


/* adam */
.adam {
    --c1: #9540ff;
    --c2: #e663e7;
    width: 130px;
    position: relative;
    aspect-ratio: 1;
    border: 3px solid var(--c1);
    border-right-color: #0000;
    border-radius: 50%;
    cursor:pointer;
    background: 
      radial-gradient(farthest-side at 0 100%,#0000 calc(98% - 4px),var(--c1) calc(100% - 3px) 98%,#0000 101%) 29% 84%/9% 8%,
      radial-gradient(farthest-side,#fff 95%,#0000) calc(70% + var(--p,0%)) 59%/8% 8%,     
      radial-gradient(farthest-side,#fff 95%,#0000) calc(39% + var(--p,0%)) 59%/8% 8%,
      radial-gradient(farthest-side at top,#fff 95%,#0000) 94% 53px/24% var(--s,0%),
      radial-gradient(farthest-side,var(--c1) 95%,#0000) 91% 58%/18% 27%,
      radial-gradient(farthest-side,var(--c1) 95%,#0000) 56% 58%/18% 27%,
      linear-gradient(var(--c2) 28.5%,var(--c1) 0 calc(29% + 2px),#fff 0);
    background-repeat: no-repeat;
    transition:background-position .3s,background-size cubic-bezier(0,450,1,450) .4s .4s;
}
.adam:before {
    content: "";
    position: absolute;
    inset: 0 0 -19% 32%;
    border: 3px solid var(--c1);
    border-bottom: 0;
    border-top-color: #0000;
    border-top-right-radius: 56% 43%;
    border-bottom-left-radius: 18% 9%;
    border-bottom-right-radius: 18% 9%;
    background: conic-gradient(from 148deg at top,#0000, #fff 3deg 62deg,#0000 66deg) 62% 80%/20% 10% no-repeat,
      radial-gradient(farthest-side,var(--c1) 97%,#0000) 67% 75%/8% 5% no-repeat,
      radial-gradient(farthest-side,var(--c1) 97%,#0000) 53% 75%/8% 5% no-repeat,
      conic-gradient(from 148deg at top,#0000, var(--c1)3deg 62deg,#0000 66deg) 62% 71%/20% 10% no-repeat,
      radial-gradient(56% 100% at top,#fff calc(98% - 3px),var(--c1) calc(100% - 3px) 99%,#0000 101%) -3% 100%/34.6% 10% repeat-x,      
      linear-gradient(#fff 0 0) 0 87%/100% 31% no-repeat;
    clip-path: polygon(5px 70%,5px 0,100% 0,100% 100%,0 100%,0 70%);
}
.adam:after {
    content: "";
    position: absolute;
    inset: -4% -23% 69% 54%;
    border: 3px solid var(--c1);
    border-left: 0;
    border-radius: 80% 17% 41% 0/100% 23% 71% 0;
    transform-origin: bottom;
    background: 
      linear-gradient(var(--c2) 0 0) 100% 100%/44% 52% no-repeat,
      linear-gradient(to bottom right,#0000 47%,var(--c1) 48% calc(50% + 2px),var(--c2) calc(50% + 3px))0 107%/58% 77% no-repeat,
      radial-gradient(116% 109% at 100% 100%,var(--c2) calc(98% - 6px),var(--c1) calc(100% - 5px) 98%,#0000 101%) 100% 0/45% 50% no-repeat;
    clip-path: polygon(0 93%,67% 8%,100% 0,100% 100%,0 100%);
}

.adam:hover {
  --p:17%;
  --s:0.1%;
}



/* Nezuko */
.nezuko {
  --s: #b7afa4;
  --b: #121013;
  height: min(450px, 98vh, 75vw);
  aspect-ratio: 1.3;
  margin: auto auto 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.nezuko:before {
  content: "";
  position: absolute;
  inset: 56% 26% 0% 26%;
  background: #0a0b0f;
  z-index: -1;
}

.nezuko:after {
  content: "";
  position: absolute;
  width: 15%;
  height: 1.5%;
  background: linear-gradient(#807681 70%, #0000);
  top: 83%;
  left: 43%;
  mix-blend-mode: darken;
  clip-path: polygon(1% 0, 100% 0, 100% 100%, 0 100%);
}

.nezuko .face {
  position: absolute;
  inset: 22% 30% 12% 30.5%;
  background: radial-gradient(97% 100% at 100% 100%, #0000 99%, #7f757e) 0 0/58% 47%, radial-gradient(100% 100% at 100% 100%, #0000 99%, #7f757e) 0 0/76% 42%, radial-gradient(100% 100% at 0 100%, #0000 98%, #7f757e) 100% 0%/48% 44%, linear-gradient(var(--s) 0 0) top/100% 46%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b) drop-shadow(0 0 0px #20101b);
}
@supports (-moz-appearance: none) {
  .nezuko .face {
    filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b);
  }
}
.nezuko .face:before {
  content: "";
  position: absolute;
  inset: 26% 0 0 50%;
  background: conic-gradient(from -33deg at 50% 100%, #0000, var(--b) 2deg 22deg, #0000 27deg) 63% 51%/12% 13%, conic-gradient(from -40deg at 50% 100%, #0000, var(--b) 2deg 22deg, #0000 27deg) 71% 51.5%/12% 13%, conic-gradient(from -40deg at 50% 100%, #0000, var(--b) 2deg 22deg, #0000 27deg) 77% 51%/12% 13%, var(--s);
  background-repeat: no-repeat;
  border-bottom-right-radius: 100% 64%;
  transform-origin: bottom left;
  transform: skewY(-9deg);
  clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%);
}
.nezuko .face:after {
  content: "";
  position: absolute;
  inset: 26% 49.5% 0 -6%;
  background: conic-gradient(from 6deg at 50% 100%, #0000, var(--b) 2deg 22deg, #0000 27deg) 48% 54%/12% 13%, conic-gradient(from 10deg at 50% 100%, #0000, var(--b) 2deg 22deg, #0000 27deg) 42% 54.5%/12% 13%, conic-gradient(from 10deg at 50% 100%, #0000, var(--b) 2deg 22deg, #0000 27deg) 36% 54.5%/12% 13%, linear-gradient(98deg, #7f757e 65%, #0000 72%) 10% 42%/5% 19%, var(--s);
  background-repeat: no-repeat;
  border-bottom-left-radius: 100% 90%;
  transform-origin: bottom right;
  transform: skewY(13deg);
  clip-path: polygon(0% 39%, 100% 25%, 100% 100%, 0 100%);
}
.nezuko .eye-r {
  position: absolute;
  z-index: 2;
  right: 8.5%;
  top: 43%;
  height: 21%;
  width: 25%;
  background: radial-gradient(97% 95% at 45% 0%, #0000 99%, var(--b) 101%), radial-gradient(68% 81% at 50% 100%, #0000 98%, #6d747c) #b7bbba;
  border-radius: 50%;
  clip-path: polygon(-100% -100%, 200% -100%, 100% 100%, -6% 94%);
}
.nezuko .eye-r:before {
  content: "";
  position: absolute;
  inset: 13% 15% 13% 13%;
  background: radial-gradient(50% 50%, #e0ebe7 65%, #0000) 30% 28%/26% 26% no-repeat, radial-gradient(50% 50%, #632e64 84%, #0000) 49% 49%/38% 36% no-repeat, radial-gradient(50% 50%, #a0728e 72%, #e0ccd9);
  filter: drop-shadow(0 0 1px #80757d) drop-shadow(0 0 0px #80757d) drop-shadow(0 0 0px #80757d);
  border-radius: 50%;
}
.nezuko .eye-r:after {
  content: "";
  position: absolute;
  inset: -3% -14% 0 -8%;
  background: radial-gradient(65% 89% at 50% 100%, #0000 98%, var(--b));
  border-radius: 50%;
}
.nezuko .eye-l {
  position: absolute;
  left: 11%;
  top: 43%;
  z-index: 2;
  height: 21%;
  width: 25%;
  background: radial-gradient(97% 95% at 55% 0%, #0000 99%, var(--b) 101%), radial-gradient(68% 81% at 50% 100%, #0000 98%, #6d747c), #b7bbba;
  border-radius: 50%;
  clip-path: polygon(-100% -100%, 200% -100%, 106% 94%, 0 100%);
}
.nezuko .eye-l:before {
  content: "";
  position: absolute;
  inset: 13% 12% 13% 18%;
  background: radial-gradient(50% 50%, #e0ebe7 65%, #0000) 34% 31%/26% 26% no-repeat, radial-gradient(50% 50%, #632e64 84%, #0000) 54% 48%/38% 36% no-repeat, radial-gradient(50% 50%, #a0728e 72%, #e0ccd9);
  filter: drop-shadow(0 0 1px #80757d) drop-shadow(0 0 0px #80757d) drop-shadow(0 0 0px #80757d);
  border-radius: 50%;
}
.nezuko .eye-l:after {
  content: "";
  position: absolute;
  inset: -2% -11% 0 -14%;
  background: radial-gradient(65% 89% at 50% 100%, #0000 98%, var(--b));
  border-radius: 50%;
}
.nezuko .u-eye:before {
  content: "";
  position: absolute;
  right: 2%;
  top: 33.5%;
  width: 35%;
  height: 7%;
  background: radial-gradient(79% 91% at 73% 100%, #0000 96%, var(--b));
  border-radius: 78% 40% 0 0/83% 28% 0 0;
  z-index: 9;
}
.nezuko .u-eye:after {
  content: "";
  position: absolute;
  left: 5%;
  top: 34%;
  width: 37%;
  height: 7%;
  background: radial-gradient(79% 91% at 28% 100%, #0000 96%, var(--b));
  border-radius: 45% 70% 0 0/20% 83% 0 0;
  z-index: 9;
}
.nezuko .nose {
  position: absolute;
  width: 6%;
  height: 7.5%;
  background: linear-gradient(#5c5157 0 0) 31% 51%/1px 21% no-repeat, linear-gradient(#5c5157 0 0) 14% 47%/1px 33% no-repeat, #898086;
  top: 62%;
  left: 54%;
  border-radius: 30% 70% 74% 26%/30% 61% 39% 70%;
  clip-path: polygon(-200% 0, 52% 0, 100% 50%, 100% 200%, -200% 200%);
  z-index: 9;
}
.nezuko .nose:before {
  content: "";
  position: absolute;
  width: 69%;
  height: 24%;
  top: 117%;
  right: 15%;
  border-top: 1px solid #6d655a;
  border-radius: 50%;
  filter: drop-shadow(0 0 0px #6d655a);
  transform: rotate(-32deg);
  clip-path: inset(-105% 4%);
}
.nezuko .nose:after {
  content: "";
  position: absolute;
  width: 69%;
  height: 24%;
  top: 119%;
  left: -128%;
  border-top: 1px solid #6d655a;
  border-radius: 50%;
  filter: drop-shadow(0 0 0px #6d655a);
  transform: rotate(32deg);
  clip-path: inset(-105% 4%);
}
.nezuko .mouth {
  position: absolute;
  inset: 77% 4% 7.5% 6%;
  background: linear-gradient(90deg, #0c1e20, #0000 5% 89%, #0c1e20) 50% 84%/90% 4%, linear-gradient(90deg, #1b3220, #0000 6%) 50% 48%/90% 4%, linear-gradient(90deg, #1b3220, #0000 8% 95%, #1b3220) 50% 41%/90% 4%, linear-gradient(90deg, #1b3220, #0000 20% 60%, #1b3220) 50% 51%/48% 4%, linear-gradient(90deg, #1b3220, #0000 40% 80%, #1b3220) 50% 44%/48% 4%, linear-gradient(#889b88 0 0) 0 12%/100% 14%, linear-gradient(#374939, #506c56 30% 56%, #203d3b 62%);
  background-repeat: no-repeat;
  border-radius: 2%/42%;
  clip-path: circle(69%);
  z-index: 10;
  filter: drop-shadow(0 0 0px #0a0b0f);
}
.nezuko .mouth:before {
  content: "";
  position: absolute;
  top: -7%;
  bottom: -7%;
  width: 4%;
  left: 25%;
  background: radial-gradient(50% 50% at 37% 50%, #889b88 93%, #0000) 0% 10%/100% 13% no-repeat, linear-gradient(#506c56 56%, #203d3b 62%);
  border-radius: 999px;
  filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b);
}
.nezuko .mouth:after {
  content: "";
  position: absolute;
  top: -7%;
  bottom: -7%;
  width: 4%;
  right: 25%;
  background: radial-gradient(88% 50% at 32% 50%, #889b88 83%, #0000) 0% 10%/84% 13% no-repeat, linear-gradient(#506c56 56%, #203d3b 62%);
  border-radius: 999px;
  filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b);
}
.nezuko .mouth > div:before {
  content: "";
  position: absolute;
  top: -7%;
  bottom: -7%;
  width: 5%;
  left: 0;
  background: linear-gradient(22deg, #0000 29%, #889b88 32% 75%, #0000 80%) 0% 10%/100% 16% no-repeat, linear-gradient(#506c56 56%, #203d3b 62%);
  filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b);
  clip-path: polygon(0% -6%, 130% 10%, 130% 90%, 0% 112%);
}
.nezuko .mouth > div:after {
  content: "";
  position: absolute;
  top: -7%;
  bottom: -7%;
  width: 5%;
  right: 0;
  background: linear-gradient(-22deg, #0000 29%, #889b88 32% 75%, #0000 80%) 0% 10%/100% 16% no-repeat, linear-gradient(#506c56 56%, #203d3b 62%);
  filter: drop-shadow(0 0 1px #20101b) drop-shadow(0 0 0px #20101b);
  clip-path: polygon(-30% 10%, 100% -6%, 100% 106%, -30% 92%);
}
@supports (-moz-appearance: none) {
  .nezuko .mouth {
    filter: drop-shadow(0 0 1px #0a0b0f) drop-shadow(0 0 0px #0a0b0f) drop-shadow(0 0 0px #0a0b0f);
  }
}
.nezuko .neck {
  position: absolute;
  inset: 81% 39% -2% 41%;
  background: #7f7580;
  background: #807681;
  border: 1px solid var(--b);
}
.nezuko .neck:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8%;
  width: 37%;
  height: 103%;
  background: linear-gradient(to top right, #0000 50%, var(--b) 53%) 100% 128%/53% 89% no-repeat, #83818e;
  transform-origin: bottom right;
  transform: rotate(-25deg);
  border-top-left-radius: 60% 32%;
  border: inherit;
  clip-path: polygon(0 0, 65% 0, 50% 13%, 100% 100%, 0 100%);
  box-sizing: border-box;
  z-index: 2;
}
.nezuko .neck:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 8%;
  width: 37%;
  height: 103%;
  background: linear-gradient(to top left, #0000 50%, var(--b) 53%) 0 128%/48% 90% no-repeat, #83818e;
  transform-origin: bottom left;
  transform: rotate(25deg);
  border-top-right-radius: 60% 32%;
  border: inherit;
  clip-path: polygon(45% 14%, 30% 0, 100% 0, 100% 100%, 0 100%);
  box-sizing: border-box;
  z-index: 2;
}
.nezuko .u-neck:before {
  content: "";
  position: absolute;
  width: 16%;
  height: 13%;
  left: 26%;
  bottom: 0;
  background: linear-gradient(to top right, #0000 48%, #472e4b 49% 50%, #0000 51%), linear-gradient(#472e4b 0 0) 50% 30%/100% 3% no-repeat, #654665;
  clip-path: polygon(0% 127%, 79% 0, 91% 0, 100% 100%, 0 100%);
  z-index: 1;
}
.nezuko .u-neck:after {
  content: "";
  position: absolute;
  width: 16%;
  height: 13%;
  right: 24%;
  bottom: 0;
  background: linear-gradient(to top right, #0000 48%, #472e4b 49% 50%, #0000 51%) 37%/37% 100% no-repeat, linear-gradient(to top right, #0000 47%, #472e4b 49% 50%, #0000 52%) 24%/24% 100% no-repeat, #654665;
  clip-path: polygon(8% 0, 21% 0, 100% 127%, 100% 100%, 0 100%);
  z-index: 1;
}
.nezuko .hair {
  --h: #df4b143b;
  --h: /*#27343c*/ #1b242b;
  --ha: #0a0b0f;
  position: absolute;
  inset: 0;
  background: linear-gradient(var(--ha) 0 0) 28% 88%/3% 10%, linear-gradient(var(--ha) 0 0) 27% 100%/4% 13%, linear-gradient(94deg, #0000 61%, var(--ha) 63% 86%, #0000 88%) 24% 75%/9% 22%, linear-gradient(to bottom right, #0000 59%, var(--ha) 61%) 25% 88%/3% 15%, radial-gradient(99% 82% at 110% 72%, var(--ha) 95%, #0000) 24% 100%/3% 12%, radial-gradient(35% 54% at 0 50%, var(--ha) 90%, #0000) 24% 66%/3% 20%, linear-gradient(105deg, var(--ha) 46%, #0000 48%) 21% 80%/7% 10%, linear-gradient(to bottom right, #0000 48%, var(--ha) 50%) 20.5% 65%/4% 20%, radial-gradient(237% 235% at -100% -100%, #0000 99%, var(--ha)) 12% 85%/8% 18%, radial-gradient(75% 76% at 100% 48%, #0000 98%, var(--ha)) 20% 100%/8% 18%, linear-gradient(to bottom right, #0000 49%, var(--ha) 50%) 17% 81%/5% 18%, linear-gradient(to bottom right, #0000 49%, var(--ha) 50%) 5% 100%/16% 22%, linear-gradient(96deg, #0000 55%, var(--ha) 56%) 77% 76%/4% 20%, radial-gradient(81% 58% at 100% 72%, var(--ha) 97%, #0000) 77% 100%/4% 30%, radial-gradient(169% 112% at 170% 0%, #0000 99%, var(--ha)) 96% 100%/19% 40%, radial-gradient(48% 52% at 100% 50%, var(--ha) 96%, #0000) 69% 100%/3% 29%, radial-gradient(66% 113% at 100% 0%, #0000 98%, var(--ha)) 73.1% 100%/5% 25%, radial-gradient(106% 108% at 0% 100%, var(--ha) 97%, #0000) 70% 30%/2% 8%, radial-gradient(59% 56% at 0 50%, var(--ha) 95%, #0000) 72% 61%/3% 45%, linear-gradient(91deg, #0000 23%, var(--ha) 24% 55%, #0000 0) 72% 72%/5% 23%, linear-gradient(85deg, #0000 26%, var(--ha) 29% 55%, #0000 0) 71% 42%/4% 23%, radial-gradient(100% 100% at 100% 0, var(--h) 95%, #0000) 23% 54%/4% 7%, linear-gradient(var(--h) 0 0) 22% 100%/7% 24%, linear-gradient(var(--h) 0 0) 76% 100%/6% 38%, linear-gradient(to top right, #0000 49%, var(--h) 50%) 67% 24%/13% 11%, linear-gradient(to top left, #0000 49%, var(--h) 50%) 33% 26%/10% 14%, linear-gradient(var(--h) 0 0) 26% 46%/6% 9%, radial-gradient(237% 235% at -100% -100%, #0000 99%, var(--h)) 11% 81%/8% 16%, linear-gradient(133deg, #0000 49%, var(--h) 50% 60%, #0000 62%) 0% 100%/20% 26%, linear-gradient(106deg, #0000 50%, var(--h) 51%) 14% 68%/17% 26%, radial-gradient(102% 129% at 100% 86%, var(--h) 97%, #0000) 23% 45%/3% 10%, radial-gradient(112% 123% at 109% 113%, var(--h) 98%, #0000) 25% 28%/8% 23%, radial-gradient(122% 143% at 129% -28%, #0000 99%, var(--h)) 110% 100%/30% 38%, radial-gradient(100% 164% at -15% 112%, var(--h) 98%, #0000) 76% 24%/9% 9%, linear-gradient(82deg, var(--h) 49%, #0000 50%) 84% 45%/16% 32%, radial-gradient(50% 106% at 50% 119%, var(--h) 99%, #0000) 52% 3%/48% 20%;
  background-repeat: no-repeat;
  z-index: 10;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 94.5% 100%, 88.3% 95.7%, 89.5% 100%, 12% 100%, 14% 93%, 7.5% 100%, 0 100%);
  filter: drop-shadow(0px 0px 1px var(--ha)) drop-shadow(0px 0px 0px var(--ha)) drop-shadow(0px 0px 0px var(--ha));
}
@supports (-moz-appearance: none) {
  .nezuko .hair {
    filter: drop-shadow(0px 0px 1px var(--ha)) drop-shadow(0px 0px 1px var(--ha)) drop-shadow(0px 0px 1px var(--ha)) drop-shadow(0px 0px 0px var(--ha));
  }
}
.nezuko .hair:before {
  content: "";
  position: absolute;
  inset: 20.5% 30% 67% 33.5%;
  background: conic-gradient(from -87deg, #0000, var(--ha) 2deg 138deg, #0000 142deg) 10% 61%/20% 31% no-repeat, radial-gradient(50% 81% at 46% 114%, #0000 98%, var(--ha));
  border-radius: 67% 100% 0 0/150% 119% 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 33% 100%, 57% 29%, 36% 35%, 39% 25%, 27% 43%, 30% 28%, 22% 47%, 21% 100%, 0 100%);
}
.nezuko .hair:after {
  content: "";
  position: absolute;
  width: 9%;
  height: 32%;
  background: radial-gradient(73% 81.5% at 100% 81%, #0000 98%, var(--ha));
  left: 28%;
  top: 28.8%;
  border-radius: 87% 0 0 0;
}
.nezuko .h1:before {
  content: "";
  position: absolute;
  background: var(--ha);
  width: 1px;
  height: 8%;
  left: 23.5%;
  top: 46%;
  transform: rotate(-3deg);
}
.nezuko .h1:after {
  content: "";
  position: absolute;
  background: var(--ha);
  width: 1px;
  height: 6%;
  left: 22.8%;
  top: 47%;
  transform: rotate(13deg);
}
.nezuko .h2:before {
  content: "";
  position: absolute;
  width: 17%;
  height: 31%;
  background: radial-gradient(100% 112% at 102% 104%, #0000 99%, var(--ha));
  top: 17%;
  left: 23.2%;
  border-radius: 71% 0 0 0/100% 0 0 0;
}
.nezuko .h2:after {
  content: "";
  position: absolute;
  width: 26%;
  height: 13%;
  background: radial-gradient(57% 89% at 58% 100%, #0000 98%, var(--ha));
  border-radius: 50%;
  left: 39%;
  top: 16%;
}
.nezuko .h3 {
  position: absolute;
  width: 32.5%;
  height: 13%;
  background: radial-gradient(50% 111% at 50% 112%, #0000 98%, var(--ha));
  top: 7.5%;
  left: 36.4%;
  border-radius: 49% 62% 0 0/110% 100% 0 0;
}
.nezuko .h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  width: 13%;
  height: 126%;
  background: radial-gradient(72% 44% at 100% 43%, #0000 98%, var(--ha));
  border-radius: 100% 0 0 24%/45% 0 0 53%;
}
.nezuko .h3:after {
  content: "";
  position: absolute;
  right: -4%;
  top: 46%;
  height: 58%;
  width: 6%;
  background: linear-gradient(90deg, #0000 30%, var(--ha) 0);
  border-radius: 0 100% 0 0;
}
.nezuko .h4:before {
  content: "";
  position: absolute;
  right: 22%;
  bottom: 39%;
  width: 9%;
  height: 39%;
  background: radial-gradient(90% 97% at 0% 106%, #0000 99%, var(--ha));
  border-radius: 0 100% 0 0;
}
.nezuko .h4:after {
  content: "";
  position: absolute;
  left: 33.5%;
  top: 15.5%;
  width: 5%;
  height: 2%;
  background: linear-gradient(var(--ha) 55%, #0000 0);
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  transform: rotate(38deg);
}
.nezuko .ear-r {
  position: absolute;
  background: #807681;
  height: 13%;
  width: 7%;
  border-radius: 50%;
  right: 29%;
  bottom: 27.5%;
  transform: rotate(23deg);
}
.nezuko .ear-r:before {
  content: "";
  position: absolute;
  inset: 6% 22% 24% 0;
  border: 1px solid #3c3135;
  border-radius: 50%;
}
.nezuko .ear-l {
  position: absolute;
  background: #807681;
  height: 16%;
  width: 10%;
  border-radius: 50%;
  left: 30%;
  bottom: 26.5%;
  transform: rotate(-60deg);
}
.nezuko .ear-l:before {
  content: "";
  position: absolute;
  inset: 13% 25% 47% 22%;
  border: 1px solid #3c3135;
  border-radius: 50% 0 0 50%;
  transform: rotate(94deg);
}
.nezuko .eye-r-u:before {
  content: "";
  position: absolute;
  height: 8%;
  width: 4%;
  background: radial-gradient(68% 60% at 0% 31%, #0000 92%, var(--b));
  right: 5%;
  top: 41%;
  border-radius: 0 39% 100% 0/0 40% 50% 0;
  transform: rotate(65deg);
}
.nezuko .eye-r-u:after {
  content: "";
  position: absolute;
  width: 34.5%;
  height: 17%;
  top: 43.5%;
  right: 3%;
  border-top: 2px solid var(--b);
  border-radius: 50%;
  clip-path: inset(0 3% 0 5%);
}
.nezuko .eye-l-u:before {
  content: "";
  position: absolute;
  height: 8%;
  width: 4%;
  background: radial-gradient(68% 60% at 100% 31%, #0000 92%, var(--b));
  left: 6%;
  top: 41%;
  border-radius: 39% 0 0 100%/40% 0 0 50%;
  transform: rotate(-65deg);
  z-index: 9;
}
.nezuko .eye-l-u:after {
  content: "";
  position: absolute;
  width: 37%;
  height: 23%;
  top: 43%;
  left: 5%;
  border-top: 2px solid var(--b);
  border-radius: 50%;
  z-index: 9;
  clip-path: inset(0 9% 0 3%);
}
.nezuko .ribbon {
  position: absolute;
  inset: 0;
  z-index: 99;
  filter: drop-shadow(0px 0px 1px #0a0b0f) drop-shadow(0px 0px 0px #0a0b0f);
}
@supports (-moz-appearance: none) {
  .nezuko .ribbon {
    filter: drop-shadow(0 0 1px #0a0b0f) drop-shadow(0 0 1px #0a0b0f);
  }
}
.nezuko .ribbon:after {
  content: "";
  position: absolute;
  width: 3.5%;
  height: 8%;
  background: linear-gradient(45deg, #7d6a81 48%, #b09ea6 57%);
  right: 29%;
  top: 20%;
  border-radius: 0 0 24% 59%/0 0 24% 29%;
  -webkit-mask-image: radial-gradient(39% 78% at 0 0, #0000 95%, #000);
  clip-path: polygon(0 -15%, 100% 26%, 100% 100%, 0 100%);
  box-sizing: border-box;
  border: 1px solid #0a0b0f;
}
.nezuko .ribbon:before {
  content: "";
  position: absolute;
  width: 3%;
  height: 4%;
  background: #b0a2ac;
  right: 28%;
  top: 23%;
  transform: rotate(45deg);
  border-radius: 35%;
  border: 1px solid #0a0b0f;
  box-sizing: border-box;
}
.nezuko .ribbon div:before {
  content: "";
  position: absolute;
  right: 18%;
  top: 22%;
  width: 11%;
  height: 9%;
  background: linear-gradient(to top right, #0000 46%, #472e4b 47% 52%, #0000 53%) -25% 54%/46% 30% no-repeat, radial-gradient(at 100% 50%, #b29da3 44%, #7d6a7e 45%) 100%/100% 200%;
  border-radius: 0 0 100% 100%/0 0 71% 87%;
  -webkit-mask: linear-gradient(to bottom right, #0000 52%, #000 53%) 100%/120% 100%, radial-gradient(69% 55% at 34% -12%, #0000 98%, #000);
  z-index: -2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%, 0 58%);
}
.nezuko .ribbon div:after {
  content: "";
  position: absolute;
  right: 19%;
  top: 14%;
  width: 12%;
  height: 9%;
  background: linear-gradient(to top right, #0000 46%, #472e4b 47% 52%, #0000 53%) -9% 67%/43% 30% no-repeat, linear-gradient(-83deg, #b29da3 53%, #7d6a7e 55%) 100%/100% 98% no-repeat;
  border-radius: 0 0 100% 100%/0 0 71% 87%;
  -webkit-mask: linear-gradient(to bottom right, #0000 54%, #000 55%) 100%/157% 100%, radial-gradient(67% 55% at 46% -12%, #0000 98%, #000);
  z-index: -2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%, 0 58%);
  transform: rotate(-49deg);
}
.nezuko .eye-r-u div:before {
  content: "";
  position: absolute;
  right: 15%;
  top: 39%;
  width: 26%;
  height: 11%;
  background: linear-gradient(to top left, #0000 49%, #898086 50%) 0 0/59% 109% no-repeat, radial-gradient(81% 110% at 84% 121%, #0000 98%, #898086);
  border-radius: 71% 33% 0 0/91% 33% 0 0;
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 2% 100%);
}
.nezuko .eye-r-u div:after {
  content: "";
  position: absolute;
  width: 33%;
  height: 16%;
  right: 5%;
  top: 40%;
  border-radius: 50%;
  border-top: 1px solid #3c303a;
  clip-path: inset(0 8% 0 9%);
  -webkit-mask: linear-gradient(90deg, #000 66%, #0000 68% 73%, #000 82%);
}
.nezuko .eye-l-u div:before {
  content: "";
  position: absolute;
  left: 17%;
  top: 39%;
  width: 26%;
  height: 10%;
  background: linear-gradient(to top right, #0000 49%, #898086 50%) 100% 0/59% 98% no-repeat, radial-gradient(112% 108% at -5% 120%, #0000 98%, #898086);
  z-index: 9;
  border-radius: 29% 75% 0 0/20% 100% 0 0;
  clip-path: polygon(0 10%, 57% 2%, 100% 0, 100% 100%, 0 100%);
}
.nezuko .eye-l-u div:after {
  content: "";
  position: absolute;
  width: 35%;
  height: 17%;
  left: 6%;
  top: 40%;
  border-radius: 50%;
  border-top: 1px solid #3c303a;
  clip-path: inset(0 6% 0 13%);
  -webkit-mask: linear-gradient(-90deg, #000 65%, #0000 68% 73%, #000 82%);
  z-index: 10;
}