{% if plan %}
<section class="card accent">
  <h2>Plan the night <small>{{ plan.minutes }} min of {{ minutes }}, total score {{ plan.score|floatformat:0 }}</small></h2>
  {% if plan.picks %}
  <ol class="plan">
    {% for r in plan.picks %}<li><a href="{% url 'game' r.game.id %}"><b>{{ r.game.title }}</b></a>
    <span class="muted">≈{{ r.minutes }} min + setup · weight {{ r.game.weight|floatformat:1 }} · score {{ r.score|floatformat:0 }}</span></li>{% endfor %}
  </ol>
  <p class="muted">Best-scoring combination that fits the time budget (5 min setup per game), lightest game first.</p>
  {% else %}<p class="muted">Nothing fits in that time.</p>{% endif %}
</section>
{% endif %}
<h2>Ranked recommendations</h2>
{% for r in ranked %}
<article class="card rec">
  <div class="score">{{ r.score|floatformat:0 }}</div>
  <div class="body">
    <h3><a href="{% url 'game' r.game.id %}">{{ r.game.title }}</a> <small>≈{{ r.minutes }} min · {{ r.game.min_players }}–{{ r.game.max_players }} players</small></h3>
    <table class="factors">
      {% for f in r.factors %}<tr><td>{{ f.label }}</td>
      <td><div class="meter"><i style="width: {% widthratio f.value 1 100 %}%"></i></div></td>
      <td class="muted">{{ f.note }}</td></tr>{% endfor %}
    </table>
  </div>
</article>
{% empty %}<p class="muted">No game is a fit for this group and time.</p>{% endfor %}
{% if excluded %}
<details class="card"><summary>{{ excluded|length }} games ruled out</summary>
<ul>{% for e in excluded %}<li><b>{{ e.game.title }}</b> <span class="muted">{{ e.reason }}</span></li>{% endfor %}</ul></details>
{% endif %}