Quests — Visual Mockups

Player app screens use the Playroll theme (canvas #0f1110, lime #c8f135, Lato). The authoring screen uses the network-crm EC theme. Click through the five flows.
Quests
Bespoke missions. Bigger rewards. Squad up.
LIVE500 XP + $10
Clutch Hour: Dust II
Win 3 rounds as the last player alive, in a full 5-stack.
CS2👥 5 players⏱ ends in 2d 4h
18 groups active
LIVE750 XP
Spike Rush Marathon
Record 90 qualified minutes of ranked play with a trio.
Valorant👥 3 players⏱ ends in 5d
7 groups active
LIVE300 XP
Duo Builds Challenge
Land top-10 twice in duos. Either teammate's win counts.
Fortnite👥 2 players⏱ ends in 18h
31 groups active
1000 XP
Apex Predator Push
Reach Diamond as a full squad over the event weekend.
Apex👥 3 players
🔒 Requires contributor L8+
Screen 1 — Active / Upcoming segments. Eligible quests get the lime CTA; ineligible ones are dimmed with the reason inline (verdict comes from get_quests, evaluated server-side).
← Back to Quests

Clutch Hour: Dust II

✓ You're eligible to join

Assemble a full 5-stack and grind Dust II. Every round you win as the last player standing counts toward your group's total. Rewards drop the moment your squad hits the target.

Requirements

✓ Play CS2 on map Dust II
✓ Group of exactly 5 players
3 Win 3 clutch rounds (last alive)
⏱ Within the event window (ends in 2d 4h)

Rewards

✦
500 XPGranted on completion
$
$10 bonusPer qualified player · reviewed payout

Your group

Not in a group yet. Create one and share the code, or join a friend's.

Eligible games

CS2

Recording is locked to these games while in the quest group.

Screen 2 — Requirements rendered as a checklist from the quest's structured requirements JSON; group panel offers create/join; the eligible-games panel makes the recording constraint legible up front.

Set up your group

✕
◈ Spike Rush Marathon · Valorant · trio
Valorant
CS2
This quest allows two games — pick the one your group will record. The whole squad records this game.
Min 3Max 3
7 · K · 9 · Q · 2 · M
Your invite code · share it with your squad
Screen 3 — Mirrors the existing LobbyModal (Create / Join tabs, 6-char codes, expiry). The game picker only appears for multi-game quests and is constrained to quest_games; the chosen game becomes the lobby's bound game. Click the tabs.
Recording — quest mode
Clutch Hour: Dust II · group of 5
Counter-Strike 2
◈ Counting toward · Clutch Hour: Dust II
2 of 3 clutch rounds · 38:12 qualified this session
38:12

Group roster · 5 / 5

tomcamp333 YOU · HOST
brondix RECORDING
4xar99 RECORDING
nyx_ RECORDING
ghostlayer IDLE
⚠️
Not counted — wrong game

You launched Valorant, but this quest only records CS2. Recording is paused. Switch back to CS2 to keep earning toward the quest. (blocked by QuestGameGate)

Screen 4 — The existing recording island in "quest mode": shows the locked game, live progress toward the requirement, and the group roster. When a non-quest game is detected, the QuestGameGate rejection surfaces as an explicit banner — the constraint is visible, not silent.

◈ Quests

4 quests · authoring gated by quests.authoring · writes via service role

All quests

draft → scheduled → active → ended
TitleGamesWindowPartyRewardStatus
Clutch Hour: Dust IICS2Jun 18 → Jun 205–5500 XP + $10Active
Spike Rush MarathonValorant, CS2Jun 18 → Jun 233–3750 XPActive
Apex Predator PushApexJun 21 → Jun 233–31000 XPScheduled
Winter Duos CupFortnite— 2–2300 XPDraft

Editor — Clutch Hour: Dust II

CS2 ✕+ add game
5  /  5
min_qualified_minutes = 0
clutch_round_wins = 3
Builder serializes to machine-evaluable JSON. v1 set: min party, min qualified minutes, required game, custom counters.
XP · 500 · on_completion
Cash · $10 · per_qualified_session · review payout
Screen 5 — Authoring in network-crm, mirroring the p2e-admins pattern (PageLayout + Panel + ModalDialog, react-hook-form + zod). Quests stage in draft, then "Schedule" validates and publishes; the client only sees scheduled/active/ended.