.duel-hud{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;border:1px solid #c4a56266;border-radius:6px;background:linear-gradient(90deg,#31554b66,#18344577,#683e4066);padding:5px 14px;margin:1px 0 8px}.duel-hud>span{min-width:65px;display:flex;align-items:center;gap:8px}.duel-hud>span:last-child{flex-direction:row-reverse;text-align:right}.duel-hud b{font-size:25px;color:#f3d18e;line-height:1.3}.duel-hud small{font-size:10px;color:#c0d4db}.duel-hud>div{text-align:center}.duel-hud strong{display:block;font-size:12px;color:#ecddbd}.duel-hud>div>small{display:block}.beast-scene{display:flex;gap:12px;align-items:center;padding:7px 10px;background:#0d2331a0;border:1px solid #87afa355;border-radius:7px;flex:none;margin-bottom:8px}.beast-scene img{width:68px;height:68px;object-fit:cover;border-radius:7px}.beast-scene>div{min-width:0}.beast-scene strong{font-size:15px;color:#efd49f;display:block}.beast-scene span,.beast-scene small{display:block;font-size:11px;line-height:1.8;color:#b8d1da}.legend-badge{flex:none;display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;background:#8e703018;border-color:#bfa26666;padding:7px 8px}.legend-badge>.icon{width:25px;height:25px}.legend-badge span{font-size:9px;color:#b9c8ca}.legend-badge strong{display:block;font-size:12px;color:#edcc89;font-weight:500}.legend-badge small{display:block;font-size:9px;color:#9eb7bf}.legend-overview>p{font-size:11px;color:#bfd4da;margin:5px 0}.legend-overview>small{color:#d1bd8b;font-size:10px}.legend-companion{display:flex;gap:9px;align-items:center;border-block:1px solid #65818b44;padding:9px 0;margin-top:9px}.legend-companion img{border-radius:5px;width:48px;height:48px}.legend-companion strong{font-size:12px;color:#d3e3df;display:block}.legend-companion small{font-size:9px;color:#abc9cd;display:block;margin-top:3px}
@media(max-width:1100px){.legend-badge{display:none}.duel-hud{padding:4px 9px}.beast-scene img{width:56px;height:56px}}
@media(max-width:600px){.duel-hud{gap:5px;margin-bottom:5px;padding:4px 7px}.duel-hud>span{min-width:45px;max-width:30%;gap:5px}.duel-hud small{font-size:8px}.duel-hud strong{font-size:10px}.duel-hud b{font-size:22px}.beast-scene{gap:8px;padding:5px 7px;margin-bottom:5px}.beast-scene img{height:46px;width:46px}.beast-scene strong{font-size:13px}.beast-scene span,.beast-scene small{font-size:9px}.legend-overview>p{font-size:12px}}
@media(max-height:700px) and (max-width:1100px){.beast-scene img{width:36px;height:36px}.beast-scene small{display:none}.duel-hud{padding:3px 7px;margin-bottom:4px}.duel-hud b{font-size:19px}.duel-hud>div>small{font-size:8px}}

/* Keep the life clock compact while an important legend scene waits for an answer. */
.has-legend .life-flow-banner{min-height:44px;padding:6px 18px;margin-bottom:4px}.has-legend .life-flow-banner strong{font-size:14px}.has-legend .life-flow-banner .calendar-age b{font-size:24px}.has-legend .life-clock,.has-legend .clock-caption,.has-legend .year-progress-caption,.has-legend .year-progress{display:none}.has-legend .life-calendar{padding:4px 0;margin:0 0 7px}.has-legend .scene-heading{margin-bottom:7px}.has-legend .result-strip{padding-top:4px}.has-legend .story-effects{display:none}.has-legend .result-text small{display:none}.has-legend .result-text strong{font-size:11px}.duel-hud{flex-wrap:wrap}.duel-intent{flex-basis:100%;display:flex;justify-content:space-between;gap:8px;margin:3px 0 0;padding-top:5px;border-top:1px solid #b7aa7555;font-size:11px;color:#e4d4ad}.duel-intent>strong{font-size:10px;color:#abd4bd}
@media(max-width:600px){.has-legend .life-flow-banner{display:none}.has-legend .life-calendar{margin:4px 0;padding:2px 0}.has-legend .scene-heading{padding-top:3px;margin-bottom:5px}.duel-intent{font-size:9px;gap:4px;line-height:1.7}.duel-intent>strong{font-size:9px}.has-legend .result-text strong{font-size:10px}}
@media(max-height:520px){.has-legend .life-flow-banner,.has-legend .life-calendar{display:none}.duel-intent{font-size:9px;padding-top:2px;margin-top:1px}.duel-intent>strong{font-size:9px}}

#duel-move{min-width:0;max-width:49%;height:29px;font-size:10px;padding:3px 6px;border:1px solid #a6955b99;background:#142f3e;color:#f1d49a;border-radius:4px;white-space:nowrap;text-overflow:ellipsis;margin-left:auto}.has-legend .answers-heading:has(#duel-move)>span{display:none}

@media(max-height:520px) and (min-width:601px){.has-legend .answer,.has-legend .answers.count-1 .answer,.has-legend .answers.count-2 .answer{height:80px!important;min-height:0;padding-block:5px}.has-legend .answer-copy strong{font-size:11px;line-height:1.4;-webkit-line-clamp:1}.has-legend .answer-description{font-size:9px;-webkit-line-clamp:1}.has-legend .choice-effects{display:none}.has-legend .choice-odds{font-size:9px}.has-legend .flow-decision-note{display:none}.has-legend .answers-heading{height:26px;min-height:26px}.has-legend .duel-hud{gap:2px 8px;padding:3px 8px}.has-legend .reader-copy{font-size:12px;line-height:1.7}.has-legend .reader-controls{height:26px;min-height:26px}.has-legend .duel-intent{font-size:8px;line-height:1.5}.has-legend .duel-intent>strong{font-size:8px}}

.beast-move-icon{border-radius:4px}

/* A witnessed challenge takes place in the martial courtyard, with a dark backing for scores. */
.duel-hud{background:linear-gradient(90deg,#133a38e8,#132732d9,#3b272cdd),url('./assets/scenes/arena-v38.webp') center 55%/cover}.has-legend:has(.duel-hud) .life-flow-banner{background-image:linear-gradient(90deg,#10232bd9,#10232b77),url('./assets/scenes/arena-v38.webp');background-position:center 55%}