/* === RESET & BASE ================================================= */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background: #1a1a2e;
            color: #e0e0e0;
            font-family: 'Courier New', Courier, monospace;
            min-height: 100vh;
        }

        /* === DESIGN TOKENS (CSS vars) ===================================== */
        :root {
            --bg: #1a1a2e;
            --bg2: #16213e;
            --bg3: #0f3460;
            --text: #e0e0e0;
            --accent: #00ff88;
            --pivot: #ff8c00;
            --modified: #1e90ff;
            --border: #2a2a4e;
            --cell-size: 52px;
        }