/* Hall of Legends 141 biography reader — 2026-11-04
   Preserve shared navigation, historic Hall, portrait assets and score system. */
body.hall-visual-demo .hv-demo-overlay{z-index:2147483500}
body.hall-visual-demo .hv-demo-dialog{
 width:min(820px,calc(100vw - 26px));max-height:min(92dvh,960px);overflow:auto;
 padding:clamp(22px,3.4vw,38px);border-radius:18px;
 background:radial-gradient(ellipse at 85% 0%,#25422555,transparent 54%),linear-gradient(145deg,#07120d,#101b17 64%,#020605);
 border:1px solid rgba(148,255,83,.65);
 box-shadow:0 28px 95px #000e,inset 0 1px 0 #ffffff19;
 scrollbar-width:thin;scrollbar-color:#94ff5390 #07120b;
}
body.hall-visual-demo .hv-demo-dialog .hv-tag{color:#94ff53;letter-spacing:.09em;font-size:12px}
body.hall-visual-demo .hv-demo-dialog h2{margin:8px 52px 6px;font:700 clamp(24px,4vw,36px)/1.18 Georgia,serif;color:#fff200;text-align:center}
body.hall-visual-demo .hv-demo-dialog #hv-demo-dates{
 text-align:center;max-width:710px;margin:0 auto 12px;padding:5px 8px;color:#caf5ae;
 font:700 clamp(12px,1.65vw,16px)/1.4 Georgia,serif
}
body.hall-visual-demo .hv-demo-dialog #hv-demo-desc{
 max-width:720px;margin:17px auto 18px;color:#f0f5ed;
 font:clamp(15px,1.6vw,17px)/1.73 Georgia,serif;text-align:left
}
body.hall-visual-demo .hv-demo-dialog .hv-demo-image{
 width:min(182px,44vw);height:min(182px,44vw);margin:6px auto 10px;
 object-fit:contain;background:radial-gradient(circle,#314c3760,transparent 75%);
 border:0;box-shadow:none;filter:drop-shadow(0 7px 13px #000a)
}
body.hall-visual-demo .hv-demo-activity{
 max-width:720px;margin:18px auto 22px;padding:0;
 border:0;border-radius:0;background:none;box-shadow:none
}
body.hall-visual-demo .hv-bio-section{margin:0 0 19px;padding:17px 20px;border-left:3px solid #94ff53;background:rgba(148,255,83,.065);border-radius:0 9px 9px 0}
body.hall-visual-demo .hv-bio-section h3,
body.hall-visual-demo .hv-bio-inquiry h3,
body.hall-visual-demo .hv-bio-sources h3{margin:0 0 8px;color:#fff200;font:700 clamp(18px,2.3vw,22px)/1.25 Georgia,serif}
body.hall-visual-demo .hv-bio-section p,
body.hall-visual-demo .hv-bio-inquiry p{
 margin:0;color:#e9f0e7;font:clamp(14px,1.6vw,16px)/1.7 Georgia,serif
}
body.hall-visual-demo .hv-bio-inquiry{
 margin:0 0 17px;padding:18px 20px;border:1px solid #daca6a66;border-radius:11px;
 background:linear-gradient(145deg,#30280e99,#10180980)
}
body.hall-visual-demo .hv-bio-inquiry p{font-style:italic;color:#fff6d3}
body.hall-visual-demo .hv-bio-sources{
 margin:0 0 13px;padding:14px 17px;background:#070f0ccc;border:1px solid #ffffff27;border-radius:10px
}
body.hall-visual-demo .hv-bio-source{
 display:flex;align-items:center;gap:7px;color:#b9ed9f!important;
 font:700 13px/1.5 Georgia,serif;margin:6px 0;padding:6px 0;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere
}
body.hall-visual-demo .hv-bio-source:before{content:"↗";color:#fff200;font-weight:bold}
body.hall-visual-demo .hv-bio-source:hover{color:#fff200!important}
body.hall-visual-demo .hv-bio-editor-note{display:block;margin-top:10px;color:#b6c3b7;font:12px/1.55 Georgia,serif}
body.hall-visual-demo .hv-demo-activity .hv-reward-pending{display:block;padding:8px 0;font:italic 13px/1.55 Georgia,serif;color:#cde3c9}
body.hall-visual-demo #hv-demo-back{margin:4px auto 0;display:block}
body.hall-visual-demo .hv-bio-time-warp{
 position:fixed;inset:0;z-index:2147483600;pointer-events:none;overflow:hidden;background:#000;
}
body.hall-visual-demo .hv-bio-time-warp .etp-time{position:absolute;inset:0}
@media(max-width:600px){
 body.hall-visual-demo .hv-demo-dialog{max-height:94dvh;padding:19px 15px}
 body.hall-visual-demo .hv-demo-dialog h2{margin-left:33px;margin-right:33px}
 body.hall-visual-demo .hv-bio-section,body.hall-visual-demo .hv-bio-inquiry{padding:13px 14px}
 body.hall-visual-demo .hv-bio-sources{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){
 body.hall-visual-demo .hv-demo-overlay,
 body.hall-visual-demo .hv-demo-overlay .hv-demo-dialog{animation:none!important;transition:none!important}
}

/* Phase 3 — Alliance Activities: deliberately scoped to biography reader only. */
body.hall-visual-demo .hv-alliance-activity{
 margin:16px 0 19px;padding:clamp(15px,2.6vw,23px);
 border:1px solid rgba(255,242,0,.38);border-radius:14px;
 background:linear-gradient(155deg,#1c2712,#08180c 58%,#07100a);
 box-shadow:inset 0 1px 0 #ffffff18,0 10px 27px #0005;
}
body.hall-visual-demo .hv-alliance-heading{
 color:#fff200;font:700 clamp(20px,2.8vw,24px)/1.25 Georgia,serif;margin:0 0 9px;
}
body.hall-visual-demo .hv-alliance-instructions{
 font:13px/1.6 Georgia,serif;color:#cce6c6;margin:0 0 15px;
}
body.hall-visual-demo .hv-alliance-question{
 color:#fff;font:700 clamp(15px,1.7vw,18px)/1.5 Georgia,serif;margin:0 0 14px;
}
body.hall-visual-demo .hv-alliance-options{display:grid;grid-template-columns:1fr;gap:9px}
body.hall-visual-demo .hv-alliance-choice{
 display:block;width:100%;min-height:49px;padding:12px 14px;text-align:left;
 border:1px solid rgba(148,255,83,.31);border-radius:9px;
 background:rgba(0,0,0,.43);color:#f3f7f1;
 font:400 clamp(13px,1.4vw,15px)/1.5 Georgia,serif;cursor:pointer;
 transition:background .2s,box-shadow .2s,border-color .2s,transform .2s;
}
body.hall-visual-demo .hv-alliance-choice:hover:not(:disabled),
body.hall-visual-demo .hv-alliance-choice:focus-visible{
 background:rgba(148,255,83,.14);border-color:#fff200;outline:2px solid #fff200;outline-offset:2px;
 transform:translateY(-1px);
}
body.hall-visual-demo .hv-alliance-choice.hv-alliance-wrong{
 border-color:#ff8989;background:rgba(132,16,25,.21);color:#ffe9e9;
}
body.hall-visual-demo .hv-alliance-choice.hv-alliance-right{
 border-color:#94ff53;background:rgba(148,255,83,.23);color:#eaffdf;
 box-shadow:0 0 15px rgba(148,255,83,.21);
}
body.hall-visual-demo .hv-alliance-choice:disabled{
 cursor:default;opacity:.75;transform:none;
}
body.hall-visual-demo .hv-alliance-choice.hv-alliance-right:disabled{opacity:1}
body.hall-visual-demo .hv-alliance-feedback:not(:empty){
 margin:12px 0 0;padding:12px 14px;border-radius:9px;
 background:#020b05;color:#fff;font:14px/1.6 Georgia,serif;
}
body.hall-visual-demo .hv-alliance-feedback strong{display:block;margin-bottom:5px;color:#fff200}
body.hall-visual-demo .hv-alliance-feedback p{margin:0;color:#e6f3dc}
body.hall-visual-demo .hv-alliance-feedback.hv-alliance-success{border:1px solid #94ff53}
body.hall-visual-demo .hv-alliance-feedback.hv-alliance-try{border:1px solid #f69a75}
body.hall-visual-demo .hv-alliance-storage-note{display:block;margin:9px 0;color:#ffd8a2;font:12px/1.5 Georgia,serif}
body.hall-visual-demo .hv-person--allied .hv-bio-link:after{
 content:" ✓";color:#94ff53;font-weight:bold;
}
@media(max-width:560px){
 body.hall-visual-demo .hv-alliance-activity{padding:13px}
 body.hall-visual-demo .hv-alliance-choice{padding:11px 12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 body.hall-visual-demo .hv-alliance-choice{transition:none!important;transform:none!important}
}

/* Smaller, quieter references. First internal lesson/profile link remains prominent. */
body.hall-visual-demo .hv-bio-sources{padding:11px 14px!important}
body.hall-visual-demo .hv-bio-sources h3{font-size:clamp(15px,1.8vw,18px)!important;margin-bottom:8px!important}
body.hall-visual-demo .hv-bio-source{
 display:block!important;margin:3px 0!important;padding:3px 0!important;
 color:#b9d6ac!important;font:400 11px/1.4 Georgia,serif!important;
 text-decoration:underline!important;text-underline-offset:3px!important;
}
body.hall-visual-demo .hv-bio-source:before{content:"↗"!important;font-size:11px!important;padding-right:5px!important}
body.hall-visual-demo .hv-bio-source-primary{
 margin:8px 0 10px!important;padding:10px 12px!important;
 border:1px solid #94ff5360!important;border-radius:8px!important;
 background:rgba(148,255,83,.085)!important;
 font:700 clamp(12px,1.4vw,14px)/1.4 Georgia,serif!important;color:#fff200!important;
}
body.hall-visual-demo .hv-bio-source-primary:before{content:"⌂"!important;color:#94ff53!important;font-size:15px!important}
body.hall-visual-demo .hv-bio-research-details{
 border-top:1px solid rgba(148,255,83,.16);border-bottom:1px solid rgba(148,255,83,.16);
 padding:5px 0;margin:7px 0 6px;
}
body.hall-visual-demo .hv-bio-research-details summary{color:#c5dbc5;font:700 11px/1.4 Georgia,serif;cursor:pointer;padding:7px 2px}
body.hall-visual-demo .hv-bio-research-details summary:hover{color:#fff200}
body.hall-visual-demo .hv-bio-research-details .hv-bio-source{font-size:11px!important;margin-left:8px!important}
body.hall-visual-demo .hv-bio-editor-note{font-size:10px!important;color:#aeb9b0!important}
body.hall-visual-demo .hv-bio-interpretation p+p{margin-top:12px!important}
/* Three distinct states of a branching inquiry, while award remains tied to the graded step. */
body.hall-visual-demo .hv-branching-activity{border-color:#94ff536a}
body.hall-visual-demo .hv-branch-progress{
 display:inline-block!important;padding:4px 9px!important;margin:3px 0 12px!important;
 border:1px solid #fff20045!important;border-radius:5px!important;
 color:#fff200!important;font:700 11px/1.3 Georgia,serif!important;
}
body.hall-visual-demo .hv-branch-title{color:#fff200;font:700 clamp(17px,2vw,20px)/1.3 Georgia,serif;margin:0 0 10px}
body.hall-visual-demo .hv-branch-context{color:#dcebd7!important;font:14px/1.65 Georgia,serif!important;margin:0 0 13px!important}
body.hall-visual-demo .hv-branch-excerpt{
 margin:14px 0 16px;padding:13px 17px;border-left:3px solid #94ff53;
 background:#94ff5310;color:#f3f4ea;font:italic 15px/1.6 Georgia,serif;
}
body.hall-visual-demo .hv-branch-choice{margin:7px 0}

/* Color-coded Bio Activity overhaul: deep brand-spectrum gradients, clear state change. */
body.hall-visual-demo .hv-demo-dialog{
 background:linear-gradient(145deg,#101d32 0%,#080f1f 34%,#102017 72%,#040809 100%)!important;
 border-color:#4d87b885!important;
}
body.hall-visual-demo .hv-demo-dialog .hv-tag{color:#a8d1ff!important}
body.hall-visual-demo .hv-demo-activity .hv-bio-section{
 background:linear-gradient(120deg,#122d50 0%,#0b1729 58%,#07111f 100%)!important;
 border-left:3px solid #86baff!important;
 border-radius:0 12px 12px 0!important;
 padding:17px 19px!important;
}
body.hall-visual-demo .hv-demo-activity .hv-bio-section h3{color:#b4d5ff!important}
body.hall-visual-demo .hv-demo-activity .hv-bio-interpretation{
 background:linear-gradient(125deg,#173b2a,#081710)!important;border-left-color:#90eba8!important;
}
body.hall-visual-demo .hv-demo-activity .hv-bio-interpretation h3{color:#b4ffbb!important}
body.hall-visual-demo .hv-demo-activity .hv-bio-inquiry{
 background:linear-gradient(135deg,#392139,#181323)!important;border-color:#d285ad80!important
}
body.hall-visual-demo .hv-demo-activity .hv-bio-inquiry h3{color:#f3badb!important}
body.hall-visual-demo .hv-branching-activity{
 --hv-accent:#92caff;
 --hv-accent-soft:rgba(86,147,230,.16);
 --hv-accent-border:rgba(131,190,255,.58);
 background:linear-gradient(145deg,#152c50,#0b152b 65%,#0c1824)!important;
 border:2px solid var(--hv-accent-border)!important;
 transition:background .3s ease,border-color .3s ease!important;
}
body.hall-visual-demo .hv-branching-activity[data-phase="explore"],
body.hall-visual-demo .hv-branching-activity[data-tone="blue"]{
 --hv-accent:#a0cfff;--hv-accent-soft:#244d8747;--hv-accent-border:#6aaeffa3;
 background:linear-gradient(145deg,#12335a,#0a1d34 64%,#06101e)!important;
}
body.hall-visual-demo .hv-branching-activity[data-phase="decision"],
body.hall-visual-demo .hv-branching-activity[data-tone="green"]{
 --hv-accent:#a8ffac;--hv-accent-soft:#225c3750;--hv-accent-border:#66d68bbf;
 background:linear-gradient(145deg,#15452c,#0b271a 62%,#071710)!important;
}
body.hall-visual-demo .hv-branching-activity[data-tone="red"]{
 --hv-accent:#ffb0c0;--hv-accent-soft:#7b253947;--hv-accent-border:#db7692b8;
 background:linear-gradient(145deg,#541c36,#2d1426 65%,#170d18)!important;
}
body.hall-visual-demo .hv-branching-activity[data-phase="reward"],
body.hall-visual-demo .hv-branching-activity[data-tone="gold"]{
 --hv-accent:#ffe37b;--hv-accent-soft:#80601040;--hv-accent-border:#f3c947ab;
 background:linear-gradient(145deg,#4e3816,#2a220e 62%,#130f08)!important;
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-heading,
body.hall-visual-demo .hv-branching-activity .hv-branch-title{color:var(--hv-accent)!important}
body.hall-visual-demo .hv-branch-progress{
 border-color:var(--hv-accent-border)!important;
 background:var(--hv-accent-soft)!important;color:var(--hv-accent)!important;
 letter-spacing:.06em!important;
}
body.hall-visual-demo .hv-branch-stage{
 padding:15px 12px 11px!important;border-radius:12px!important;
 background:#040b1457!important;border:1px solid var(--hv-accent-border)!important;
}
body.hall-visual-demo .hv-branch-stage.hv-branch-revealed{animation:hvStepReveal .34s cubic-bezier(.2,.8,.2,1) both}
@keyframes hvStepReveal{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice{
 background:linear-gradient(120deg,#14243d,#09121f)!important;
 border:1px solid #83acd6a3!important;border-left:4px solid var(--hv-accent)!important;
 color:#f7f9fb!important;
 transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice:nth-of-type(3n+2){
 background:linear-gradient(120deg,#173c2b,#091c15)!important;border-color:#6ccf8e9c!important
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice:nth-of-type(3n){
 background:linear-gradient(120deg,#4c2035,#1c111e)!important;border-color:#d08298a8!important
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice:hover:not(:disabled),
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice:focus-visible{
 background:linear-gradient(120deg,#3c466a,#1a2545)!important;
 border-color:#fff0a8!important;
 box-shadow:0 0 0 1px #fff0a844,0 6px 15px #0008!important;
 transform:translateX(3px)!important;
 outline:2px solid #fff0a8!important;outline-offset:1px!important;
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice.hv-choice-selected{
 background:linear-gradient(120deg,#a48421,#634f17)!important;
 border-color:#ffe76d!important;color:#11120a!important;
 box-shadow:0 0 0 2px #ffe76d66,0 0 24px #ffe76d55!important;
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice.hv-alliance-right{
 background:linear-gradient(120deg,#276443,#123522)!important;
 border-color:#b4ff99!important;color:#fff!important;
}
body.hall-visual-demo .hv-branching-activity .hv-alliance-choice.hv-alliance-wrong{
 background:linear-gradient(120deg,#733245,#421524)!important;
 border-color:#ffaabc!important;color:#fff!important;
}
body.hall-visual-demo .hv-branch-trail{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 13px}
body.hall-visual-demo .hv-branch-trail-pill{
 font:700 11px/1.4 Georgia,serif;color:#d3dced;
 padding:6px 9px;border:1px solid #91bbda52;border-radius:999px;background:#070d1fbb;
}
body.hall-visual-demo .hv-branch-trail-pill.hv-visited{color:#d6ffc2;background:#24613c83;border-color:#88e8ab}
body.hall-visual-demo .hv-branch-question{
 font:700 clamp(14px,1.8vw,17px)/1.45 Georgia,serif!important;color:var(--hv-accent)!important;
 margin:10px 0 12px!important;
}
body.hall-visual-demo .hv-branch-insight{
 border-left:3px solid var(--hv-accent);background:var(--hv-accent-soft);
 color:#f0f1e9!important;padding:10px 12px;font:14px/1.6 Georgia,serif!important;
}
body.hall-visual-demo .hv-feature-factcheck{
 display:block;padding:10px 14px;margin:12px 0 19px!important;
 border-left:3px solid #ffe07b;background:#5c44152b;color:#eadfb6!important;
 font:italic 12px/1.6 Georgia,serif!important;
}
@media(max-width:560px){
 body.hall-visual-demo .hv-branch-stage{padding:12px 9px 10px!important}
 body.hall-visual-demo .hv-branch-trail-pill{font-size:10px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){
 body.hall-visual-demo .hv-branch-stage.hv-branch-revealed{animation:none!important}
 body.hall-visual-demo .hv-branching-activity,
 body.hall-visual-demo .hv-branching-activity .hv-alliance-choice{transition:none!important}
}

/* Preserve the Hall’s green / yellow title system above centered portraits. */
body.hall-visual-demo .hv-demo-dialog>.hv-tag,
body.hall-visual-demo .hv-demo-dialog .hv-tag{display:block!important;text-align:center!important;color:#94ff53!important;font:700 12px/1.4 Georgia,serif!important;letter-spacing:.08em!important;margin:0 auto 12px!important}
body.hall-visual-demo .hv-demo-dialog #hv-demo-image{display:block;margin:8px auto!important;max-width:min(230px,72%)!important;object-fit:contain!important}
body.hall-visual-demo .hv-demo-dialog #hv-demo-image[hidden]{display:none!important}
body.hall-visual-demo .hv-demo-dialog #hv-demo-name{text-align:center!important;color:#fff200!important;margin:11px 0 4px!important}
body.hall-visual-demo .hv-demo-dialog #hv-demo-dates{text-align:center!important;color:#94ff53!important}

body.hall-visual-demo .hv-complete-hero-lesson{
 display:block!important;margin:13px auto 20px!important;padding:12px 16px!important;
 width:fit-content!important;max-width:95%!important;text-align:center!important;
 border:1px solid #f58e9f!important;border-radius:10px!important;
 background:linear-gradient(130deg,#84263e,#300d20)!important;
 color:#fff!important;text-decoration:none!important;
 font:700 15px/1.45 Georgia,serif!important;box-shadow:0 6px 17px #0009!important;
}
body.hall-visual-demo .hv-complete-hero-lesson:hover,
body.hall-visual-demo .hv-complete-hero-lesson:focus-visible{
 border-color:#fff200!important;box-shadow:0 0 16px #e6517d77!important;
 outline:2px solid #94ff53!important;outline-offset:2px!important;
}