:root{--background-color: #f5f5f7;--text-color: #1d1d1f;--button-background: #0071e3;--button-text: #ffffff;--card-background: #ffffff;--border-color: #d2d2d7}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5;margin:0;padding:20px}sub{color:#aaa;text-align:center;display:block}h1{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem}h3{font-size:2rem;font-weight:600;text-align:center;margin-bottom:1rem}p{font-size:1rem;text-align:center;max-width:600px;margin:0 auto 2rem}#game-container{background-color:var(--card-background);border-radius:18px;box-shadow:0 4px 6px #0000001a;padding:2rem;max-width:800px;margin:0 auto;display:flex;justify-content:center;flex-direction:column}#starter-button,.match-button,.no-match-button{background-color:var(--button-background);color:var(--button-text);border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}#starter-button:hover,.match-button:hover,.no-match-button:hover{background-color:#0077ed}#objective{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem}#mugshot-container{display:flex;justify-content:center;margin-bottom:1.5rem}.mugshot{max-width:300px;border-radius:10px;box-shadow:0 2px 4px #0000001a}#crime-container{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:1.1rem;text-align:center}#match-container{display:flex;justify-content:center;gap:1rem}.match-button{background-color:#34c759}.match-button:hover{background-color:#30b955}.no-match-button{background-color:#ff3b30}.no-match-button:hover{background-color:#e8352b}@media (max-width: 600px){body{padding:10px}h1{font-size:2rem}#game-container{padding:1rem}.mugshot{max-width:100%}}