@font-face{font-family:VillainDisplay;src:url(/fonts/villain/BlackOpsOne-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:VillainBrush;src:url(/fonts/villain/SedgwickAveDisplay-Regular.ttf) format("truetype");font-display:swap}.villain-page{overflow:hidden;background-image:radial-gradient(ellipse at 85% 30%,#420d392b,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff02 4px)}.villain-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding:36px 0 70px}.villain-controls{position:relative;z-index:1}.villain-title{font-family:VillainDisplay,Impact,sans-serif;font-size:clamp(48px,5.5vw,82px);line-height:.98;letter-spacing:-.045em;color:#f9f4ec;text-shadow:3px 2px 0 #00dfff60,-2px -1px 0 #ff008c70}.villain-title span{display:block;margin-top:10px}.villain-brush{font-family:VillainBrush,cursive;font-size:clamp(29px,3.5vw,49px);line-height:1.2;color:#ff008c;transform:rotate(-5deg);margin:16px 0 32px;text-shadow:0 0 30px #ff008c44}.villain-description{max-width:480px;color:#b9b4c3;font-size:17px;line-height:1.8;margin-bottom:28px}.villain-poster{position:relative;max-width:480px;justify-self:center;transform:rotate(2deg);border:1px solid #ff008c55;background:#000;box-shadow:10px 12px #00dfff0b,0 0 70px #ff008c18}.villain-poster img{display:block;width:100%;height:auto}.villain-poster-label{display:flex;justify-content:space-between;padding:10px 12px;font:10px monospace;letter-spacing:.12em;color:#00edff;border-bottom:1px solid #ff008c55}.villain-poster figcaption{padding:11px 12px;font-size:10px;color:#b3a9bf;background:#0b080e}.villain-page button{cursor:pointer}.villain-page button:disabled{cursor:wait}@media(max-width:767px){.villain-hero{grid-template-columns:1fr;gap:40px;padding:24px 0 38px}.villain-title{font-size:clamp(43px,11.5vw,78px)}.villain-brush{font-size:34px}.villain-poster{max-width:430px;width:94%;transform:rotate(1deg)}.villain-description{font-size:16px}.villain-controls{max-width:540px;margin:auto}}@media(prefers-reduced-motion:reduce){.villain-page *{scroll-behavior:auto!important}}.villain-result{display:grid;grid-template-columns:120px minmax(0,540px);gap:20px;align-items:start;justify-content:center}@media(max-width:600px){.villain-result{grid-template-columns:1fr}.villain-result figure:first-child{width:72px}.villain-result figure:last-child{width:100%}}