/* Accessories only: the existing nai-wa bitmap remains the face/body.
   Face-safe overrides at the end apply equally to cover, results and catalog. */
.mascot-photo{isolation:isolate}.mascot-photo[hidden]{display:none}.costume{position:absolute;inset:0;pointer-events:none;z-index:2}.costume-hair{position:absolute;left:23%;top:4%;width:57%;height:28%;background:var(--hair,#ffce35);clip-path:polygon(0 75%,8% 35%,15% 49%,22% 5%,34% 29%,41% 0,52% 24%,65% 2%,72% 32%,90% 15%,88% 49%,100% 73%,87% 100%,15% 100%)}.costume-coat{position:absolute;left:26%;top:49%;width:53%;height:37%;background:var(--coat,#e87b22);border:2px solid #3339;border-radius:15% 15% 26% 26%;box-shadow:inset 0 10px #292c34;clip-path:polygon(8% 0,90% 0,100% 85%,80% 100%,20% 100%,0 85%)}.costume-coat:before{content:'';position:absolute;left:49%;top:0;height:100%;width:3px;background:#ddd8}.costume-collar{position:absolute;left:34%;top:45%;width:37%;height:12%;background:var(--collar,#272d37);border-radius:18%}.role-nameplate{text-align:center;margin-top:8px;font-size:11px;color:var(--gold);letter-spacing:2px}.role-features{display:block;margin-top:8px;font-size:10px;line-height:1.9;letter-spacing:1px;color:var(--muted)}.costume-extra{position:absolute}.role-naruto{--hair:#ffd32f;--coat:#ef842c}.role-naruto .costume-extra{left:28%;top:37%;width:10%;height:8%;border-top:2px solid #574627;border-bottom:2px solid #574627;box-shadow:125px 0 0 -1px #57462755;transform:rotate(8deg)}.role-sasuke{--hair:#1f2336;--coat:#e8e5dc;--collar:#303145}.role-sasuke .costume-hair{height:35%;width:64%;left:19%;clip-path:polygon(0 40%,28% 5%,54% 0,87% 18%,100% 70%,88% 56%,90% 100%,70% 48%,40% 60%,15% 100%,17% 56%)}.role-sasuke .costume-extra{left:27%;top:74%;width:52%;height:9%;border:9px solid #8d6f9d;border-radius:35%}.role-madara{--hair:#1b1e28;--coat:#9d3333;--collar:#792a2d}.role-madara .costume-hair{height:60%;width:80%;left:12%;clip-path:polygon(10% 15%,40% 0,75% 7%,98% 90%,86% 80%,90% 100%,60% 69%,53% 22%,26% 45%,10% 100%,0 85%)}.role-madara .costume-coat{background:repeating-linear-gradient(#a03a3b 0 17%,#51292e 18% 20%);border:3px solid #51292e}.role-kakashi{--hair:#dadfe0;--coat:#677b4d;--collar:#303944}.role-kakashi .costume-hair{transform:rotate(-15deg);top:1%;left:18%;height:31%}.role-kakashi .costume-extra{left:31%;top:35%;width:42%;height:18%;background:#303944;border-radius:12% 12% 40% 40%}.role-kakashi .headband{z-index:5;transform:rotate(-19deg);top:22%;left:30%;width:110px}.role-itachi{--hair:#24232a;--coat:#24232a;--collar:#74252c}.role-itachi .costume-hair{height:48%;clip-path:polygon(8% 13%,45% 0,85% 15%,100% 100%,80% 88%,63% 23%,48% 15%,30% 26%,15% 100%,0 88%)}.role-itachi .costume-coat:after,.role-pain .costume-coat:after{content:'☁';position:absolute;color:#c74a4b;-webkit-text-stroke:1px #fff;top:30%;left:22%;font-size:45px}.role-gaara{--hair:#a13a33;--coat:#774e38;--collar:#e6d6bd}.role-gaara .costume-hair{height:23%}.role-gaara .costume-extra{left:65%;top:22%;font:23px 'STSong',serif;color:#93352b}.role-gaara .gourd{position:absolute;z-index:0;left:69%;top:40%;height:43%;width:27%;background:#bd9a61;border:3px solid #82693e;border-radius:45% 45% 35% 35%;transform:rotate(-15deg)}.role-gaara .gourd:before{content:'';position:absolute;width:65%;height:35%;left:17%;top:-25%;border-radius:50%;background:#bd9a61;border:3px solid #82693e}.role-minato{--hair:#f6d65e;--coat:#f5eddc;--collar:#485d71}.role-minato .costume-hair{height:33%;width:66%;left:18%}.role-minato .costume-coat:after{content:'';position:absolute;bottom:0;height:30%;width:100%;background:#bd4032;clip-path:polygon(0 60%,10% 0,20% 70%,35% 5%,45% 70%,60% 0,70% 70%,85% 5%,100% 60%,100% 100%,0 100%)}.role-shikamaru{--hair:#242b25;--coat:#6c8253;--collar:#424b3b}.role-shikamaru .costume-hair{height:15%;top:8%;border-radius:50%;clip-path:none}.role-shikamaru .costume-extra{left:42%;top:-4%;height:18%;width:19%;background:#242b25;clip-path:polygon(15% 0,80% 0,100% 30%,65% 100%,35% 100%,0 30%)}.role-jiraiya{--hair:#eee9df;--coat:#9b4940;--collar:#716e47}.role-jiraiya .costume-hair{height:58%;width:85%;left:10%;clip-path:polygon(5% 20%,25% 0,72% 0,95% 20%,100% 98%,85% 90%,80% 100%,65% 30%,40% 25%,20% 100%,12% 85%,0 100%)}.role-jiraiya .headband{z-index:5;background:#9b9787}.role-jiraiya .costume-extra{left:33%;top:30%;width:5%;height:18%;background:#b74535;box-shadow:80px 0 #b74535}.role-pain{--hair:#e58139;--coat:#24232a;--collar:#8b3035}.role-pain .costume-extra{left:38%;top:28%;width:25%;height:9%;border-left:3px dotted #292930;border-right:3px dotted #292930}.headband{z-index:4}.character-catalog{border-top:1px solid var(--line);padding:28px 0;margin-top:30px}.character-catalog>p{font-size:12px;color:var(--muted);line-height:1.9}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.character-tile{padding:15px 8px;border:1px solid var(--line);background:#fff8df66;color:var(--ink);border-radius:5px;font-size:11px}.character-tile[aria-pressed=true]{background:#ead69c;border-color:#9b7939}.character-reason{font-size:11px;line-height:2;color:var(--muted);padding:15px 0;border-top:1px solid var(--line)}.character-reason li{margin-bottom:7px}.preview-banner{font-size:11px;line-height:1.8;color:var(--muted);margin-top:25px}.costume-preview{max-width:560px;margin:auto;text-align:center}.costume-preview h2{font-family:'STSong',serif;font-size:30px}.character-art-link{font-size:11px;color:var(--gold)}@media(max-width:620px){.character-grid{grid-template-columns:repeat(2,1fr)}.role-naruto .costume-extra{box-shadow:95px 0 0 -1px #57462755}.role-jiraiya .costume-extra{box-shadow:63px 0 #b74535}}

/* Calibrated to source bitmap 511 × 500, not the outer halo container.
   Head: x 47–69%, y 5–27%. Eyes: y 12–19%. Torso: x 28–73%, y 35–82%.
   A matching aspect ratio removes object-fit letterbox offsets on every screen. */
.mascot-photo{height:auto!important;aspect-ratio:511/500}
.mascot-photo img{display:block;width:100%;height:100%;object-fit:fill}
.mascot-photo .headband{top:7%;left:48%;width:20%;height:3.3%;transform:rotate(12deg);z-index:5}
.mascot-photo .headband:after{height:30%;top:35%;width:25%;right:-22%}
.mascot-photo .headband svg{border-width:1px;border-radius:2px}
.mascot-photo .costume-hair{top:0%;left:43%;width:30%;height:10%}
.mascot-photo.role-kakashi .headband{top:7%;left:48%;width:20%;transform:rotate(7deg)}
.mascot-photo.role-kakashi .costume-hair{top:-2%;left:40%;width:34%;height:12%;transform:rotate(-8deg)}
.mascot-photo.role-sasuke .costume-hair{top:0%;left:43%;width:30%;height:11%}
.mascot-photo.role-minato .costume-hair{top:-2%;left:41%;width:34%;height:12%}
.mascot-photo.role-gaara .costume-hair{top:1%;left:45%;width:27%;height:8%}
.mascot-photo.role-shikamaru .costume-hair{top:3%;left:45%;width:25%;height:6%}
.mascot-photo.role-shikamaru .costume-extra{top:-6%;left:51%;width:12%;height:11%}
.mascot-photo.role-madara .costume-hair,.mascot-photo.role-itachi .costume-hair,.mascot-photo.role-jiraiya .costume-hair{top:0%;left:38%;width:39%;height:40%;clip-path:polygon(8% 13%,30% 0,70% 0,92% 13%,100% 100%,86% 88%,82% 100%,82% 23%,27% 23%,27% 100%,13% 88%,0 100%)}
.mascot-photo .costume-collar{top:32%;left:40%;width:26%;height:9%}
.mascot-photo .costume-coat{top:39%;left:28%;width:45%;height:41%}
.mascot-photo.role-kakashi .costume-extra{top:21%;left:50%;width:18%;height:8%;border-radius:12% 12% 40% 40%}
.mascot-photo.role-jiraiya .costume-extra{top:18%;left:48%;width:1.5%;height:8%;box-shadow:none}
.mascot-photo.role-jiraiya .costume-extra:after{content:'';position:absolute;left:1100%;top:0;width:100%;height:100%;background:inherit}
.mascot-photo.role-gaara .costume-extra{top:9%;left:70%;font-size:clamp(10px,1.2vw,15px)}
.mascot-photo.role-pain .costume-extra{top:20%;left:49%;width:20%;height:6%}
.mascot-photo.role-naruto .costume-extra{top:21%;left:48%;width:5%;height:3%;box-shadow:none}
.mascot-photo.role-naruto .costume-extra:after{content:'';position:absolute;left:280%;top:-2px;width:100%;height:100%;border-top:2px solid #574627;border-bottom:2px solid #574627}
.mascot-photo.role-sasuke .costume-extra{top:68%;left:29%;width:44%;height:7%;border-width:6px}
.mascot-photo.role-gaara .gourd{left:71%;top:37%;height:43%;width:24%}
.mascot-stage{padding-top:15px}

/* Additional mapped character costumes. */
.role-sakura{--hair:#ee9fac;--coat:#b93e4c;--collar:#edb9b6}.mascot-photo.role-sakura .costume-hair{top:0;left:41%;width:34%;height:23%;clip-path:polygon(8% 15%,28% 0,72% 0,92% 15%,100% 100%,80% 90%,78% 35%,25% 30%,22% 96%,0 100%)}.role-sakura .costume-extra{left:60%;top:11%;width:2%;height:3%;background:#923e91;transform:rotate(45deg)}
.role-hinata{--hair:#2d304e;--coat:#c2b0d6;--collar:#e7deee}.mascot-photo.role-hinata .costume-hair{top:0;left:41%;width:34%;height:23%;clip-path:polygon(8% 15%,28% 0,72% 0,92% 15%,100% 100%,80% 90%,78% 35%,25% 30%,22% 96%,0 100%)}
.role-lee{--hair:#222b23;--coat:#4c7950;--collar:#d99e6b}.mascot-photo.role-lee .costume-hair{top:0;left:43%;width:30%;height:10%;clip-path:ellipse(50% 65% at 50% 65%)}.role-lee .costume-extra{left:49%;top:11%;width:6%;height:1.5%;background:#222b23;box-shadow:35px 0 #222b23}

/* Expanded character accessories; source-body anchors remain shared. */
.role-obito{--hair:#343239;--coat:#292b31;--collar:#292b31}
.role-deidara{--hair:#e9c75a;--coat:#272632;--collar:#272632}
.role-hidan{--hair:#cbd1d0;--coat:#272632;--collar:#272632}
.role-kisame{--hair:#637d89;--coat:#272632;--collar:#272632}
.role-orochimaru{--hair:#252631;--coat:#d5c9b0;--collar:#d5c9b0}
.role-hashirama{--hair:#292526;--coat:#953f37;--collar:#953f37}
.role-tobirama{--hair:#e8eeee;--coat:#49677d;--collar:#49677d}
.role-nagato{--hair:#9d3c42;--coat:#292b31;--collar:#292b31}
.role-konan{--hair:#707392;--coat:#292b31;--collar:#292b31}
.role-neji{--hair:#654c37;--coat:#eee8d8;--collar:#eee8d8}
.role-obito .costume-extra{left:46%;top:7%;width:25%;height:24%;border-radius:50%;background:repeating-radial-gradient(ellipse at 70% 38%,#302b24 0 2px,#c27935 3px 12px);clip-path:polygon(75% 0,100% 10%,100% 100%,0 100%,0 15%,55% 0,55% 42%,82% 42%,82% 21%,65% 21%)}
.role-deidara .costume-extra{left:45%;top:4%;height:18%;width:8%;background:#e9c75a;transform:rotate(12deg)}
.role-hidan .costume-extra,.role-kisame .costume-extra{left:80%;top:28%;height:57%;width:4%;background:#77736a;transform:rotate(20deg)}.role-hidan .costume-extra:before{content:'';position:absolute;top:0;left:-160%;width:400%;height:20%;border:5px solid #9d3a3a;border-left:0;border-radius:0 60% 60% 0}
.role-kisame .costume-extra{width:11%;background:repeating-linear-gradient(#b8bbba 0 6px,#5f6d73 7px 9px);border-radius:25%}
.mascot-photo.role-orochimaru .costume-hair,.mascot-photo.role-hashirama .costume-hair,.mascot-photo.role-nagato .costume-hair,.mascot-photo.role-neji .costume-hair{top:0;left:38%;width:39%;height:40%;clip-path:polygon(8% 13%,30% 0,70% 0,92% 13%,100% 100%,82% 100%,82% 23%,27% 23%,27% 100%,0 100%)}
.role-orochimaru .costume-extra{top:68%;left:29%;width:44%;height:7%;border:6px solid #8d6f9d;border-radius:35%}
.role-hashirama .costume-coat{background:repeating-linear-gradient(#a03a3b 0 17%,#51292e 18% 20%)}.role-tobirama .costume-collar{background:#ecece5;border:5px dotted #d0d4d1}
.role-konan .costume-extra{left:42%;top:2%;width:12%;height:11%;border-radius:50%;background:repeating-conic-gradient(#e7e3ef 0 20deg,#aaa8c5 21deg 40deg)}
.role-deidara .costume-coat:after,.role-hidan .costume-coat:after,.role-kisame .costume-coat:after,.role-konan .costume-coat:after,.role-nagato .costume-coat:after{content:'☁';position:absolute;color:#c74a4b;-webkit-text-stroke:1px #fff;top:30%;left:22%;font-size:40px}