Interface · Pixel Geometry 1920×1080 Design Space

HUD Anatomy & Layout Anchors

Every 2D HUD widget on the match screen, with its exact anchor settings, pixel dimensions, data binding, and source file ownership in src/ui/.

scenes/match.tscn · src/ui/*.gd · src/ui/dd_theme.gd

Interactive Hotspot Map

The match HUD with numbered regions
Numbered regions correspond to the HUD layout breakdown below, measured from scenes/match.tscn.

    The CanvasLayer Hierarchy

    Explicit numeric layer sorting prevents accidental visual clipping across 3D tables, HUD widgets, and popups:

    3D TABLE — field quad, card quads, dice, meeples Base POST-FX — grain, vignette, chromatic aberration 100 HUD CHROME — score bug, seat strip, bank, pill, decision stack 101 HAND CONTAINER — interactive card fan & drag layer 102 INSPECT LAYER — hover card previews & telemetry 103 MODAL DIALOGS — zone browser, card inspector 110

    Widget Breakdown & Pixel Geometry

    ScoreBug — src/ui/score_bug.gd

    492×88px top-left module containing 4 segmented cells with 2px cream dividers:

    CellWidthInformation Content
    Scores148 pxAWAY / HOME runs. Active batting team's label glows in cream; defending team is muted grey.
    Inning86 pxCream skewed parallelogram: ▲ 1ST (Top) or ▼ 1ST (Bottom).
    B / S / O158 pxBalls (cyan dots), Strikes (crimson crosses ✖), Outs (crimson circles ⭕). Three distinct geometric shapes.
    Bases96 pxThree diamond nodes showing occupied runners (1st, 2nd, 3rd) with status text.

    PromptPill — src/ui/prompt_pill.gd

    Positioned horizontally centred, floating 336px above bottom edge. Displays skewed phase badge, prompt text, and active status tags (2 of 2 selected). Expands to 64px during Build phase with integrated MIN 14 deck progress bar.

    DecisionStack — src/ui/decision_stack.gd

    336px wide bottom-right action module:

    1. Breadcrumb Rail (60px): DRAFT · SIGN · BUILD · PLAY · REVEAL · RESOLVE sequence indicator.
    2. Context Box (64px): Selected card preview thumbnails and instant rules explanation.
    3. Action Anchor Button (64px): Irreversible commit trigger (KEEP / SIGN / LOCK & MILL / COMMIT / RESPOND).