/* V28 · Haruno playable character and non-saving stage showcase */
.v28-collection{border:1px solid #a28a59a1;border-radius:19px;padding:16px;margin:0 0 26px;background:linear-gradient(156deg,#2a1d23,#13192c 62%,#171029);box-shadow:0 15px 40px #05030a77;color:#fff}
.v28-eyebrow{letter-spacing:.2em;font-size:10px;font-weight:800;color:#e4bc7d;margin-bottom:6px}
.v28-collection h2{font-size:22px;line-height:1.3;margin:3px 0 10px;color:#f8e1ba}.v28-intro{font-size:12px;line-height:1.8;color:#d7c8c0}
.v28-gallery-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.v28-gallery-menu button{border:1px solid #665a71;border-radius:9px;background:#201d32;color:#e5dfea;font-size:12px;font-weight:700;padding:12px 5px;min-height:44px}.v28-gallery-menu .active{background:linear-gradient(135deg,#654d87,#835c4d);border-color:#e8ba82;color:#fff}
.v28-gallery-stage{position:relative;overflow:hidden;border-radius:17px;aspect-ratio:5/6.6;max-height:570px;background:#110f19;border:1px solid #8d707064}.v28-gallery-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block}.v28-gallery-stage:after{content:'';position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#07080ce8);pointer-events:none}.v28-gallery-description{position:absolute;z-index:1;bottom:15px;left:13px;right:13px;text-shadow:0 2px 7px #000}.v28-gallery-description small{display:block;font-weight:700;color:#f4d295}.v28-gallery-description b{font-size:25px;display:block;line-height:1.25}.v28-gallery-description span,.v28-gallery-description p{font-size:12px;display:block;margin:3px 0;color:#fff}
.v28-gallery-actions button{width:100%;border-radius:12px;border:1px solid #e0bb81;background:linear-gradient(112deg,#584174,#b3814d);color:#fff;padding:14px 10px;font-weight:800;margin:12px 0 8px}.v28-gallery-actions small{display:block;color:#bebac6;font-size:11px;line-height:1.55}
.v28-branch-choices{background:linear-gradient(#151421,#281a24);border:1px solid #897254;border-radius:15px;padding:12px;margin:14px 0}.v28-branch-choices h3{font-size:16px;color:#f4e0c0}.v28-branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v28-branch-choice{background:#0d0e17;color:#fff;border:1px solid #846b72;border-radius:11px;overflow:hidden;padding:0 0 10px;text-align:center}.v28-branch-choice img{height:145px;width:100%;object-fit:cover;object-position:top}.v28-branch-choice b,.v28-branch-choice strong,.v28-branch-choice small{display:block;padding:4px}.v28-branch-choice small{font-size:10px}.v28-branch-choice:disabled{filter:grayscale(.5);opacity:.55}.v28-branch-choices p{font-size:11px;color:#c6b6a0}
.v28-dex-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v28-dex-grid>div{background:#141421;border-radius:9px;overflow:hidden;padding-bottom:8px}.v28-dex-grid img{width:100%;height:170px;object-fit:cover;object-position:top}.v28-dex-grid b,.v28-dex-grid small{display:block;padding:3px 7px}.v28-dex-grid small{font-size:10px;color:#e6c48f}
.v28-face-spotlight{position:absolute;z-index:5;left:3%;top:3%;width:42%;border:1px solid #f8d8a2;border-radius:13px;overflow:hidden;box-shadow:0 0 28px #e8bf80a0;background:#130b0f}.v28-face-spotlight img{display:block;width:100%;aspect-ratio:1/1.02;object-fit:cover}.v28-face-spotlight span{display:block;padding:6px 5px;text-align:center;font-size:10px;line-height:1.4;color:#ffe8b7;background:#1a121bcc}
.v28-demo-bar{background:#1a1425e8;border-block:1px solid #9c7088;padding:8px;display:grid;gap:7px;text-align:center;color:#d9bca1;font-size:10px}.v28-demo-bar>div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.v28-demo-bar button{background:#2d273c;color:#fff;border:1px solid #756682;border-radius:6px;padding:7px 2px;font-size:10px}.v28-demo-bar button.active{background:#7c4e63;border-color:#eed2ab}.v28-demo-bar>button{padding:7px;background:#302339}
.v17-cine.v28-haruno-cine{background:radial-gradient(ellipse at 57% 40%,#754825a1,#140c1dec 67%,#040609);animation:v28FinalPulse 4.4s linear both}.v28-haruno-cine .v27-cine-character{animation:v28GazeZoom 4.4s ease-in-out both}.v28-haruno-cine .v27-cine-character img{max-width:100%;max-height:100%;object-fit:contain}.v28-haruno-cine .v27-cine-panel strong{color:#fff2d0;font-size:clamp(23px,7vw,43px);text-shadow:0 3px 0 #351d20,0 0 28px #ffe29c,0 0 8px #fff}
.v28-haruno-cine[data-form="2b"]{background:radial-gradient(ellipse at 50% 40%,#53612499,#1c1b0aeb 70%,#050504)}
@keyframes v28GazeZoom{0%{opacity:0;transform:scale(.84)}18%{opacity:1;transform:scale(1.06)}44%{transform:scale(1.23)}58%{transform:scale(1.17)}80%{transform:scale(1.35)}100%{transform:scale(1.14);opacity:1}}
@keyframes v28FinalPulse{0%{opacity:0}8%{opacity:1}60%{opacity:1}90%{opacity:1}100%{opacity:0}}