{% extends "base.html" %}

{% block title %}CineMatch - Rating Deck{% endblock %}

{% block content %}
<div class="deck-compact">
    <div class="deck-headline">
        <div class="min-w-0">
            <p class="cm-eyebrow">Rating Deck <span class="dot">·</span> <span><strong>{{ ratings_count or 0 }}</strong> rated</span></p>
            <h1>Teach it your taste</h1>
            <p class="cm-lede">Rate what you've seen, skip what you haven't, save the rest for later.</p>
        </div>
        <p class="cm-meta hidden md:block text-right shrink-0 leading-relaxed">1–6 rate · ⏎ save<br>← skip · → watchlist</p>
    </div>

    <div class="mt-3">
        {% include "components/deck_card.html" with context %}
    </div>
</div>
{% endblock %}