.hanamachi-status{margin:10px 0;padding:12px;border:1px solid #b19ab666;border-radius:12px;background:linear-gradient(130deg,#251c2b,#121b24);color:#e8dce9;font-size:12px}.hanamachi-status>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.hanamachi-status ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.hanamachi-status li{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #755a7a;border-radius:6px;padding:6px 2px}.hanamachi-status li.is-complete{border-color:#91bfaf;color:#b0e0cb}.hanamachi-status small{font-size:10px}.hanamachi-status p{margin:6px 0}.hanamachi-power{color:#dbc3ed}
dialog.hanamachi-cinematic{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#08080d;color:#fff;overflow:hidden}dialog.hanamachi-cinematic[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}.hanamachi-picture{min-height:0;width:100%;height:100%}.hanamachi-picture img{width:100%;height:100%;object-fit:contain;display:block}.hanamachi-caption{padding:14px max(18px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom));text-align:center;max-height:45dvh;overflow:auto}.hanamachi-caption p{max-width:760px;margin:8px auto 14px;line-height:1.7;font-size:clamp(14px,2vw,18px)}.hanamachi-caption small{color:#dfc3e7}.hanamachi-caption button{min-width:150px}
.hanamachi-talk{display:grid;grid-template-columns:minmax(130px,34%) 1fr;gap:22px;width:min(780px,94vw);max-height:94dvh;padding:22px;background:#15121a center/cover;color:#f0e8f0;overflow:auto}.hanamachi-talk-art{align-self:center}.hanamachi-talk-art img{display:block;width:100%;max-height:360px;aspect-ratio:2/3;object-fit:cover;object-position:center 18%;border:1px solid #9e83aa}.hanamachi-talk:not(:has(.hanamachi-talk-art img)){grid-template-columns:1fr}.hanamachi-talk-art:empty{display:none}.hanamachi-dialogue{line-height:1.9}.hanamachi-talk small{display:block;color:#c9b8d6;line-height:1.7;margin:12px 0}.hanamachi-talk button{width:100%;margin-top:10px}.story-campaign-hanamachi .story-asset img{object-fit:contain}.story-campaign-hanamachi .story-scene-tag{background:#30203edd}.story-campaign-hanamachi.story-scenery .story-asset img{object-fit:cover}
@media(max-width:600px){.hanamachi-talk{padding:16px;gap:14px;grid-template-columns:minmax(105px,34%) 1fr}.hanamachi-talk h2{font-size:19px}.hanamachi-dialogue{font-size:15px;line-height:1.8}.hanamachi-talk small{font-size:12px}.hanamachi-status{font-size:11px}.hanamachi-status small{font-size:9px}}
@media(min-width:601px) and (max-height:600px){dialog.hanamachi-cinematic[open]{grid-template-columns:62% 38%;grid-template-rows:minmax(0,1fr)}.hanamachi-caption{max-height:95dvh;align-self:center}.hanamachi-talk-art img{max-height:240px}}

body:has(dialog.hanamachi-cinematic[open]){overflow:hidden}
.story-campaign-hanamachi .story-asset .hanamachi-npc-art:not(.hanamachi-npc-object) img{object-fit:cover;object-position:center 22%}