‹head›
‹meta charset=”UTF-8″> ‹meta name= “viewport” content= “width=device-width, initial-scale=1.0”>
‹title›The Mystery of the Seven Stars ‹script src=”https://cdn.tailwindcss.com”>
url|’https://fonts.googleapis.com/css2?family=Inter:wght@400;700&famil y=Playfair+Display:wght@700&display=swap’) ;
body { font-family: ‘Inter’, sans-serif; background-color: #f3f4f6; /* Light gray background / display: flex; justify-content: center; align-items: center; min-height: 100vh; color: #333; } •game-container { max-width: 600px; height: 80vh; / Responsive height / max-height: 800px; background: #fff; order-radius: 1.5rem; / Larqe rounded corners : ox-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) display: flex; flex-direction: column; overflow: hidden; position: relative;
. header ( background-color: #1a202c; /* Dark charcoal / color: #fff; text-align: center; font-size: 1.5rem; font-family: ‘Playfair Display’, serif; letter-spacing: 2px; box-shadow: inset 0 -4px 6px rgba (0, 0, 0, 0.1) ; •main-content { flex-grow: 1; padding: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; overflow-y: auto: / Allow content to saroll / .title-screen h1 { font-family: ‘Playfair Display’, serif; font-size: 2.5rem; font-weight: 700; line-height: 1.2; color: #4b5563; / Dark gray */ margin-bottom: 1.5rem;
Amazing Grace: The Matrix of Conscience
Integrity Score (S) Maintained through Generosity (Collective Duty). Reflects the health and stability of the “Matrix.”
Lumen Score (L)Earned through high-cost sacrifice. Reflects the player’s personal moral awakening and growth.
Relief signals are earned playing the Sequence game in the Labor Dub Routine.
Data Catch is generated by playing the Rain game and sharing creative ideas for improving the Matrix with the oracle.
Amazing Grace 