:root{--story-ink:#18264e;--story-indigo:#283769;--story-violet:#6250b6;--story-aqua:#5ad4ca}
.hero{background:linear-gradient(115deg,#1d2d60,#1d6670)!important;color:white!important}
.hero h1,.hero p{color:white!important}.hero .eyebrow{color:var(--story-aqua)!important}
#game .scene{border-radius:14px;line-height:1.65}
#game #choices{display:grid;gap:10px}
#game #choices button.story-choice{white-space:normal;min-height:56px;text-align:left;line-height:1.5;padding:14px 18px;background:#e9effc!important;color:#172753!important;border:1px solid #bccce9!important;border-radius:12px}
#game #choices button.story-choice:hover:not(:disabled){background:#dce7fc!important;border-color:#7862c5!important}
#game #choices button:focus-visible,#game #next:focus-visible,#game summary:focus-visible{outline:3px solid var(--story-aqua);outline-offset:3px}
#game #next,#game #check{min-height:44px}
#game #response{width:100%;box-sizing:border-box;min-height:120px;border-radius:12px;border:1px solid #aabbe0;padding:12px;font:inherit}
.jv47-journal{margin:12px 0 18px;border:1px solid #d3ddf0;border-radius:12px;background:#f2f5fc;padding:12px 16px;color:var(--story-ink)}
.jv47-journal summary{cursor:pointer;font-weight:750}
.jv47-journal p{margin:9px 0;line-height:1.5}
@media(max-width:700px){#game #choices button.story-choice{padding:12px;min-height:50px}}